상품 상세 UI 개선하기 | UX/UI 디자인 문제를 하나씩 고쳐봅니다 - UXUI 디자인 강좌 05-18

상품 상세 화면에서 무엇이 문제인지 직접 찾아보고, UX/UI 원칙을 기준으로 하나씩 개선하는 과정을 살펴봅니다.
이미지와 정보 구조, 그리드·스페이싱, 터치 영역과 아이콘, 타이포그래피, 옵션 UI부터 Default Effect·Social Proof·Scarcity까지 실제 화면에 어떻게 적용할 수 있는지 알아봅니다.

🕐 타임스탬프
00:00 상품 상세 화면, 문제 몇 개 보이시나요?
00:17 이미지와 인디케이터 개선하기
01:44 정보 구조와 시맨틱 그룹핑
02:35 그리드와 스페이싱 정리하기
03:29 터치 영역과 아이콘 시스템
05:12 타이포그래피 위계와 가독성
06:44 옵션 UI와 Default Effect
08:35 이미지 영역과 스크롤 인터랙션
09:53 Social Proof와 Scarcity 활용
10:50 UX/UI 개선 전후 비교와 핵심 정리

🚀 멤버십 가입 : https://www.youtube.com/channel/UCvYnDMeL-PFZhfIz6oc_U-Q/join
🚀 예제 다운로드는 멤버십 회원 전용 커뮤니티에 올린 링크에서 받으실 수 있습니다.

🔥 디자인베이스 웹사이트 : https://designbase.co.kr/
🔥 인스타그램 : https://www.instagram.com/designbasekorea/
🔥 이메일 문의 : [email protected]
🔥 카카오 오픈채팅방 : https://open.kakao.com/o/gmwngljb (참여코드 : dgoing12)

#UXUI #UI디자인 #UX디자인