*디자인 시스템 개선 사항:
사용 환경(웹/모바일)에 맞춰 타이포그래피를 이원화하여
가독성과 시각적 위계를 개선했음.
지나치게 크거나 일관성이 없던 제목 계층을 조정하고
본문 및 버튼 텍스트는 표준 가이드라인에 따라 재설정 했음.
반응형 환경에서도 브랜드 감성과 사용자 피로도를 고려한
실용적인 텍스트 시스템을 구축함.
*웹 디자인 개선 사항 (프로토타입 테스트 완료):
텍스트 위계 정돈과 시인성 강화를 통해
사용자 가독성을 높였으며,
콘텐츠 중심의 시각 흐름을 조정하여
메시지 전달력을 개선했음.
감성 요소(발바닥, 폴라로이드 등)는 브랜드 몰입도를 높이고,
UI 구조는 인터랙션 효율성과 정보 집중도를 향상 시켰음.
사용할 때 오른손 사용자 기준으로 최대한 불편함 없이 배치함.
*모바일 디자인 개선 사항 (프로토타입 테스트 완료):
사용자가 정보를 빠르게 인식할 수 있도록
텍스트를 최소화하고 주요 콘텐츠 중심으로 구조를 단순화했음.
과도한 정보 제공 대신, 핵심 요소에 집중해 사용자 주의를 유도하고,캐로셀과 아코디언 컴포넌트를 활용해 시각적 몰입과
사용성 모두를 고려했음. 모바일 환경에서도 감성적이고 직관적인 탐색이 가능하도록
정보량을 줄이고, 터치 기반 인터랙션에 최적화된 구조로 설계했음.
Figma 실습 링크: https://www.figma.com/design/p5gz3PylSi1OuUe2zbSQUx/PD_03_%EA%B0%95%EC%86%8C%EC%97%B0?t=xoKk8AacseX6skkh-0
'과제 > 본수업 과제' 카테고리의 다른 글
[디자인부트캠프] DAY 22~24: UX리서치 실무 과정 / 구글 폼을 이용한 설문지 작성 (3) | 2025.04.08 |
---|---|
[디자인부트캠프] DAY 18: 오픈 AI 다양하게 써보고 분석해보기 / 오픈 AI를 통해 지금까지 배웠던 UX/UI에 대한 이해도 높이기 / 노션으로 문서화해보기 (0) | 2025.03.31 |
[디자인부트캠프] DAY 16: 디자인 시스템 리서치 / 디자인 시스템 카피 / 구성요소 공부 / 디자인 시스템 활용해보기 (0) | 2025.03.27 |
[디자인부트캠프] DAY 15: 그리드 예제 실습 / 웹페이지 디자인 해보기 (0) | 2025.03.26 |
[디자인부트캠프] DAY 14: 클론디자인 카피해보기 / 컴포넌트 이해해보기 (0) | 2025.03.25 |