[제로베이스] UIUX 디자인 스쿨_프리스쿨

프리스쿨

 

 

Tab 20230601

페이지 내 유사한 정보를 그룹핑하여 콘텐츠를 정리할 때 사용  여러 섹션을 신속하게 전환할 수 있게 함  탭이 표현하는 정보의 볼륨에 따라 뎁스라는 위계가 생기며 해당위계를 탭에도 시각적으로 표현  하위뎁스가 상위뎁스 위로 표현되는 것을 권장하지 않음

* 상위뎁스(Depth)에서 하위뎁스로 갈수록 볼륨감이 적어짐

* 뎁스 간 차이를 둘 것

* 같은 뎁스라도 활성화인지 비활성화인지에 따라 폰트 무게감에 차이를 주기도 한다. 

실습 화면

[실무팁] 각 메뉴의  on(활성화)/off(비활성화) 버전을 동일하게 만들어 준다. 요소 간 간격은 짝수로 하는 것이 좋다. 

[유의] 아이콘을 만들 시 가이드 도형을 삽입해서 간격을 균형 잡는다. 

[나의 생각]  강의는 40분이 채 안 되는데 디테일을 강사님과 똑같은 기준으로 디테일을 잡느라고 거의 2시간은 걸리는 것 같다. 독학으로 피그마 연습 할 때는 오토레이아웃으로 마진을 잡는 방법으로 배웠는데 이곳에서는 일일이 Alt를 눌러가며 간격을 잰다. 그 둘은 어떤 차이가 있는 걸까? 강사님이 사각형을 그릴 때 사이즈를 말씀 없이 그리셔서 사이즈를 비교하느라 강의를 돌려보고 돌려본다. 내가 먼저 사이즈를 가늠해서 만들어보고 비교하는 과정이 있어서 따라 하는데 오래 걸려서 그렇지 안 불러주시는 게 그렇게 나쁘지만은 않다.  학습후기를 적어가면서 하니 확실히 배운 내용을 한 번 더 각인할 수 있는 게 장점이다. 실무에서는 영어로 주로 네이밍을 한다던데 실습할 때도 동일하게 했으면 좋겠다.