알림

모두 읽음

쪽지

쪽지함

알아두면 좋은 유용한 사이트 모음 NO.2

2021.12.13 11:23

사각사각그림사이

조회수 4,206

댓글 24

반갑습니다! :) 겨울이 찾아와 돌아온 사각사각 경력 3년 차 디자이너 Sun_Ni입니다.

오늘은 디자인, 마케터 일을 진행할 때에 알아두면

유용하게 사용할 수 있는 다양한 참고사이트를 알려드리겠습니다!




1. 레이아웃 참고 사이트

디자이너, 마케터도 트렌드에 맞춰 디자인을 만들어야 해야 합니다.

그 트렌드에 맞춰 빠르게 트렌드 디자인을 알 수 있는 사이트 등을 미리 알아두면 좋습니다.


우선 소개해드릴 사이트는 디자인 / 기획을 할 때에

구도, 색감, 레이아웃 등을 정리를 해놓은 사이트입니다.



다양한 디자인 레이아웃


   1) 핀터레스트

첫 번째로 소개해 드릴 사이트는 핀터레스트입니다.

URL : https://www.pinterest.co.kr/


                    

1. 뷰티 상세페이지                              2. 식품 상세페이지                                   3. 의류 상세페이지


이렇게 다양한 계열의 디자인 상세페이지 레이아웃이 있습니다.

또한 편집디자인, SNS 컨텐츠디자인, 산업디자인 등 다양한 디자인 레이아웃이 있으니

참고해 보시면 좋을 것 같습니다.




   2) 클립아트코리아

두 번째로 소개해 드릴 사이트는 클립아트코리아입니다.


URL : https://www.clipartkorea.co.kr/main/index.php


                    

1. 뷰티 컨텐츠                                    2. 가전 컨텐츠                                     3. 일러스트 컨텐츠


클립아트코리아는 원하는 이미지나 급하게 이미지를 제작할 때에

레이아웃이 생각이 나지 않을 때 사용하시면 좋은 사이트입니다.


일러스트, 아이콘, jpg 이미지, 합성 이미지 등 다양한 소스가 제공되고

폰트, ppt 등도 사용하실 수 있으니 한번 사용해 보시길 추천드립니다!




   3) 망고보드

세 번째로 소개해 드릴 사이트는 망고보드 입니다.

URL : https://www.mangoboard.net/index.do


                    

1. 카드뉴스                                          2. 식품 컨텐츠                                     3. 미니배너


망고보드 사이트는 템플릿 사이트입니다.

디자인 템플릿, 동영상 템플릿, 모션 템플릿 컨텐츠가 나눠져 있습니다.

망고보드 사이트의 특징으로는 자기가 원하는 컨텐츠 템플릿을 한 번에 모아서 볼 수 있는

장점이 있습니다.


또한 템플릿도 세분화가 되어있어 원하는 디자인을 찾아보기 쉽다로 정리를 할 수

있겠습니다.

외에도 페이스북 광고 라이브러리/ 미리 캔버스 등이 있으니 참고하시면 좋을 것 갔습니다.



2. 무료 상업 폰트 사이트

디자인을 할 때에 빠지면 안 될 것이 있죠? 바로 카피입니다.

카피도 어느 폰트를 사용하느냐에 따라 구도가 바뀝니다.

폰트에 따라 느낌이 완전히 달라집니다 깔끔해지냐 or 난잡해지느냐에 갈라집니다.



두 번째 가르쳐 드릴 사이트는 폰트 사이트입니다.

무료 폰트 사이트 모음


   1) 콕스 

URL : https://cox.kr/@font


                   

 1. 공공기관                                2. 폰트 사이트                            3. 무료 폰트


콕스에서는 무료 폰트도 알려주지만 다른 무료 폰트 사이트도 함께 알려줍니다.

다른 타 사이트에서 폰트를 합쳐 놓은 것이 가장 이유입니다.


또한 공공 기관 폰트도 함께 다운로드해 사용할 수 있어서 유리한 점이 있다고 말씀드리고 

싶습니다.



   2) 눈누


URL : https://noonnu.cc/

         

1. 추천 폰트                                      2. 모든 폰트


눈누 폰트 사이트 특징은 사용하고 싶은 문구를 적을 시

적용한 폰트를 보여주는 게 특징입니다.

ex)

단점이라고 한다면 내가 원하는 폰트를 찾기에 시간이 오래 걸릴 수 있다는 것이

유일한 단점이지만 폰트 적용을 예시를 보여주는 것이 아주 큰 장점입니다.



이 외에도 폰트 박스라는 사이트는 내가 원하는 폰트가 있는데 이름을 모를 때! 원하는 폰트를 캡쳐하여 이미지를 올리면

원하는폰트를 찾아주거나 비슷한 폰트를 찾아주는 사이트도 있습니다.




3. 색상 참고 사이트

디자이너나 마케터들이 색상감을 못 잡을 때나 보색으로 눈에 띄게 하고 싶을 때

자연스럽게 색상이 이어지게 하고 싶은데 그러지 못할 때!


사용하면 좋은 사이트들이 있습니다.

색상을 잘못 하용하면 이도 저도 아닌 컨텐츠가 나와버리는 경우도 있죠?

또한 색상에 따라 고급 or 무난한 디자인으로 나눠지기도 하고 색상 하나 때문에

컨텐츠 전반적인 분위기가 달라집니다.


색을 사용하는 것은 설명처럼 폰트 / 레이아웃과 이어지니 지금부터 사이트를 잘 보시길 바랍니다.


색상 사이트 모음


   1) 어도비 쿨러

URL : https://color.adobe.com/ko/create/color-wheel



어도비 쿨러는 유사 색상 / 보색 / 음영 혼합 색상들을 볼 수 있습니다.

본인이 지금 하고 있는 작업 중 그때그때 상황에 맞춰 사용하시면 되겠습니다.

유사 색상은 비슷한 색상 정리하고 서로 이어지게 할 수 있는 표입니다.


다음은 음영 색상표입니다.

서로 비슷하지만 어두운 색상과 밝은 색상으로 하여금 대비를 자연스럽게 줄 수 있게 도와주는 표입니다.


색상 조합 중 가장 중요한 것이 여러분은 무엇이라고 생각하시나요?

저는 보색이 가장 중요하다고 생각합니다.


보색은 서로를 띄울 수 있는 가장 좋은 방법이라고 생각하기 때문이죠

보색을 잘 사용한다면 자칫 묻힐 수 있는 이미지나 카피가 돋보일 수 있게 만들어 주는 게 바로 보색이기 때문입니다.


어도비 쿨러가 좋은 이유는 바로 원하는 보색이나 / 음영표를 바로바로 눈으로 확인을 하고 적용을 할 수 있다는 점이 가장 좋은 이유입니다.



   2) uigradients


URL : https://uigradients.com/

          

uigradients 사이트는 그라데이션 색상표를 정리해둔 사이트입니다.

자신이 원하는 색상을 고르고 클릭 시 다양한 색상의 그라데이션을 보여주게 되는데


본인이 원하는 그라데이션 색상의 코드가 나오는데 코드를 복사하여

적용하시면 됩니다.


자연스러운 그라데이션부터 보색 그라데이션까지 있으시니 참고하시면 됩니다.



   3) COLRD


URL : https://colrd.com/


마지막으로 소개해드릴 사이트는 COLRD는 이미지 내에 사용한 색상을 정리한 사이트입니다.


                    

 1. 그라데이션                                      2. 단색                                                     3. 패턴


COLRD 사이트는 타 사이트와 다르게 사용한 이미지와 색상을 한 번에 보여주는 사이트입니다.

위 보기와 같이 그라데이션 / 단색 / 패턴 색상까지 보여주고 있습니다.


이미지를 제작뿐만 아니라 그림 채색을 그리는 사람에게도 유용한 사이트이기도 합니다.

다양한 이미지와 색상 조합까지 보고 싶으신 분들에게 추천! 드립니다.


4. 글을 마치며


오늘 이렇게 다양한 사이트들을 정리를 해서 글을 한번 적어 보았는데 도움이 되셨으면 좋겠습니다!

매번 이미지 제작하시면서 색상, 폰트, 레이아웃 고민이셨던 분들

오늘 글 꼼꼼히 보시고 내일은 조금 더 좋은 이미지를 제작을 해보시는 건 어떨까요ㅎㅎ

다시 한번 사이트 정리를 해드리자면



   1. 레이아웃 참고 사이트

                          

       1. 핀터레스트                                        2. 클립아트코리아                                   3. 망고보드


레이아웃 사이트는 서로 다른 성향을 가지고 있습니다.

    1) 핀터레스트 = 편집디자인, SNS 컨텐츠디자인, 산업디자인 등 다양한 레이아웃을 참고할 수 있다


    2) 클립아트코리아 = 일러스트, 아이콘, jpg 이미지, 합성 이미지 등 다양한 소스를 사용할 수 있다.


    3) 망고보드 = 디자인 템플릿, 동영상 템플릿, 모션 템플릿을 사용할 수 있다.



   2. 무료 폰트사이트

     

1. 콕스                                                           2. 눈누


다양한 폰트로 카피에도 눈이 갈 수 있게, 그에 맞는 폰트를 찾아서 사용하자!

    1) 콕스 = 다른 타 사이트 폰트가 있고 공공기관 폰트도 함께 찾을 수 있다.


    2) 눈누 = 사용하고 싶은 카피를 바로 적용하여 볼 수가 있다.



   3. 색상 참고 사이트

                             

1. 어도비 쿨러                                              2. uigradients                                        3. COLRD


    1) 어도비 쿨러 = 원하는 보색이나 / 음영표를 바로바로 눈으로 확인이 가능하다.


    2) uigradients = 그라이데이션 색상을 확인하고 코드로 적용시키면 된다.


    3) COLRD = 그라데이션 / 단색 / 패턴 색상을 확인하고 응용하여 사용할 수 있다.



오늘은 이렇게 알아두면 좋은 유용한 사이트를 정리해 봤습니다.

다들 참고하셔서 더욱 좋은 이미지 제작을 해보시면 좋을 것 같습니다.

그럼 저는 다음에 더 좋은 글로 찾아뵙는 Sun_Ni 디자이너로 돌아오겠습니다!


콘텐츠

스크랩

공유하기

신고

하트 아이콘blisseun님 외 74명이 좋아합니다.

목록글쓰기
댓글 24
댓글 새로고침
소셜로그인

로그인 후 더욱 많은 기능을 이용하세요!

네이버 계정으로 로그인
페이스북 계정으로 로그인
구글 계정으로 로그인
카카오톡 계정으로 로그인
이메일 또는 아이디로 로그인
X
회원가입ID/PW 찾기 소셜 계정 로그인