UI 클론 디자인

 UI 클론 디자인 

• 클로닝을 통해 디자인 원칙, 컬러, 타이포그래피, 레이아웃 구성과 활용법을 학습 가능
• 전반적인 UI 구조 파악
• 디자인 역량을 키우기 위한 좋은 연습 방법
• 인기 있는 트렌드를 파악하고 왜 인기가 있는지 분석 가능

 

 

 

 UI 화면 구조 

▶ UI 화면 구조

     : 큰 블록(페이지) → 작은 블록(컴포넌트) 순으로 설계하는 것이 핵심

UI 화면 구조

 

 

▶ 컴포넌트를 블록처럼 설계하면 좋은 점

• 재사용성
  : 같은 컴포넌트를 여러 곳에 활용
• 유지 보수 용이
  : 한 번의 수정으로 전체 UI에 반영 가능
• 유연성
  : 추가, 삭제 혹은 위치 변경 시, 레이아웃에 큰 변화 없이 유연하게 적용 가능

 

* 섹션을 조립해서 페이지를 만들 때, 테트리스 블록처럼 빈틈없이 쌓는 것이 포인트