어플디자인1 [UI DESIGN] Grid styles, Columns를 활용한 기초공사 과정 [티끌] Grid stylws을 기반으로 티끌 제작 과정 알아보기 안녕하세요. 티플의 디자이너 나태진입니다. 합류 초반 티끌에서 Grid styles을 통한 UI 기초공사 과정을 보여드리려 합니다. 🖌️ Grid styles 디자인의 시작이자 뼈대 역할을 하는 Grid styles에 대해 알고 계신가요? 피그마로 웹 혹은 앱을 설계할 때 필수적으로 활용되는 기능으로 피그마에 저장하고 라이브러리를 통해 모든 UI에 디자인 통일성을 주는 기능입니다. 위 이미지처럼 크게 Grid, Columns, Rows로 나뉘는데 티끌에서 적용했던 것은 흔하게 사용되는 Columns이였습니다. 모바일에서는 2분할, 3분할을 사용할 수 있는 4, 6의 Columns를 권장하지만 초기 티끌의 와이어 프레임을 보니 몇몇 페이지 .. 2023. 7. 28. 이전 1 다음
