웹디자인(24)
-
두가지 색상 조합을 추천해주는 Two Color Combinations
사례1. 과거 중소기업에서 마케팅 팀장으로 일할 때의 일이다. 당시 마케팅팀에는 나와 사장 딸(일 졸라게 안하고 맨날 인터넷 쇼핑하고 딴짓하는)이 있었다. 결국 거의 나 혼자 웹사이트 개설 및 운영 작업까지 했다(라고 쓰고 '해야만 했다'라고 읽는다). 쇼핑몰 사이트를 운영하면서 웹디자인 할 일이 종종 있었다. 특히 쇼핑몰에서 이벤트를 하거나 중요 공지를 알릴 때 배너를 만들어야 했는데 이때 색상을 조합하기가 꽤 어려웠다. 배너를 만드는 일은 포토샵에 관한 튜토리얼을 보면 금방 알 수 있지만 색상은 구글링을 해도 참고하기에 무척 한정적인 자료들만 보여졌기 때문이다. 이럴 때 꼭 필요한 사이트가 색상조합을 추천해주는 곳이다. 사례2. 과제 발표나 회사에서 필요한 PPT를 만든다고 치자. PPT에서 가장 중..
2022.04.04 -
키워드만 입력하면 색상조합을 추천해주는 PICULAR
디자인 작업을 할 때 색상조합을 찾기 어려울 때가 많습니다. 이럴 때 방문하면 넘나 유용한 사이트가 있는데요. PICULAR는 키워드의 구글 이미지 검색결과를 바탕으로 색상을 추출해서 보여줍니다. ■ PICULAR https://picular.co/ Picular Picular is a rocket fast primary color generator using Google’s image search. If you ever needed the perfect yellow hex code from a banana, this is the tool for you. picular.co 물에 관한 디자인을 한다고 가정해볼게요. 검색창에 water라고 입력하고 엔터키를 누릅니다. 짠! water에 관한 추천색상이 쭉 ..
2019.09.16 -
상세페이지 디자인 참고 사이트 Effector
회사에서 상세페이지를 만들어야 할 때 참고하면 좋은 사이트를 소개합니다. 어느 정도 규모가 있는 회사라면 디자이너가 있지만 중소기업의 경우 웹디자이너가 따로 없는 경우가 종종 있죠. 어쩌다 디자이너가 된 그분께 바칩니다. 이름하여.. Effector.. ■ EFFECTOR 바로가기 http://effector.co.kr/page.php?PGC=PGD001 페이지 디자인 | 이펙터 effector.co.kr 사이트에 접속하면 좌측에 카테고리들이 나와요. 회사 이벤트 페이지를 만든다고 가정해보고 이벤트/팝업 메뉴를 선택해봅니다. 2번에 손예진님이 보이는군요. 넘 이쁜 배우죠. 코수술만 안 했어도..ㅠ 2번 클릭! 이벤트 상세페이지 전체 디자인을 볼 수 있어요. 디자이너라면 즐겨찾기 해두고 이용하세요.
2019.08.30 -
페이스북 배포 애플 삼성 스마트폰·컴퓨터 제품 이미지
페이스북은 애플 아이폰 7/삼성 갤럭시 S7/구글 픽셀/화웨이 P8 등 스마트폰부터 애플의 아이맥/맥북프로/마이크로소프트 서피스북과 같은 컴퓨터, 애플 워치/소니 스마트워치 3에 이르기까지 다양한 스마트 기기의 목업 이미지를 무료로 공개하고 있다. 모든 기기는 모델명으로 분류되어 있어 이용이 편리하며 그림자(Shadow)가 있고 없는 파일로 나뉜다. PNG 고해상도 파일로 제공하기 때문에 전세계 디자이너들에게 환영받을 만한 자료다. *Facebook Design|Devices http://facebook.design/devices.html 사이트에 접속하면 파란색 버튼이 보인다. 모든 기기의 이미지를 다운로드 받으려면 파란색 버튼을 클릭하자. 아래쪽으로 내려오면 1번 항목에서 스마트폰, 시계, 태블릿, ..
2017.03.05 -
상업용 아이콘을 무료로 배포하는 DESIGNMODO
아이콘을 매번 직접 그려서 사용하기는 여간 어려운 게 아니다. 이럴 땐 무료로 아이콘을 배포하는 사이트에 들러 내려받아 사용하면 편하다. Designmodo에는 귀엽고 예쁜 아이콘, 상업적으로 사용할 수 있는 아이콘이 많다. *Designmodo https://designmodo.com/freebies/icons/ 사이트에 접속한 다음 상단 메뉴에서 카테고리(Category)-프리비(Freebies)-아이콘(Icons)으로 이동하자. 라인콘이라는 이름의 아이콘을 사용하고 싶어졌다. 페이지 아래쪽으로 내려오면 소셜로그인 옵션이 보인다. 아이콘을 내려받으려면 먼저 소셜로그인을 해야 한다. 페이스북으로 로그인했다. 다운로드 버튼이 나타났다. 클릭! 두둥! 귀여운 아이콘이 생겼다. 페이지에 기재된 사용 범위를 ..
2017.03.01 -
웹디자인 관련 우수 블로그 10곳 추천
블로거팁 닷컴에도 무료 아이콘과 바탕화면 튜토리얼, 스킨 쇼케이스 등 다양한 디자인 관련 콘텐츠가 있습니다. 블로그 디자인 섹션에요. 주로 해외의 좋은 포스팅을 출처와 함께 소개하는데요. 이런 소스를 소개할때 자주 찾는 블로그들이 있어서 모아서 소개해 봅니다. 웹디자인 관련 소스를 찾아 헤매는 분들께는 좋은 정보가 될 것이라 생각됩니다. 아직 날이 덜 풀린것 같은데 감기 조심하시고 건강, 행복하세요. :) 01 Smashing Magazine http://smashingmagazine.com/ 02 Vandelay Design http://vandelaydesign.com/ 03 Six Revisions http://sixrevisions.com/ 04 Spoon Graphics http://www.bl..
2009.02.20