조금 (사실 많이) 늦었지만 이제라도 써보는 벨로그... 시험이 얼마남지 않았기 때문에 복습하는 느낌으로 열심히 써보려고 한다 !
UI/UX 란
UI
• 어떤 제품이나 소프트웨어를 사용하게 되는 소비자(=사용자)가 제품과 서비스를 이용할 때 처음 접하게 되는 매개물 • 흔히 'UI 디자인'이라고 하면 아이콘, 색감, 타이포그래피 등으로 보여지는 시각 디자인을 의미UX
• 유저의 경험을 의미하며 유저가 서비스나 제품을 직접 사용하여 느끼는 것 • 이용을 하는 이용자가 편리하고 만족할 수 있도록 UI를 디자인 하는 것방법론
더블 다이아몬드 프로세스
1. discover → 2. define → 3. develop → 4. deliver-
discover 문제 정의
• 문제를 폭넓게 탐색
• 사용자의 진짜 문제를 파악하는 단계
• 여러 문제와 기회를 식별하는 데 집중 -
define 문제 구체화
• 앞서 발견한 문제들을 정리
• 핵심 문제를 명확하게 정의하는 단계
• 구체적인 디자인 방향 설정 -
develop 아이디어 확산
• 다양한 해결책을 도출하는 단계
• 여러 창의적인 아이디어 제안
• 프로토타입 제작 -
deliver 해결책 수렴
• 최종 솔루션을 선택
• 프로토타입을 테스트하며 개선해 나가는 단계
• 실사용자의 피드백을 기반으로 최종 솔루션을 결정
• 최종 솔루션을 최적화하여 개발
디자인 시스템
다양한 페이지와 채널을 걸쳐 공통의 언어와 시각적 일관성을 만들고
반복되는 작업을 줄임으로써, 규모에 맞게 디자인을 관리하기 위한 표준 집합
디자인 시스템의 장점
1. 효율성 확보 (Efficiency)2. 일관성 있는 사용자 경험 (UX Consistency)
3. 다양한 제품에 대응 (Design at Scale)
• 반응형
- 화면 크기가 변경 될 때 컨텐츠와 레이아웃이 그 크기에 맞춰 유동적으로 조정되는 디자인
• 적응형
- 여러개의 고정된 레이아웃 크기를 기준으로, 사용자의 화면 크기에 따라 가장 적합한 레이아웃을 보여주는 방식
4. 협업에 기여 (Collaboration)
디자인 시스템의 요소
• 컬러
디자인 시스템의 기본 구성 요소
• 타이포그라피
단단한 디자인 시스템을 위한 기본 구성 요소로, 브랜드를 만들 때 중점 두어야 할 시각적 요소
• 아이콘
대상의 특징을 강조해 만드는 기호
개성을 부여하기 쉽고, 보편적을 이해할 수 있음
• 컴포넌트
재사용 가능한 독립된 조각을 의미
독립된 컴포넌트들을 조합하여 페이지 구성
• 네이밍 규칙
컬러, 타이포그래피, 아이콘 등에 일정한 규칙을 정하여 상호 소통 시 헷갈리지 않고 정확한 작업이 가능하도록 함
