모듈식 설계를 사용하는 5가지 킬러 방법

이 기사는 다음에서 처음 게재되었습니다. 문제 235 .net 매거진 – 웹 디자이너와 개발자를 위한 세계 최고의 베스트셀러 잡지입니다.

웹 사이트를 구성 요소로 나누어 웹 사이트 디자인에 접근하는 것은 더 큰 디자인 문제를 해결하고 기능적 제한을 수용할 수 있는 영리한 방법입니다.

우리 대부분은 전략적으로 수행할 생각이 있든 없든 이 작업을 수행합니다. 귀하의 클라이언트가 요청했기 때문에 Facebook 또는 Twitter 위젯을 중심으로 디자인되었으며 귀하는 이것을 따르고 있습니다. 전략. 일부 시나리오에서 이를 수용할 수 있다면 프로젝트가 더욱 원활하게 진행되고 디자인 작업의 수명도 향상될 수 있습니다. 모듈식 설계는 단순히 설계 패턴을 사용하는 것이 아니라 이를 모듈식 구성 요소에 통합할 수 있습니다. 사용하려는 모듈의 예로는 가로 탭 기반 탐색이 있습니다. 탐색 블록은 모듈이고 테이블 형식 레이아웃은 탐색 디자인의 패턴을 나타냅니다.

상당수의 대규모 웹사이트에서는 이 기능을 사용하여 다른 곳에서 재사용하기에 적합한 기능이 포함된 섹션을 만듭니다. 반응형 웹 사이트를 구축하거나 디자인 프로세스의 일부로 와이어프레임을 사용하는 경우 구성 요소 측면에서 디자인을 생각하는 것은 이미 하고 있는 일일 것입니다. 핵심은 나중에 이동하고 재사용할 수 있는 상호 작용 블록이나 복사본을 만들고 이를 사용하여 페이지 레이아웃을 구성하는 것입니다. 단순한 아이디어이지만 올바르게 활용하면 팀 전체가 매우 쉽게 함께 작업할 수 있습니다.

이러한 방식으로 작업하면 설계 문제를 해결하고 솔루션을 재사용할 수 있습니다. 대규모 팀의 일원으로 일하든 주요 웹 사이트에서 혼자 일하든, 작업할 시간보다 극복해야 할 디자인 문제가 더 많은 경우 이러한 작업 방식은 매우 중요할 수 있습니다.

확인해 볼 다섯 가지 예

완벽을 향한 20단계 웹사이트 레이아웃: Creative Bloq의 전문가 팁을 확인해보세요!