본문 바로가기
색상 Tool

웹 모바일 UI 디자인 맞는 색 조합 색상 팔레트 생성해주는 곳

by webbus4
반응형

웹 모바일 UI/UX 디자인  작업 시  중요한 요소 중 하나인 컬러 선정이다 같은 계열의 색상이라고 명도와 채도에 따라 전혀 다른 느낌을 주기 때문에 선택하기 쉽지 않다, 하지만 원하는 분위기나 컨셉에 맞는 색상을 설정하여 비슷한 색감끼리 그룹을 한다면 훨씬 쉽고 빠르게 알맞은 컬러를 찾을 수 있다 그럼  웹 모바일 UI 디자인 도움을 주는 색 조합 색상 팔레트 생성해 주는 웹사이트를 알아보자 

Palettemaker: 웹 모바일 UI 환경에 맞는 색 조합 색상 팔레트 생성기

Palettemaker(팔레트메이커)는 다섯 가지 컬러의 색 조합 구성과 함께 디자인 관련 콘텐츠에 적용해 예시처럼 색 조합한 디자인을 미리 보여주고 특정한 색 조합 디자인 콘텐츠 제시해 주는 색상 생성 및 디자인 미리 보기 무료 색상 도구 웹사이트입니다.

반응형

Palettemaker (팔레트메이커 ) 주요 기능 살펴보기 

출처 Palettemaker

다섯 가지 색 조합 생성기

왼쪽에 색상별 필터 포함하여 생성 색상 수 2가지, 3가지, 4가지, 5가지로 구성하여 다양한 색 조합을 생성하여 보여주는 색상 팔레트입니다. 색상별 필터 색상을 선택 후 색상 수에 맞는 두 가지 색 조합부터 최대 다섯 가지 색 조합 생성하여 다양한 색 조합을 볼 수 있습니다 

출처 Palettemaker

실제 디자인에 적용한 색 조합 미리 보기

상단에 보면 실제로 색 관련된 콘텐츠 작업 시 필요한 웹, 모바일 UI, 브랜딩 및 로고, 삽화, 타이포그래피, 포스터, 패턴까지 디자인 콘텐츠에 적용하여 디자인 색 조합을 적용하여 미리 볼 수 있습니다

출처 Palettemaker

특정한 컬러 변경에 따라서 바뀌는 디자인 미리 보기 

내가 선택한 색 조합에서 디자인을 적용하면 특정한 컬러를 변경함에 따라서 다양한 디자인 콘텐츠 색 조합된 디자인 예시들이 바뀌면서 미리 보기 식으로 보여줍니다.

출처 Palettemaker

원하는 색상 팔레트 다운로드: 원하는 색상 팔레트 이미지, 복사, 코드 등 여러 방식으로 다운로드 및 사용할 수 있습니다

 

 

이렇게 실제 디자인 색 조합  미리 보기 할 수 있는 색상 도구 사이트 알아보았습니다. 제가 알고 있는 색 조합 서비스 제공해 주는 사이트 중에서 제일 다양한 구성으로 색 다른 기능을 담고 있습니다.

 

웹사이트 디자인, 모바일 UI/UX 디자인 작업 시 색 컬러 선정 매우 중요합니다 그래서 이 사이트에서 다양한 디자인 콘텐츠에 색 조합된 디자인을 미리 볼 수 있어 작업 시 유용하게 도움을 받고 있습니다 [자세한 사항은 링크 참고해 주세요]

 

[다른 디자인 정보 보려면]

 

알아두면 좋은 서비스 관련된 무료 목업 웹사이트

누구나 쉽게 이용할 수 있는 서비스 디자인 도구로는 '목업(Moclup)이라는 것이 있다, 이것은 말 그대로 가상 모형을 만들어 보는 것인데 주로 UI/UX 디자인 작업 시 많이 활용되고 있다 오늘은 알아

projectnftbus.tistory.com

 

반응형

댓글