ALL MENU

닫기

웹디자인에 파스텔 색상을 사용하는 방법

dianedesign | 15-10-23 18:04

본문

웹디자인에 파스텔 색상을 사용하는 방법

 

'파스텔'이란 말을 들을때, 분홍색, 파란색과 노란색이 생각 날 수 있지만

색상 팔레트의 유형에는 훨씬 더 여러가지 색상이 있습니다.

 

디자이너가 사이트를 기반으로 웹디자인에 파스텔 색상을 사용하는 방법에 대해 살펴봅시다.

 

 

 

· 파스텔 사진

 

7553e4629960036a87c498e0f67e32aa_1445590
​​​​​​​​ 

사진이나 조명 조건에서 촬영 한 사진에 파스텔 오버레이는

 웹 사이트에 대한 미묘하고 큰 캔버스를 만들 수 있습니다.

사진에 더 차분한 톤으로, 디자이너는 다른 요소의 배치로 더 사용할 수 있는 공간이 있습니다.

또한, 파스텔 사진을 사용하면 로고 또는 버튼과 같은 다른 요소와 대비를 만들 수 있습니다.

Solasie 로고는 파스텔 톤의 사진에 맞는 방법으로 조화있게 이루어져 있습니다.

 


 

 

· 파스텔 배경 

 

7553e4629960036a87c498e0f67e32aa_1445590
​​​​​​​​

파스텔 배경은 사용자를 압도하지 않고 색을 많이 사용하는 좋은 방법이 될 수 있습니다.

너무 강한 느낌 없이 캔버스를 더 포함할 수 있으며 파스텔 배경 작업의 일반적인 경향은

친애하는 엄마와 같은 단색 색상에 대한 단일 색상의 변형을 사용하는 것으로

강한 시각적 효과를 만들고 흰색 텍스트 요소와 아름답게 대조됩니다.

이 기술은 현대적인 분위기를 만듭니다.

 


 

 

· 굵은 파스텔

 

7553e4629960036a87c498e0f67e32aa_1445590
​​​​​​​​

색상 팔레트의 유형은 대담한 디자인을 만들 수 있습니다.

파스텔이 후퇴하는 경향이 있기 때문에

그 주위에 다른 디자인을 하려는 경우 좋은 선택으로 

완전히 음소거된 배경으로 이미지에 초점을 맞출 수 있습니다.

 


 

 

· 분위기 파스텔

 

7553e4629960036a87c498e0f67e32aa_1445590
​​​​​​​​ 

방문자가 당신의 웹사이트에 방문했을 때 어떤 느낌을 받기를 원하십니까?

파스텔은 평온, 휴식 또는 용이성의 감각을 만듭니다. 그 감정이 당신의 위치 또는 사업을 설명하는 단어인 경우

파스텔 색상 팔레트는 옵션이 될 수 있습니다.

Sweez 색상이 감정적 연결을 만듭니다.

 

 


 

· 파스텔과 대조

 

​​​​​​​​ 7553e4629960036a87c498e0f67e32aa_1445590

파스텔은 색상 진공에서 사용될 필요가 없습니다.

파스텔 색상은 다른 디자인 요소와 대비를 만들기 위한 좋은 도구입니다.

Fotografie는 파스텔과 밝은 사진과 텍스트를 사용하며 이 디자인의 파스텔 부분은

 가장 먼저 어린이 이미지와 단어가 띕니다. 

 


 

· 탐색을 위한 파스텔 

 

7553e4629960036a87c498e0f67e32aa_1445590
​​​​​​​​ 

파스텔은 또한 훌륭한 탐색 도구를 만들 수 있습니다.

일반적으로, 디자이너는 타색에 검은색 또는 흰색 테두리를 웹 사이트 프레임으로 사용하지만

색상뿐만 아니라 이 공간에서 작업이 가능합니다.

예를 들어 사진을 사용자가 처음 보고 반응하는 탐색 요소는 주 내용 영역과 잘 조화된 색상입니다.

 

 


 

· 플랫 디자인 파스텔 

 

7553e4629960036a87c498e0f67e32aa_1445590
​​​​​​​​

파스텔컬러 평면 윤곽은 좀 더 쉽게 화면의 특정 부분에 사용자를

직접적으로 관심을 끕니다. 또 중요한 텍스트 요소를 하이라이트 컬러를 사용하는 것이 좋습니다.



 

 

· 파스텔 타이포그래피 

 

7553e4629960036a87c498e0f67e32aa_1445591
​​​​​​​​ 

큰 크기의 두께 스톡스와 서체를 사용하면 차분한 색상이 화면에 표시되어야 합니다.


 

 

 

· 사용자 인터페이스 요소에 대한 파스텔 

 

7553e4629960036a87c498e0f67e32aa_1445591
​​​​​​​​

사용자 인터페이스 요소에 대한 기법의 일부로서 사용 파스텔 개념은

평면 설계 개념, 버튼 및 기타 요소에서 태어난 또 다른 "트릭"파스텔 색상을 사용할 수 있습니다.

모든 파스텔 상자가 실제로 대형 버튼입니다.

파스텔 색상 상자는 클릭하기 쉬운 탭을 만들어 사용자에게 알려주며

색상도 눈에 띄기 때문에 최소한의 메인 이미지 영역과 크게 대조됩니다.

(슬라이더의 모든 이미지는 파스텔 버튼에서 떨어져야 합니다.)



 

 

· 결론

 

색상 팔레트에 파스텔 색상을 사용하는 것은 신선하고도 무언가를 만드는 것입니다.

채도와 밝은 이미 지나 흰색 대조 요소와 파스텔 페어링 하면 색상 팔레트를 만들 수 있습니다.

 

이러한 유형의 웹사이트 디자인을 만들 때 당신의 이점에 이것을 활용합니다.

색상이 전체적인 디자인과 상호 작용하는 방법을 명심해야 합니다.

 

성공적인 비지니스를 위한 디자인과 마케팅 누구와 함께 가느냐에 달려 있습니다.