안녕하세요. 이번에는 앱 UI 디자인을 할때 필수적으로 알아야 하는 레이아웃과 그리드 시스템을 알아보는 시간입니다.
레이아웃이란, 화면 크기, 텍스트, 이미지, 여백 등의 다양한 구성요소를 고려하여 앱 내에 정보를 시각적으로 배치하는 것입니다.
그리드 시스템이란, 여러 종류의 요소를 질서 있게 배치하기 위한 *그리드 규칙을 말합니다. 그리드를 활용하면 시각적 통일성을 줄 수 있습니다.
영상을 통해 자주 사용되는 레이아웃이 뭔지 확인해보세요.
00:00 시작
00:08 레이아웃과 그리드 시스템이란?
01:07 앱에서 흔하게 사용되는 레이아웃
02:26 그리드 시스템 요소
04:58 레이아웃을 구성하는 것에 대한 생각
#uxui #레이아웃 #그리드시스템
🚀 디자인베이스 멤버십 가입하면 다양한 고급 강좌와 예제 파일을 받아볼 수 있어요
┗ https://www.youtube.com/channel/UCvYnDMeL-PFZhfIz6oc_U-Q/join
🌟예제 다운은 멤버십 회원 전용 커뮤니티에 올린 링크에서 받으실 수 있습니다.🌟
*디자인베이스 강좌는 Mac OS를 기준으로 해서 윈도우 사용자와 일부 차이가 있을 수 있습니다. 윈도우 사용자분들은 영상에서 커멘드(Cmd)라는 단축키 대신 컨트롤(Ctrl)을, 옵션(Option) 대신 알트(Alt)를 눌러주세요.
☞ 공식 웹사이트 : http://designbase.co.kr/