오늘은 제작할 웹 페이지의 기준이 될 메인 페이지를 디자인할 예정이다.
0. 디자인 참고하기
디자인을 시작하기에 앞서, 나는 디자인에 대해 문외한이기 때문에 타 사이트를 참고하여 해보려 한다.
네이버 메인
네이버 구조
다음 메인
다음 구조
구글 메인
구글 구조
벨로그 메인
벨로그 구조
사람인 메인
사람인 구조
포털 사이트 3곳, 채용 사이트 1곳, 소셜네트워크 사이트 1곳 총 5곳의 메인 화면을 분석해보았다.
5곳의 사이트 구조를 전부 합쳐 보면,
이런 모양이 나온다.
여기서 하나씩 지워보면서 사이트 구조를 만들어보자.
구조를 하나씩 지웠으니 크기와 배치를 조정해보자.
완성된 구조 모습
결과
구조를 완성했으니 각 요소들을 가져오고 색상도 바꿔보자!
요소들은 당장 넣을 내용이 없으니 각 사이트에서 캡처해서 가져와봤다.
생각보다 괜찮게 나온 듯하다.
개발 공부!