MDS

Multicampus Design System

러닝플랫폼의 Grid System 및 주요 화면에 대한 여백가이드를 표기합니다.
러닝플랫폼의 레이아웃은 사용자의 직관적인 정보 전달을 위해 아래의 원칙을 고려합니다.

러닝플랫폼의 최대 가로사이즈 기준에 따라 1164px Grid System에 맞춰 제작합니다.

88*12 Columns

주요 페이지의 콘텐츠 여백은 전체 레이아웃의 통일성에 맞추어 각각의 여백간격이 존재하며 콘텐츠를 추가하거나 새롭게 디자인 작업시
여백가이드를 준수하여 적용합니다. (여백의 주목성을 위해 화면 페이지는 프레임 구조로 처리되어 있습니다)

레아아웃을 구성하는 요소인 그리드를 적용하여 시각적 질서와 일관성을 유지합니다.

러닝플랫폼은 총 6개의 컬럼안에 각각의 콘텐츠들이 배치되는 레이아웃 구조로 되어 있습니다.

Feed, Connect, Discover, Me 등 주요화면에 대한 여백을 표기합니다.