복잡한 CSS 그리드 레이아웃을 시각적으로 쉽고 빠르게 완성하는 CSS Grid Layout 생성기 활용 방법을 살펴보자.모든 디자인 영역에서 그리드 시스템은 중요한 역할을 담당하고 있고 웹디자인에 있어서 그 비중은 더 크다고 볼 수 있다. 그리드는 수평과 수직으로 구성된 디자인의 기본 요소라고 할 수 있다.그리드는 디자인 작업에 일관성을 부여하고 그래픽 요소의 체계적인 배열을 갖추는 데 도움이 된다. 또한, CSS CLASS를 활용해서 웹페이지 레이아웃을 구축하는 행과 열을 제어할 수 있고 그것을 토대로 복잡한 중첩 레이아웃도 어렵지 않게 구축할 수 있다. 이글을 통해 소개하는 css-grid-layout-generator는 기존에 선보인 다양한 그리드 생성기와 달리 더 직관적이고 시각적인 인터페이스로..

Design Information/HTML5 and CSS3 2019. 1. 21. 02:55

포토샵에서 정확한 작업을 위한 그리드 설정을 쉽고 빠르게 할 수 있도록 도와주는 ‘그리드 메이커(Grid Maker)’ 사용자 패널에 대해서 소개하려고 합니다. 포토샵 작업을 할 때 이미지 편집과 달리 그리드를 적용한 다음 작업을 해야 하는 경우가 있습니다. 특히 출판을 위한 편집 디자인이나 웹 디자인의 경우는 간격이 상이한 그리드 설정 작업이 잦은 편인데 일일이 작업창에 맞게 그리드를 계산해서 정확하게 설정하기란 쉽지도 않고 번거로운 일이기도 합니다. 하지만 이제는 그런 수고를 좀 덜 수 있겠습니다. 포토샵 개발자들이 배포하는 그리드 메이커 사용자 패널을 설치하고 활용하는 방법을 설명해 드릴테니 참고하셔서 유용하게 활용하시길 바랍니다. 이 그리드메이커 사용자 패널은 포토샵 CS4 버전에만 적용이 가능하..

Design Lecture/Adobe Photoshop 2009. 2. 26. 18:10