Fab 2

[제로베이스 UI/UX 파트타임 스쿨] 13주차 - (금) 컴포넌트 디자인 - Buttons & FAB

제로베이스 89일차 학습노트이다.오늘은 Sketch 툴을 활용하여 컴포넌트 디자인 중 버튼(Button)과 플로팅 액션 버튼(FAB)에 대해 학습했다. 버튼은 사용자 인터페이스에서 가장 보편적으로 사용되는 요소로, 다양한 형태의 버튼을 실제로 구성해보고 디자인 가이드라인에 따라 레이아웃을 설계해보는 실습을 진행했다. 또한 FAB는 핵심 액션을 강조하는 요소로, 화면 내에서 어떻게 시각적으로 강조할 수 있을지 고민해보는 시간이 되었다.오늘의 강의 내용 1. ButtonsSketch를 활용해 다양한 유형의 버튼을 구성해보았다. 실습에서는 기본 버튼부터 시작해, 아이콘이 포함된 버튼, 외곽선으로만 구성된 아웃라인 버튼, 그리고 배경 없이 텍스트만 들어간 텍스트 버튼까지 다양한 스타일의 버튼을 디자인했다. 특히..

[제로베이스 UI/UX 파트타임 스쿨] 6주차 - (수) FAB_Footer & Table

제로베이스 38일차 학습노트이다.화면 공통영역에 대한 수업을 계속 진행중에 있는데, 앱/ 웹 화면 하단에서 자주 볼 수 있는 FAB, Footer와 테이블에 대해서 배웠고, 사실 이부분은 왜 공통영역이라고 부르는지 이해가 안되었던 테이블에 대해서도 배웠다. 계속 실습을 하며 화면에서 나올 법한 요소들에 대해서 한번씩 해보는 것 같다. 내가 생각했었던 시각 디자인은 보통 예쁘게 그려내고 주목을 끌게 그려내는 와중에 가시성을 위해 레이아웃을 맞추는 정도였다. 하지만 화면 안의 요소들을 하나씩 배우니 새로워서 재미있는 것 같다.오늘의 강의 내용 1. FAB FAB는 Floating Action Button의 약자로 화면 내용의 앞에 표시되어 가운데에 아이콘을 포함한 원형 모양이 보통인 버튼이다. 가장 기본적이..