본문 바로가기

Web Design

Color - 160910 #2ab5c2#f1e612#323232#707070rgba(255, 255, 255, 0.6)#464646#f2425f#1c1c1crgba(255,255,255,.4)#262b2d#DBD9D2#1A1A1Argb(232, 77, 71)rgb(252, 205, 1)linear-gradient(left, #f7AAA5, #9BE6D7)rgb(255, 175, 187) 더보기
160829 - 사이트분석 사이트 분석 사이트의 구조,색상,기능을 분석하고 정리하고자 쓰는 글이며 개인적인 평가입니다. 디자인 삼성 https://www.design.samsung.com/kr/index.html 디자인 삼성 - 삼성메인 페이지에 비해서 상당히 깔끔한 디자인을 보여준다. 대형 메인 슬라이드가 배치되어 있고 그 밑으로는 페럴렉스 스타일로 배너의 움직임이 보여진다. 메뉴는 모바일 방식으로 햄버거아이콘을 사용하고 모든 서브메뉴는 갤러리식으로 배치되어 있어서 고급스럽고 깔끔하다. 아무래도 이미지에 힘을 줘서 깔끔한 구조와 폰트들이 이미지를 잘 살려주고 있고 본다. DRAFT https://draft.co.jp/ DRAFT - 인테리어 관련 회사로 보여진다. 첫 메인 이벤트가 상당히 인상적이며 이벤트가 끝나면 이미지로 교체.. 더보기
Color - 160909 더보기
Color - 160720 Color - 160628 색상정리 더보기
160701 - 사이트 분석 사이트 분석 사이트의 구조,색상,기능을 분석하고 정리하고자 쓰는 글이며 개인적인 평가입니다. It's SKIN - yunaeye http://beautyforall.itsskin.com/yunaeye/pc/ It's SKIN의 상품 페이지 -나는 화장품을 안써서 잘 모르겠지만... 김연아씨의 두가지 컨셉으로 상품이 나와서 그거에 맞춰서 페이지도 기획한거 같아서 재미있는 이벤트를 보여준다. 커서에도 삼각형 go 이미지가 따라다닌다. (사용자의 다음 행동을 도와주는 UX를 고려한 이벤트) 양쪽 어디를 클릭해도 중앙을 기준으로 이벤트가 실행되며 각각 다른 영역의 확장이 이루어진다. 색상은 골드,블랙,화이트로 고급스러움이 느껴진다. 아쉽게도 모바일과 타블렛은 지원을 따로 안하는거 같다. Café Frida ht.. 더보기
Color - 160630 Color - 160630 색상정리 더보기
160630 - 사이트 분석 사이트 분석 사이트의 구조,색상,기능을 분석하고 정리하고자 쓰는 글이며 개인적인 평가입니다. CAPCHO http://www.capcho.com/ CAPCHO라는 털모자 브랜드 같은데 색상들이 파스텔톤? 으로 되어있고 효과와 어우러져서 깔끔하면서 이쁘다. 첫 메인은 위에는 대형 슬라이드로 상품별로 백그라운드 색상이 변하는데 이게 무척 신기하다. 밑으로 스크롤해보면 사진들과 알파벳들이 페럴랙스 형태로 진행되고 밑에는 포토 갤러리가 배치되어있다. 슬라이드 상품들이나 메뉴를 누르면 배경이 반전되면서 종이가 펼쳐지는 듯한 이벤트를 보여주고 컨텐츠들이 등장한다. 배치는 깔끔하게 나열되어있고 제품을 호버할때마다 up_down 이벤트를 주었다. 모바일에서도 무리없이 깔끔한 이벤트를 보여준다. Hungry Sandwi.. 더보기
160628 - 사이트 분석 사이트 분석 사이트의 구조,색상,기능을 분석하고 정리하고자 쓰는 글이며 개인적인 평가입니다. A Bear's-Eye View of Yellowstone http://www.nationalgeographic.com/magazine/2016/05/yellowstone-national-parks-bears-video/?source=NGcomm 내셔널 지오그래픽 사이트 서브중 하나이다. 구조는 간단하면서도 페럴랙스 형태로 상당히 많은 애니메이션 요소가 들어가있다. 반응형으로 모바일에서도 자연스러운 애니메이션 효과를 볼 수 가있다. header부분은 햄버그아이콘으로 모바일과 통일감을 주었다. 어두운 분위기에 대표색이 눈에 들어오고 스크롤을 내리다보면 지도부분이 배경느낌으로 등장하면서 멋진 이벤트를 선보인다. 부제.. 더보기