H portfolio

2017년 11월 20일

  1. 제작할 사이트 시안 컨셉
    패턴배경을 사용하여 밋밋함을 덜어주면서 심플하게 보이는 웹구상
    차분한색을 메인으로 두고 포인트색을 주면서 전체적으로 통일된 느낌으로 구성
    움직임의 효과를 시안에 담을 수 없어서 일단 머릿속으로 중요한 움직임을 생각해서 제한적인 부분들을 감안하면서 시안을 제작
  2. 웹 코딩을하면서 제일 어려웠던 부분
    아직 적용해서 구현한 것은 아니지만 반응형웹으로 만들려하면서 Web portfolio 페이지의 반응형작업이 너무 어려웠다. jQuery가 웹 크기가 달라지면서 다른 jQuery가 적용해야 되는 부분을 코딩하는 것이 제일 어려웠다.
  3. 제작하면서 에로사항
    맨 처음 메인 페이지에서 포인트 칼라가 들어가있는 문구들을 메뉴와 연동해주고싶었는데 처음 적용해보았을때 원하는 메뉴까지는 도달했지만 각각 페이지들의 z-index값이 translate 3D로 되어있어 꼬이는 현상이 발생해서 이 부분을 구현하는 법을 생각하고 있다.
  4. 그 문제점을 어떤식으로 표현하여 보완할 것 인가?
    선생님의 도움으로 어떻게 도달할까 힌트는 얻었지만 잘 안되는거 같다.
  5. 컬러정하기
  6. 메인이 되는 카피라이트 문구는?
    나와 관련된 해시태그들을 모아서 H로고를 만들었다
    문구들을 보면서 이 사람은 이런것들을 관련으로 하고 있구나를 알려주기위해 제작했다.
  7. 컨텐츠는 무엇무엇을 담을 것인가?
    포트폴리오 사이트인 만큼 나 자신을 소개하고 내가 어떤 디자인을하고
    어떻게 결과물들을 만들었는지 소개하기 위한 컨텐츠들을 담을 것이다.
  8. 레이아웃은 어떤 형태로 진행?
    원페이지 레이아웃
  9. 피드백, 보안점
    1)그래픽 메뉴 글자가 작아서 보조 설명느낌이 들수있다.
    -수정완료
    2)그래픽 디자인 갤러리 스타일을 바꾸자
    디자인을 보여줘야하는데 디자인을 잘 볼수가 없는 구조이다. 게다가 작품에 대한 설명이 없다. 그래픽 디자인은 디자인을 잘 볼수 있도록 해줘야하고 작품에 대한 설명이 있는게 더 좋음!
    -페이지 작업을 새로 만들어 갤러리 스타일이 아닌 그리드스타일로 누르면 상세한 설명과 이미지를 보여주는 방식의 컨셉의 페이지로 만든다.
    3)그래픽 페이지는 디자인 제일 잘된거로 5개만 뽑아서 카테고리를 나눠서 따로 정리해주자
    4)Web portfolio페이지는 너무 밀집되어있는 느낌이 커서 정신이 없다
    -보는사람 입장에서 편하게 볼수있도록 다시 수정해야겠다.

2018 /08 /07 사진 웹용으로 변환

웹제작 초기에는 사진의 용량 크기를 웹용으로 사용하는것에대한 지식이없었다 그래서 크고 선명하고 좋은 사진들을 가져다 사용했다
하지만 이게 웹제작에있어서 초보라는것을 이제야 알았다 나중에와서 용량및 크기 그리고 최적화를하는데있어서 너무나 번거로운작업이었다 하지만 트래픽, 사용자가 빨리볼수있는 로딩속도를 위해서는 이것들이 꼭필요하다는 것을 지금은 매우매우 많이 느끼고있다.
그래서 이제서라도 하나하나 수정해보았다.

구현된 웹디자인 포트폴리오
link

Thank youfor watching!