Loading...

색상(color) 배색 팁 - 색상 파레트 사이트 COLOR.CO 리뷰/사용법

색상을 배색하는 것은 어려운 일입니다. 같은 하늘색이라도 사람마다 생각하는 색은 모두 다르며, 개개인의 취향 또한 제각각이기 때문입니다. 보편적으로 아름다운 배색을 만들기 위해서는 오랜 경험과 디자인 감각이 필요합니다. 하지만 자동으로 팔레트를 생성해주고, 전문가의 팔레트를 공유 받을 수 있는 사이트를 이용하면, 비록 프로가 아닐지라도 한층 더 쉽게 아름다운 배색을 만들어낼 수 있습니다. 자동 색상 팔레트 생성 사이트 COLOR.CO ( https://coolors.co/app ) COLORS.CO 사이트는 키보드 SPACE BAR 키를 눌러서 위처럼 조화로운 색상의 팔레트를 무작위로 생성합니다. 버튼을 통해 팔레트의 색상을 조절할 수 있으며 상단의 아이콘을 통해 내 이미지의 색상을 추출하거나, 팔레트를..

2017. 9. 14. 11:42

시선의 흐름에 따른 웹디자인 (레이아웃 디자인)

시선의 흐름을 따른 웹 디자인 레이아웃에서 사용자의 시선을 유도하기 위해서는 자연스러운 시선의 흐름을 이해하고 레이아웃을 설계해야 합니다. 시선을 따르는 레이아웃에는 전통적인 Z/F-레이아웃, 스크롤 레이아웃(원 페이지 스크롤 형태)이 있습니다. Z 레이아웃 가장 기본적이고 전통적인 레이아웃으로, 왼쪽 위에 가장 중요한 로고를 배치하여, 로고부터 Z 형태로 콘텐츠를 읽어나가도록 유도하는 레이아웃입니다. Z 레이아웃을 사용하는 웹사이트는 네이버,다음,네이트 등이 있습니다. F 레이아웃 웹사이트에서 가장 안정적인 레이아웃입니다. 상단 메뉴(네비게이션)부터 순차적으로 시선이 이동하며, 내용을 중요도 순으로 가장 안정적으로 전달할 수 있는 레이아웃입니다. 스크롤 레이아웃(원 페이지 레이아웃) 모바일에 가장 적합..