본문 바로가기
생활 꿀팁

멋진 디자인을 위한 그라데이션 사이트 두 가지

by GrapherStory 2019. 11. 28.

 

 

안녕하세요.

로고뿐만 아니라 디자인에 있어 색상은 아주 중요한 요소 중 하나입니다.

그중에서도 그라데이션은 디자인을 더 풍성하고 특별한 이미지를 부여할 수 있는 기법인데요.

하지만 막상 사용하려고 하면 생각보다 색의 조합이 쉽지 않다는 것을 알 수 있습니다.

그래서 오늘은 다양한 그라데이션 색상들을 쉽게 만나볼 수 있는 사이트 두 가지를 소개해드리겠습니다.

 

 

#1. uiGradients

먼저 첫 번째 사이트는 uiGradients입니다.

검색창에서 'uiGradients'를 검색하시거나 아래의 링크를 눌러 홈페이지로 들어가 주세요.

 

바로가기 링크 : https://uigradients.com

 

홈페이지에 들어가시면 그라데이션 예제 하나를 보실 수 있는데요.

왼쪽 상단의 [ Show all gradients ] 메뉴를 누르시면 위와 같이 다양한 예제들을 보실 수 있습니다.

여기서 하나를 클릭해봅시다.

 

그러면 해당 그라데이션의 상세페이지가 나오는데요.

기본적으로 그라데이션의 이름과 색상코드를 확인하실 수 있습니다.

이뿐만 아니라 오른쪽 상단의 버튼을 통해 SNS로도 공유가 가능하며, 그라데이션 방향 회전, CSS 코드 복사, 그라데이션 추가, JPG 파일로 다운로드 등의 기능을 이용할 수 있습니다.

그래서인지 개인적으로 그라데이션 사이트 중에서는 제일 자주 이용하는 것 같습니다.

 

 

#2. WebGradients

두 번째 사이트는 WebGradients입니다.

마찬가지로 검색창에서 [ webgradients ]를 검색하시거나 바로가기 링크를 통해 들어가시면 되겠습니다.

 

바로가기 링크 : https://webgradients.com/

 

사이트에 들어가시면 메인 인터페이스에서 다양한 그라데이션들을 확인하실 수 있는데요.

이 사이트는 앞서 소개해드린 사이트보다 더 심플합니다.

목록에서 바로 색상코드를 확인할 수 있고 JPG 파일 다운로드 및 CSS 복사가 가능하며, 색상을 클릭할 경우 큰 사이즈로 감상할 수 있습니다.

그리고 전체적인 색감이 uiGradients보다 더 디테일하고 감성적인 느낌의 그라데이션을 보실 수 있습니다.

(반대로 uiGradients는 극적이 느낌의 그라데이션이 많습니다)

 

오늘은 편하게 이용할 수 있는 그라데이션 사이트 두 가지를 소개해드렸는데요.

적절한 색상으로, 적절한 그라데이션으로 자신의 로고를 멋지게 완성해보시기 바랍니다.

 

 

댓글