1주차_ UI 디자인 시작하기, 피그마와 가까워지기

조 응션·2023년 9월 7일

ECC 2023-2

목록 보기
1/6

#it! 프로덕트 디자인 입문 with 피그마 01장 ~ 02장

> 01-1 UI 디자이너의 일

Intro

아이콘, 숫자 패드, 텍스트 등 모든 그래픽
목표를 효과적으로 달성할 수 있도록 시각적으로 안내

가치

1) 심미성
: 브랜드의 전략과 맞게 톤앤매너(색감, 분위기, 스타일)

2) 논리와 효울성
: 팀의 목표 이해하기
: 레퍼런스 적극 사용

3) 툴 활용 능력

4) 디지털 환경의 이해
: 차이를 고려해 효과적 설계 → 반복 작업 최소화, 실제와 가까운 프로토타입 제작

사용 툴

스케치, 어도비, 프로토파이, 프레이머등

모바일 디자인 환경 이해

픽셀 : 화면 크기와 선명도를 표한하는 디지털 화면 최소 단위

디지털 화면 디자인의 기준 해상도

목표는 어떤 기기를 쓰더라도 비슷한 서비스 경험
기준 해상도롤 잡고 후 조정
다양한 기기 크기에 따라 UI 요소 변화 규칙 지정

1배수와 n배수

화질 저하 방지를 위해, 1배수로 디자인하되 기준 해상도에 맞게 에셋 설정

> 02 피그마와 가까워지기

(pc, 모바일 버전 설치 후 계정 생성 실습)
https://www.figma.com/file/D2QmkQK5beoYSIt1BQ5Tf0/Untitled?type=design&node-id=0%3A1&mode=design&t=V935Wa3EWw1k2O64-1

0개의 댓글