Web Design(국비과정)/UXUI 벤치마킹 3

[COLOR 벤치마킹] 브랜드 사이트 강조/보조색 및 텍스트 색상 분석

Color 벤치마킹 1. 홀리카홀리카 https://www.holikaholika.co.kr/ 주조색 #b5a9e8 #8661de #623cb9 텍스트 색상 강조 #1a1a1a #1263c7 #e5648d #ff8c37 #FF4C42 일반 #4c4c4c 2. 희망브리지 https://www.relief.or.kr/ 주조색 #ef4223 텍스트 색상 강조 #ef4223 #6a615b #262728 일반 #333333 3. 파리바게트 https://www.paris.co.kr/ 주조색 #023586 텍스트 색상 강조 #111111(굵기와 크기로 강조) #0070c9 일반 #111111 4. 베네피트 https://www.benefitcosmetics.com/ko-kr 주조색 #f7dadf #fdb3c6 #f..

[UX/UI Design]UI구성요건 벤치마킹

1. 학습의 용이성 *헤라 https://www.hera.com/kr/ko/index.html 검색어 입력창 타이핑효과와 아래 #추천검색어 보기로 작성하여 누구나 쉽게 검색할 수 있으며 원하는 물품을 찾을 수 있는 예시를 주어줌 *vimeo https://vimeo.com 오른쪽 상단에 +아이콘과 Join아이콘을 강조하여 처음 회원가입을 하는 사람들에게 빠르게 회원가입 메뉴로 이동할 수 있도록 하며 더보기 메뉴라는 인식을 잘 살렸음 2. 사용의 효율성 *초록우산 어린이재단 https://www.childfund.or.kr 오른쪽 상단의 ‘후원하기, ‘기부금 영수증’ 버튼을 카테고리 목록에서 단일화하여 가장 많이 찾는 목록에 쉽고 빠르게 접근할 수 있도록 하였음 *쿠팡 https://login.coupan..

[UX/UI Design] 웹 과 모바일 환경에서의 트렌드 벤치마킹

트랜드란 경향이나 유행을 뜻하는 것으로 시간의 흐름에 따라 변하며, 기술의 발달로 미디어의 트랜드도 변화하고 있다. 반응형 웹디자인은 모바일 환경을 고려하여 디자인을 한다. 트랜드에 따른 디자인 1) 마이크로 인터랙션 -미세한 애니메이션을 통한 직관적인 웹 사이트의 체험에 도움을 주며 사용자의 흥미를 유발 *브런치 https://brunch.co.kr 검색어 입력공간에 깜빡임을 부여하여 검색어입력을 대기하고 있음을 나타냄 *널담 https://nuldam.com/index.html 왼쪽상단에 ‘널담레터 정기구독’이라는 글귀를 통해서 브랜드소개 및 정보로 이어지게 하는 동선을 부여함 *맘스터치 https://momstouch.co.kr 왼쪽 상단의 햄버거 모양이 로고가 펼쳐질때 x자로 변했다가 햄버거모양으..