카테고리 없음

[멋쟁이사자처럼] UI Design_ basic

hyeyeonisgood 2025. 2. 17. 14:42

 

UI란? - 제품의 인터페이스가 어떻게 보이고 기능하는지에 관한 것

 

상호작용 <-----------> 의사소통

                      UI

 

 

UX - 경험의 전반적인 느낌

UI - 인터페이스가 어떻게 보이고 기능하는지(개발자와 함께 구현)

 

 

  • Wireframe

Wirefram의 목적

:디자인의 컨셉, 고객의 요구사항, 콘텐츠들의 기능 요소 등을 모두 파악하여 전략적으로 설계

 

ex) 제품 제작 요청 -> 요구사항 파악, 메인에 나올 콘텐츠와 기능 요소들 정리 -> 와이어프레임 제작

(개발자 : 제품 기능 이해, 디자이너: 컨셉 선정, 디자인 작업, 클라이언트 : 요구사항과 원하는 기능 사전확인)

 

-필수 항목

1.화면에 어떤 정보가 나타나야 하는가?

2.어떤 레이아웃을 가져야 하는가?

3.어떤 세부 모습이 나타나야 하는가?(유형화하면 좋음 a타입,b타입,c타입 등)

4.어느 부분과 이어지며 어디로 이어져야 하는가?

5.네비게이션은 적절히 기능하는가?

 

 

Wireframe 작성 - 파워포인트

 

 

Wireframe 작성 - 액슈어

 

 

Wireframe 작성 - 피그마

손스케치