디자인분들 질문있습니다. 그리드 레이아웃에대해 > 자유게시판

본문 바로가기
DBCUT

사이트 내 전체검색

LOGIN

자유게시판 질문

[N.4555] 디자인분들 질문있습니다. 그리드 레이아웃에대해

본문

웹 디자인 작업하실때
그리드선에대해 항상 궁금했었어요.

무작정 포토샵으로 만드시는건지

가이드라인으로 레이아웃을 만드는건 알겠는데,
그 일정한 간격이며,, 몇단 몇단.. 그런작업을 어떻게 일일히 하는건지..

아니면 공식적인 게 있는건가요?

초보자라.. 작업하는 방법을 알려주세요..
신고
  • 페이스북으로 공유
  • 트위터로  공유
  • 구글플러스로 공유
  • 카카오톡으로 보내기

댓글목록

슈퍼라쿠님의 댓글

profile_image 슈퍼라쿠 쪽지보내기 자기소개 아이디로 검색 전체게시물
작성일 13-10-15 17:00:04

작업자마다 본인의 스타일이 있을거라 생각합니다.
전체 width를 대략적으로 가이드라인으로 경계를 주고 작업을 하는 분도 있구요
머 먼저 디자인작업을 하면서 대강 전체적인 느낌을 보고 가이드를 긋는 분들도 있을거라 생각합니다.
그리드 선을 디자인요소로도 요즘은 많이 응용해서 깔끔한 느낌을 많이 주는데 이쁘더라고요
그렇지않다면 그리드는 안내선이죠 말그대로 가이드를 해주는 디자인을 돕는 요소라고 생각합니다.
눈으로 보는것과 실제 픽셀들이 또 1px 씩 안맞는 수도 있어요.. 확대 해보면..^^

그런 정교한 작업을 위해서 꼭 필요한 tool 이라 생각합니다.
공식은 따로 있지 않아요..

원하는 작업을 하면서 본인이 편하게 작업하는데 이용하면 됩니다.

  • 신고

의문님의 댓글

profile_image 의문 쪽지보내기 자기소개 아이디로 검색 전체게시물
작성일 13-10-17 11:52:22

1024x768 해상도 기준의 작업 시
실제 작업 영역은 960px로 하며, 가로 80px씩 12분할
참고) 현대건설, 현대카드 privia 쇼핑

  • 신고

브릭님의 댓글

profile_image 브릭 쪽지보내기 자기소개 아이디로 검색 전체게시물
작성일 13-11-26 16:59:15

그리드시스템에 대해 공부하려면 먼저 타이포를 이해해야 합니다.
웹은 편집디자인의 한 영역이라고 볼 수 있는데, 편집디자인의 목적 자체가 보는 이로 하여금 효과적인 정보전달인 만큼
아트적인 요소를 제외한다면 웹 또한 편집디자인의 한 부분입니다.
다만, 일반적인 편집디자인과 웹디자인의 다른점은 웹은 인터페이스라는 것을 가지고 있다는 것이죠.
여기에 그리드 시스템이 적용되는 것입니다.

  • 신고
PC 버전으로 보기