이번시간에는 입문자, 고수할 것없이 매번 고민하게되는 주제인, 색 조합에 대해서 포스팅할까 합니다.사실, 색 조합이라고 하면 그게 뭐 중요해? 라고 할 수있지만, 엄연하게 색의 중요성은 두말할 필요없이
매출과 직결된다고 전 확신합니다.. 색상 조합 사이트 추천 포스팅입니다!
사실은 오픈마켓 상품등록 이전에 진즉 알려드렸어야할 기본요소중 기본요소이지요 웹사이트, 글자색, 배경, 상세페이지 등등 사실 사람이 잠에서 깨고 다시 잠들때까지 우리가 모르게 모든 분야에서
색이라는 요소는 존재하며, 각자 강약의 조절을 하게 배치되어있다는점 알고 계시나요????
여기까지로 각설하고, 바로 본론의 내용인 색 조합 및 배치에 대해서 설명할까합니다
물론, 저는 색의 전문가도 아니고, 전공자도 아닙니다.. 단지, 온라인 쇼핑몰을 운영하면서 비전공이자 비경력자인 제가 어떻게 색 배치하는 것을 연구하고, 활용했는지를 알려드리고자 함입니다~!
색상 조합 사이트 추천 TOP2
ADOBE COLOR – CLICK[바로가기]
포토샵 회사인 ADOBE에서 무료로 제공하는,사이트입니다. 웬만한 분들은 다 아실거라고 생각하지만,
그렇다고 소개를 안하자니 오늘의 주제에 실례가 될것같아 제일 먼저 소개했습니다
제일 먼저 소개한 이유는 1. 간단하며, 직관적이다 2. 여기서 저장한 색상 조합을 포토샵과 연동시킬 수 있다 이 2가지 이유만으로도 저는 첫번째로 소개해야겠다는 생각을 했습니다
좌측에 보이는 메뉴로, 내가 원하는 색상이 있는데 뭐가 어울리는지 모르겠다 할 경우 선택, 색 적용하시면 됩니다
예를 들어서, 내가 어떤 사이트를 봤는데 그 배경색이 맘에든다..
그러면, 캡처 – 캡처 프로그램 추천 바로가기[click]를 해서 그 배경색의 코드를 [* 모든 색에는 각각의 고유코드가 존재합니다] 복사한 후 붙여넣기해서, 보색, 유사색 등을 확인할 수 있습니다
제가 한번 해보겠습니다 하단의 이미지는 11번가의 상단메뉴바 입니다.
PS. 저는 캡처프로그램으로 PICKPIC이라는 프로그램을 사용하고, 단축키를 설정해 편하게 캡처프로그램을 킵니다 내가 원하는 이미지가 캡처가 되었다면,CTRL + C, CTRL + V를 이용해 포토샵으로 이동해줍니다
포토샵으로 이동한 뒤, 메뉴중에 스포이드라는 옵션을 클릭해줍니다
스포이드 옵션을 클릭 하고, 내가 원하는 색상을 클릭해주면 하단의 이미지와 같이 색을 추출하게됩니다
추출된 색은 전경색 부분이 바뀌며 변경된것을 확인하실 수 있으며, 클릭하셔서 코드를 따오실 수 있습니다. 우측 하단에 빨간색으로 블록처리 된곳이 이 색의 코드가 되겠네요????
그 코드를 복사해서, 사이트에 원하는 메뉴로 들어가줍니다 예를들어, 내가 이색의 보색을 원한다싶으면 보색메뉴를, 유사색을 원한다면 유사색으로 들어가주시면 되겠죠?
저는 [보색] 메뉴로 들어가, 복사한 코드를 붙여넣고, [enter]를 눌렀더니
쨘~ 아래의 이미지와 같이 내 색의 보색인 색상들의 코드가 보이게됩니다
이렇게 색상을 뽑아냈다면, 활용을 해야겠죠? 포토샵으로 다시 돌아가서 색 조합을 임의대로 해보겠습니다~! 전 배경과 글자의 2가지 색으로 한번 꾸며볼게요
자 이런식으로 내가 원했던 배경색과 보색의 글자색으로 꾸며봤습니다 * 글꼴은 나눔스퀘어 light와 bold를 조합했습니다 나름 괜찮지 않나요? 제가 전문 디자이너는 아니기에 전문적인 색의 접근은 안되겠지만 ????
단순 고객의 입장에서 봤을때는 가독성은 나쁘진 않은 것 같습니다 + 사이트내에 내가 원하는 색조합을 저장해 포토샵에 연동도 가능합니다 우측에 위치한 [라이브러리] 에서 이름과 저장버튼을 누르신 후
포토샵의 [라이브러리] 창을 키시면, 아래와 같이 쨘~! 하고 내가 저장했던 색 조합이 보입니다 되게 편하죠????
만약 이 라이브러리 창이 안보이신다면~ 포토샵 상단의 메뉴 중 라이브러리를 찾아 클릭해주시면 쨘 하고 창이 보이실거에요 ㅎㅎ
Color Hunt바로가기[click]
이 사이트를 추천해드리는 이유는, 어떤 색을 써야할지 감이 안올때 여기 사이트에 등록된 여러 예시를 보며 아이디어를 얻을 수 있는 점과 어도비 컬러보다 조금 더 단순해서 보기 편하다는 점..?
어쨌든 꽤나 유용한 사이트입니다 어떤가요? 상단의 캡처된 화면만 봐도 오 여기 쓸만한데? 라는 생각이 안드시나요?? [안 드셨다면, 죄송합니다;;]
이외에도, 인기있거나 트렌디한 색 조합을 눌러 어떤게 인기가 많은지 등을 쉽게 보실 수 있다는 점 또한 인터넷에 익숙치 않은 입문자분들에게는 최고의 사이트겠네요 ㅎㅎ
상단의 [NEW] 를 누르시면 됩니다~!
사용방법은 앞전의 ADOBE COLOR의 코드 추출했듯, 여기서는 클릭만 하면 코드 자동복사가 되기때문에 오히려 더 쉬울 수 있습니다????
[copied]라는 글자 보이시죠? 클릭과 동시에 코드가 복사된겁니다????
색상 조합 사이트 추천 정리
자 여기까지 제 개인적으로 많이 도움을 받고 오늘 업무시간에도 들어갔던 사이트 2가지를 알려드렸는데요 사실 제가 전공자도 아니고, 하물며 디자이너도 아닙니다
제가 크게 성공한 사업자는 아니지만, 17년부터 해온 온라인 사업을 100배이상의 매출로 이끌수 있던 이유가 뭘까 생각해보면 이렇게 저 스스로만의 방법을 터득해가면서, 다른 사람들의 의견도 참고해나가며 개선해나가고 나만의 어떤 컨텐츠를 만든게 일등공신이 아닐까 감히 생각해봅니다
한번도 안들어가보신분들은 무조건 들어가보시는 것을 추천합니다 감사합니다 😀