브랜드 컬러

디자인

리양 2021. 7. 14. 16:10

한가지 컬러로는 브랜드가 가지는 속성이 너무 단조로워지고, 여러가지 컬러를 사용했을때는 너무 복잡해보기이 때문에

브랜드 컬러는 주로 메인 컬러(Primary color)와 서브 컬러(Secondary color) 두가지가 존재하는게 가장 전달력이 좋다.

그 외에 이 두가지 컬러를 활용한 인터렉션 컬러들이 존재한다.

Primary color : 색이 필요한 곳에 가장 많이 사용하는 색

Secondary color : 주색보다는 중요도가 덜하지만 강조되어야할 부분에 쓰임.

주색을 기준으로 유사색이나 보색 중에 사용하게 됨.

인터렉션 컬러 :

기본 컬러에서 밝고 어두운값을 다르게해서 만든 컬러값.

보통 Lighten,Darken의 단계를 4~5단계 정도 두고 사용하는게 대중적이다.

컬러비율 조절하기

브랜드 컬러의 비율은

Primary color : 60 / Secondary color : 30 / Accent clolr : 10

을 유지하는게 좋으나 서비스의 성격이나 UI콘셉, 주 컬러에 따라 테스트해보고 적절한 비율을 찾아야한다.

페이지 내의 중요도에 따라 색을 사용한다.

색채의 해석(Emphasize 컬러를 정할 때 참고)

신입 웹디자이너를 위한 UI/UX 디자인컬러의 기초

신입 웹 디자이너들을 위한 디자인 요약 필독서 - 디자인 컬러의 기초 | 안녕하세요. 일 잘하고 싶은 욕심과 나를 지키고 싶은 마음이 공존하는 high 에너지 레벨 보유자 3년 차 웹디자이너 MUA입니

brunch.co.kr

웹디자인을 위한 컬러 선택

실용적인 UI 컬러 적용 가이드 | 색상은 좋은 웹디자인을 만들기 위해 필수적인 것이며, 매우 신중히 고려되어야 한다. 브랜드 인지와 색상도 분명히 연관이 있으며 당신이 선택한 색상이 비즈니

brunch.co.kr

디자인 작업에서의 컬러 사용 방법

UI 디자인을 구성하는 요소들은 여러 가지가 있지만 그중에 컬러는 가장 강력한 시각언어입니다.구글 Material Design이나 애플의 Human Interface Guidelines 에도 컬러에 대한 정의가 잘 나와있지만, 실제

brunch.co.kr

<여러가지 원리를 잘 설명해놓은 게시글>

06화 UI를 위한 색

우리의 눈이 보는 색의 원리와 UI 디자인 | 색은 강한 자극을 주는 시각 언어입니다. 화면 내에서 사용자를 행동하게 하거나 반드시 알아야 하는 정보를 강조하기 위해 주로 사용하는 요소입니

brunch.co.kr