lavianps
1,000+ Views

디자이너를 위한 사이트 모음

디자이너를 위한 사이트 모음이에요^^
개인작업하거나 영감을 얻기 좋은 곳 같아요!!
저희 라비앙성형외과 에서도 디자인을 해야할 때가 오다보니
아주 유용하게 쓰이고 있어요 ㅎㅎ (직원이 추천했던 사이트에요ㅋㅋ)
이중에서 무료로 다운받을 수 있는 소스도 있기때문에 디자이너 분들은 물론
디자인과 예술을 사랑하시는 모든 분들께 도움이 될까 싶어 올려보아요ㅎㅎ
모두 불토 재미지게 보내세요^3
ps : 무료로 적혀있는곳은 사용가능하지만 그 외에 다른 사이트에선 사용하다가
걸리면 불이익을 당할 수도 있다는점!!!!
1. 디자인 작업 벤치마킹
-종합, 그래픽 디자인- 드리블 https://dribbble.com
매니스터프 http://www.manystuff.org
-C.I , B.I- http://logopond.com
-타이포그래피- http://gurafiku.tumblr.com
-패키지디자인- http://blog.pentawards.org
-웹디자인- http://www.awwwards.com
2. 디자인시 유용한 자료 사이트
http://dbfreebies.co (드리블, 비헨스에 올라온 무료 자료 모음)
-폰트-
-사진-
http://pngimg.com (누끼 PNG 이미지들)
https://pixabay.com (저작권 없이 사용 가능)
-텍스쳐-
-패턴-
-벡터, 아이콘-
http://www.flaticon.com (무료 다운로드 가능)
http://www.freepik.com (무료 벡터 다운로드 가능)
-목업, 시뮬레이션 자료-
-기타-
http://kosis.kr (인포그래픽 작업시 참고 사이트 국가통계포털)
http://www.gallup.co.kr (인포그래픽 작업시 참고 사이트 사회여론조사결과)
4 Comments
Suggested
Recent
@dkdpdldhdn 도움되셨다니 다행이네요 ㅎㅎ 감사합니다.
@were334 네^^ 좋은 정보라 공유하네요^^
좋은 정보 감사합니다 ^^ ~
오오 이런게.있네요
Cards you may also be interested in
[ 웹사이트 개발까지의 추천 10단계 ]
웹사이트 개발까지의 추천 10단계 (참조 : 10 steps for developing a website ) 다른 여느 기술적인 프로젝트와 같이, 웹사이트 개발도 쉬운 일은 아니다. 주의해야 할 점이 너무도 많기에, 웹사이트 개발 시에는 반드시 꼼꼼하게 적절한 단계를 따라야 한다. 이 기사에서 웹사이트 프로젝트를 정의하는 순간부터 웹사이트의 개발과 홍보에 이르기까지의 단계를 일목요연하게 소개하고자 한다. 1. 웹사이트의 목적을 정의하라 이는 웹사이트의 개발 단계에 있어서 당연히 가장 먼저 시행되어야 한다. 너무 포괄적으로 들릴지도 모르지만, 여기서 말하는 목적이란 사업 계획을 의미한다. 웹사이트를 통해 달성하고 싶은 목표는 무엇인가? e커머스인가 아니면 서비스 웹사이트인가? 목적을 세우는 것은 웹사이트 내의 컨텐츠를 정의하고 회사를 위해 어떠한 형태의 웹사이트를 만들어야 하는지 이해하는 데 도움을 준다. 예를 들어 더 많은 잠재 고객들을 유치하고 그들과 더 많은 관계를 맺는 것이 목적이라면, 자신이 제공하는 제품이나 서비스를 더욱 매력적인 방법으로 보여주고 고객들이 그 회사에 수월하게 접근할 수 있도록 해주어야 할 것이다. 하지만 인터넷 매출을 올리고자 한다면 결제 단계를 간편화시키는 데 집중하는 편이 좋다. 이를 달성하기 위해 웹사이트 개발 혹은 웹사이트 디자인 전문가가 반드시 필요한 것은 아니다. 그러나 이러한 프로젝트에 대한 접근법을 이해하기 위해서는 비즈니스 컨설턴트를 가까이 하는 것이 현명할 것이다. 2. 웹사이트의 컨텐츠를 정의하라 웹사이트에 어떤 것을 올릴지를 항상 염두에 두고 있어야 한다. SEO에 신경을 많이 쓴다면 웹사이트의 컨텐츠는 검색 엔진에서의 순위에 직접적인 영향을 미칠 것이며, 사용자들이 웹사이트를 방문하게 만드는 주요 요인이 될 것이다. 첫번째 단계에서 용어 혹은 단어뿐 아니라, 어떠한 내용을 쓸 것인지 정의하는 것은 필수적이다. 좋은 결과를 내기 위해 전문가를 활용하는 것은 어떠한 상황에서도 가장 중요하므로, 유능한 SEO 카피라이터와 커뮤니케이터를 고용하는 것이 원하는 결과를 얻는 데 있어 핵심일 것이다. 3. 웹사이트 모형과 와이어프레임을 만들어라 (이미지 출저 : 슬로우워크 블로그 - http://slowalk.tistory.com/2140) 종이를 하나 꺼내 구상하고 있는 내용을 그려보아라. 모형은 단지 웹사이트의 섹션과 일반적인 구조를 담은 스케치 혹은 대략적인 초안이면 충분하다. 이렇게 함으로써 웹사이트의 주요 섹션과 이 섹션들 사이를 어떻게 네비게이트(navigate)할 것인지 정의할 수 있다. 그러나 아직 아이디어와 컨셉을 정하는 단계이므로 이 섹션들에 담겨질 텍스트에 대한 세부사항을 결정할 필요는 없다. 다음은 초안을 개선하여 상호작용을 제공하는 디지털 모델로 만들어내는 단계이며, 이는 웹사이트 디자이너의 몫이거나, 와이어프레임 툴에 대해 잘 알고 있다면 본인이 직접 할 수도 있을 것이다. 4. 웹사이트 디자인 상호작용을 어떻게 하고 싶은지 결정했다면, 이제 좋은 웹사이트 디자인을 위해 노력해야 한다. 흔히 우리는 웹사이트 디자인에 적극적으로 참여하고 싶어하지만, 웹 디자이너의 업무에 지나치게 관여하는 것도 바람직하지 않다. 웹사이트는 항상 사용자 친화적이어야 하며 웹사이트의 디자인이 효과적일 수 있는 방식으로 비율이 구성되어야 한다. 예를 들어 빨강은 아름다운 색이지만 웹사이트 디자인에서 너무 많이 사용되면 안된다. 항상 디자이너의 말에 귀 기울여 회사의 색과 사용자에게 편안한 색 사이의 균형을 찾아야 할 것이다. 가끔 우리는 사이트를 디자인하기 위해서 프로그래머 지인 혹은 친구에게 도와달라는 요청을 한다. 하지만 이때 주의할 것! 프로그래머는 디자이너가 아니다. 목적을 이루게 만들어 줄 전문적인 디자이너를 찾는 것이 핵심이다. 웹사이트의 디자인을 아웃소싱(은 프리모아) 을 고려하는 것도 가끔은 좋은 선택이 될 수 있다. 5. 웹사이트 개발: 코드 자 이제 가장 복잡한 단계에 대한 준비가 되었는가? 이제까지 고심해오던 프로젝트를 본격적으로 개발할 때가 왔다. 프로젝트의 난이도에 따라 한 명, 혹은 두 명의 개발자, 또는 아예 팀 하나가 전체로 필요할 수도 있다. 프로젝트를 얼마나 빨리 마무리하고 싶은지에 따라서도 이에 상당한 영향을 줄 수 있다. 급하면 급할수록, 프로젝트를 담당하는 팀의 크기와 개발시간이 늘어나게 될 것이다. 프로젝트 초기에 얼마나 많은 것들을 완성시켜두었는지에 따라 이 개발 과정이 비교적으로 간단할 수도 있다는 점을 기억해라. 개발자를 만나기 전 컨텐츠와 디자인 작업을 모두 마무리해두는 것이 좋다. 6. 모바일 친화적 사이트 비록 따로 서술하고 있지만, 사실 이 단계는 웹사이트 디자인 및 개발과 밀접한 연관이 있다. 이 단계를 구분해 설명하는 이유는 모바일 사용자 유치 및 검색 엔진 순위에 있어 이 부분이 상당히 중요해졌기 때문이다. 모든 SEO 전문가들이 모바일 디자인을 먼저 시작한 뒤 웹사이트 디자인을 진행하라고 조언할 것이다. 그들은 이를 ‘모바일 우선’ 디자인이라고 부른다. 하지만 그들의 조언을 따를 필요 없이, 어떠한 모바일 디바이스에도 완벽히 적응가능한 ‘반응형(responsive)’ 웹사이트를 고려하면 된다. 7. 끊임없는 테스트 웹사이트 개발 과정이 종료된 후 뿐 아니라 각 개발 단계가 마무리될 때마다 매번 테스트를 거쳐야 한다. 테스팅은 제품의 개발과 디자인에 관여하지 않았던 사람들에 의해 진행되는 것이 필수적이다. 디자인과 사용자 친화도에 있어 어떤 것을 개선해야 하는지 더욱 잘 이해할 수 있게 도와주기 때문이다. 또한 발생할 수 있는 잠재적인 이슈와 웹사이트 런칭 전에 수정되어야 하는 점들을 발견할 수 있게 해 준다. 8. 웹사이트 런칭 상기 언급되었던 모든 부분에 대해 검토하였다면, 이제 웹사이트의 런칭만이 남았다. 그러나 그 이전, 훌륭한 런칭이 되기 위해서는 몇 가지 더 마무리 지어야 할 것이 있다. · 공식 발표 준비. 자신의 정체성과 다른 동종사업 경쟁자들과 비교하였을 때 제품이 어떠한 참신함을 가지고 있는지 설명해야 한다. · 브랜드 관련 정보 및 이미지 준비. 이미지와 로고, 팀 사진 등을 준비한다 · 사이트의 홍보를 위한 인맥 넓히기. 웹사이트 런칭 전, 동종업계에 종사하는 협업자 혹은 영향력 있는 사람들과 연관된 계획을 세우기를 권장한다. 9. 마케팅 전략 이제 웹사이트 개발을 넘어서 온라인 마케팅에 대한 섹션으로 넘어가보자. 웹사이트 개발이 성공적이길 바란다면 자신이 가진 전략을 마음에 새겨야 한다. SEO를 위한 컨텐츠 최적화에 대한 우리의 추천사항을 따랐다면, 이 시점부터는 디지털 마케팅 전략을 다시 펼쳐야 할 것이다. 첫 몇 달 내에 성장하기 위해서는 웹사이트 포지셔닝 전략을 취하는 것이 좋다. 10. 결과 분석 및 개선 초기 목적을 달성하였는지 어떻게 알 수 있을까? 웹사이트 개발의 첫번째 단계를 기억하는가? 바로 목적을 정의하는 것이었다. 분석은 초기에 세운 목적 및 목표를 달성하였는지 확인할 수 있도록 돕는다. 이에 성공했다면 이제 새로운 도전을 해보자! 그러나 목적을 달성하는 데 성공하지 못했다면 왜 못했는지, 어디에 문제가 있었는지 알아낸 후 이를 달성하기 위해 새로운 변화를 준비해야 할 것이다. 이는 모든 회사들이 온라인의 세계에서 도약하기 위해 거쳐야 하는 과정이다. 각 단계마다 그에 걸맞는 전문가를 찾는 것이 어려울 때도 많다. 이런 이유에서, 프리모아는 모든 개발 단계에 맞는 완벽한 전문가를 찾아줄 준비가 되어있다. 당신이 어떤 단계에 있던 프리모아가 도움이 될 것이라 확신한다
기발한 아이디어 디자인 모음.jpg
1. 콘돔 광고 2. 도서관 벤치 (이집트 알렉산드리아 도서관) 3. 멸종 위기 동물 보호 포스터 픽셀 수가 해당 동물의 남아 있는 개체수 ex: 판다 개체수 약 1600마리. 1600개의 픽셀로는 판다 이미지를 충분히 구현할 수 없죠. "1600은 충분한 숫자가 아닙니다." 4. 성폭력 근절 광고 서로 붙어 있는 종이 두 장을 떼면 위와 같은 사진이 나타납니다. "힘을 써야 한다면 그건 성폭행입니다." 5. 형광펜 광고 : Hightlight the Remarkable 주목받지 못 했던 역사 속 여성 주인공들을 발견하는 프로젝트 광고 시리즈 중 한 장. 하이라이트된 여성은 나사의 흑인 여성 수학자로, 아폴로 11호를 달에 착륙시키는데 결정적 역할을 한 인물이지만 주목받지 못했죠. 하지만 형광펜으로 주목도를 높입니다. 6. 쓰레기 무단투기 금지 광고 "쓰레기는 당신을 말합니다." 쓰레기 두 개를 같이 배치해서 단어를 조합해 냈죠. LOWLIFE(시궁창 인생), PIG(돼지), DUMB(바보), DIPSTICK(멍청이) 7. 전기를 현명하게 사용하세요. 8. 그래픽 디자이너 구함 이건 많이들 보셨을 듯 9. 현명한 공간 활용 10. 현명한 공간 활용 2 11. 백조와 오리 식당 아이디어도 좋은데 귀엽기까지! 12. 상어 도살 금지 청원 조스 포스터가 떠오르시죠. 하지만 더 무서운 건 상어가 아닌 사람이라는 것. 상어잡이 배를 상어보다 더 무서운 괴물로 표현했습니다. "사람은 한 시간에 11400마리의 상어를 죽이지만 상어는 1년에 12명의 사람을 죽인다." 13. 유적지 안내판 유적의 옛 모습을 보여주는 간편하고 창의적인 아이디어 14. 발로 누를 수 있는 엘리베이터 버튼 15. 멕시코의 동전 디자인 동전의 가장자리 문양을 합치면 아즈텍 달력이 나타난다! 16. 내셔널 지오그래픽 표지 빙산의 일각을 비닐 봉지 쓰레기로 표현했죠. PLANET OR PLASTIC? 17. 안전벨트 착용 광고 안전벨트 착용으로 사망 년도를 가렸습니다. 착용하지 않는다면...?
[ 디자이너가 사랑하는 폰트 추천편 ]
디자인분야에서 일하시는 분들이 관심이 많은 부분이 색체랑 글꼴 등인 것 같습니다. 디자이너들 뿐만아니라 오늘 컨텐츠는 많은 분들이 관심많으시고 유용하게 쓰이실 것 같다고 예상이 됩니다~! 1. 네이버 – 나눔글꼴 카드뉴스에 많이 사용되는 폰트 중 하나입니다 나눔글꼴은 무료배포하고 한글에 대한 사랑과 애정이 담긴 글꼴입니다. 네이버가 2008년 이후 한글의 아름다움을 뽐내고 있습니다 * 라이선스 : 오픈 라이선스 http://hangeul.naver.com/2016/nanum 2. 배달의 민족 – 연성, 도현, 한나는 11살체, 주아체 카드뉴스에 많이 사용되는 폰트 중 하나인 배달의 민족 글꼴은 무료배포입니다. 카드뉴스에 가독성이 가장 좋다고 생각되는 폰트입니다. 그 중에서 도현체를 추천드립니다. 이 글꼴은 우아한 형제들을 위한 폰트입니다. * 라이선스 : 오픈 라이선스 http://font.woowahan.com/ 3. 야놀자체 - 야체 야놀자체(야체)는 친근감을 중시하며 리듬감과 자유로움을 부여했습니다. 야체의 특징은 이목을 집중 시키고, 편안함과 자연스러움을 줍니다. 야놀자체 글꼴은 무료배포이고 다양한 곳에 사용 가능한 폰트입니다. * 라이선스 : 오픈 라이선스 http://cast.yanolja.com/detail/2171 4. 구글x어도비시스템 - 본고딕 본고딕은 구글과 어도비의 콜라보로 탄생한 폰트입니다. 아름답게 만들어진 무료폰트이고 여러 언어로 사용 가능합니다. 방대한 양의 Beautiful한 폰트를 무료로 다운 받을 수 있습니다. * 라이선스 : 오픈 라이선스 https://goo.gl/1JfRIO 5. tvN – 즐거운 이야기체 즐거운 이야기체는 즐거움을 담은 손글씨입니다. 관심을 갖게 만드며 보는 사람에게 즐거움을 제공합니다. Tvn에서 10주년 기념으로 탄생한 글꼴로써 무표 폰트입니다. * 라이선스 : 다른 소프트웨어와 번들하거나 응용하여 재배포 할 경우 출처 표기를 필수 http://tvn10festival.tving.com/playground/tvn10font 프로젝트 의뢰할때는 프리모아 : www.freemoa.net
무료 사진 이미지 사이트 5곳[저작권 걱정없어요]
블로그에 포스팅을 하게 되면서 다양한 무료사진이 필요 했습니다. 많은 사이트들이 있는데 제가 써본 결과 가장 유요한 사이트 5개만 간추려 정리해 보았네요. 저작권 걱정없이 고퀄리티 사진 이용하세요. 1위. 픽사베이 https://pixabay.com/ 무려 930,000만장이 넘는 무료사진 사이트로 키워드 검색했을때 가장 많은 사진들을 보유하고 있어요.블로그 사이즈에 맞게 크기별로 다운로드가 가능해 제가 가장 애용하는 사이트 입니다. 2위. 프리 큐레이션 http://www.freeqration.com 250,000 이상의 사진을 보유한 고퀄리티 무료 이미지 사이트입니다. 역시 저작권 걱정없이 쓸 수 있습니다.다운로드 크기도 정할 수 있어 편리하네요. 3위. 언플래쉬 https://unsplash.com/ 퀄리티가 뛰어난 사진들만 있는 고퀄 이미지 무료 사이트입니다. 고급스런 사진이 필요할 때 가장 이용하는 사이트 입니다. 4위. 스탁스냅 https://stocksnap.io 픽사베이보다 사진 수가 적으나 여기 역시 고퀄리티 사진이 필요할 때 이용하는 무료 사진 사이트 입니다. 5위.픽점보 https://picjumbo.com 고화질의 사진이 많은 곳으로 전문 포토 그래퍼가 직접 찍은 사진들이 많습니다. 2편은 저작권 걱정없는 무료 폰트 포스팅을 해보겠습니다. 요런건 좋아요와 클립 부탁합니다. 무료폰트 추천 http://blog.naver.com/odalga/220992494621 https://www.vingle.net/posts/2072372