앱 디자인 레이아웃과 그리드 시스템 - UXUI 디자인 강좌 2-2
HTML-код
- Опубликовано: 1 авг 2024
- 안녕하세요. 이번에는 앱 UI 디자인을 할때 필수적으로 알아야 하는 레이아웃과 그리드 시스템을 알아보는 시간입니다.
레이아웃이란, 화면 크기, 텍스트, 이미지, 여백 등의 다양한 구성요소를 고려하여 앱 내에 정보를 시각적으로 배치하는 것입니다.
그리드 시스템이란, 여러 종류의 요소를 질서 있게 배치하기 위한 *그리드 규칙을 말합니다. 그리드를 활용하면 시각적 통일성을 줄 수 있습니다.
영상을 통해 자주 사용되는 레이아웃이 뭔지 확인해보세요.
00:00 시작
00:08 레이아웃과 그리드 시스템이란?
01:07 앱에서 흔하게 사용되는 레이아웃
02:26 그리드 시스템 요소
04:58 레이아웃을 구성하는 것에 대한 생각
#uxui #레이아웃 #그리드시스템
🚀 디자인베이스 멤버십 가입하면 다양한 고급 강좌와 예제 파일을 받아볼 수 있어요
┗ / @designbase
🌟예제 다운은 멤버십 회원 전용 커뮤니티에 올린 링크에서 받으실 수 있습니다.🌟
*디자인베이스 강좌는 Mac OS를 기준으로 해서 윈도우 사용자와 일부 차이가 있을 수 있습니다. 윈도우 사용자분들은 영상에서 커멘드(Cmd)라는 단축키 대신 컨트롤(Ctrl)을, 옵션(Option) 대신 알트(Alt)를 눌러주세요.
☞ 공식 웹사이트 : designbase.co.kr/
드디어 ㅠㅠ 항상 기다리고 있어여!! 좋은 강의 감사합니다
좋게 봐주셔서 감사합니다:)
감사합니다. 잘 보고 있습니다.
유료강의 보다 퀄리티가 좋아서 너무 감사합니다. 👍
좋게봐주셔서 감사합니다!ㅎㅎ
이런 가장 기본적이고 실용적인 강의 너무감사드립니다!!
좋게 봐주셔서 감사합니다:)
너무 도움이 많이되는 강의 입니다. 그만큼 개인 시간을 많이 투자 하셨을 텐데.. 좋은영상 너무 감사합니다. ☺
감사합니다 :)
정말 5년전부터 받침판처럼 항상 업무보면서 뭐였지하면 디자인베이스에 와서 확인했는데 항상 감사해요. 진심으로요.
도움되었다니 다행이네요.. 감사합니다!ㅎㅎ
@@designbase 저 사실 굉장히 오래전에 웹사이트만 존재할 때 보고 항상 많이 봤는데 이렇게 감사의 마음을 직접 전달하게 되어 너무 좋습니다! 꾸준히 열공할게용!
컬럼은 고정값이 아니고 거터나 마진은 고정값, 거터가 그냥 16이라고 써져 있어서 단위는 어떻게 하는거지..? 싶으면 피그마나 스케치, xd에서 16이라고 쓰면 된다고 알려준다든지 되게 기본적인 건데 처음하면 잘 몰라서 헷갈리는 것들을 보통 강의를 들으면 안 알려주는 경우가 많았어요ㅠㅠ인터넷에 찾아봐도 잘 안 나와서 답답했는데 감사합니다🥹
컴팩트하지만 필요한 설명은 다 포함된 강의 스타일 너무 좋아요 UI UX 강의 전체 업로드는 언제쯤 완료될 것 같으세요..?
제 예상은 다음달말이나 7월초를 생각중이긴합니다..! 영상 수가 워낙 많아서ㅠㅠ
@@designbase 헉헉,,, 저 기다리느라 숨참아요
안녕하세요! 강의 잘보고있습니다. 멤버쉽에 가입하면 혹시 강의때 사용하신 자료들을 다운받을 수 있나요? 아니면 예제만 가능한가요? 개념 너무 정리를 잘해주셔서요😅😅
감사합니다. 자료 제공은 예제만 가능합니다~! ㅎㅎ