웹: 1920픽셀×1080픽셀

앱/모바일: (포토샵기준) 720픽셀×1280픽셀

● 인스타팁

https://hypebeast.kr/2019/6/instagram-marketing-tips-business?utm_medium=social&utm_source=Facebook&utm_campagin=facebook_post&fbclid=IwAR3HxY49Q5KMAokDNtisbTPMjlynLlj2GP3pIlDZKloZDSG5T9hw2NI_5hk#Echobox=1561616849 

● 이슈 https://issuu.com/

핀터레스트 https://www.pinterest.co.kr/

비핸스 https://www.behance.net/

노트폴리오 https://www.notefolio.net/

드리블 https://dribbble.com/ 

●일본사이트 http://bm.s5-style.com/

●포토폴리오에 쓰일 자료들 

https://www.lottiefiles.com/

https://www.svgrepo.com/  

http://www.i-award.or.kr/ 

●2019 선정 포트폴리오 10개

https://www.vanschneider.com/design-portfolio-inspiration-january-2019

●UXUI 가이드 

https://brunch.co.kr/@chulhochoiucj0/8

http://klutzy.nanabi.org/android-design-ko/style/iconography.html 

https://developer.apple.com/design/human-interface-guidelines/ 

https://material.io/design/ 

https://brunch.co.kr/@ssin23/64 

●각국가별 브라우저 사용량 나오는 사이트 주소  

http://gs.statcounter.com/

●2019년 디자인

https://www.behance.net/gallery/71481981/2019-Design-Trends-Guide

●올해의 색 트렌드 2019

https://www.shutterstock.com/blog/design-with-2019-color-trends?utm_content=201903-us-Use2019sMostPopularColors-mobile-Boosted%20Post&utm_medium=acq_social&utm_campaign=image_us_content-201903_en_Use2019sMostPopularColors_BoostedPost&utm_source=facebook&utm_term=1_designerjob_facebook_mobile

●모바일 디자인

https://uimovement.com/

https://www.uplabs.com/

●스타일가이드 

http://styleguide.co.kr

●유명한 사이트 모바일

https://mobbin.design/

●각종 반응형 https://mediaqueri.es/

●웹사이트 모아보기https://www.dbcut.com/bbs/index.php 

http://www.gdweb.co.kr/    

http://www.ideanote.co.kr 

☆☆☆☆중요!!!! 각종사이트 http://dmark.kr/  

https://gist.github.com/bradtraversy/61171a9b81586f5bc4c0ca1e2beb59ab 

●목업

https://originalmockups.com/free-mockups

https://www.mockupworld.co/all-mockups/

https://mockups-design.com/

https://mockupsforfree.com/

https://smartmockups.com/category/3 

https://www.mockupworld.co/

https://brunch.co.kr/@forchoon/277

●사진으로 영문 폰트검색   http://www.whatthefont.com

다폰트 

●한글폰트정리 https://www.koreafont.com/fonts/list/?box=

http://hanfont.hangeul.go.kr/main/index.do 

https://noonnu.cc/

https://hanfont.hangeul.go.kr/main/index.do

www.hangriafont.com

무료 폰트로 되어 있는 거는 완전 무료입니다.

● 영문폰트 

https://m.blog.naver.com/maisondehan/22159335333 

●ppt디자인 빠르게 하는 방법

https://simplep.net/ppt-%EB%94%94%EC%9E%90%EC%9D%B8-%EB%B9%A0%EB%A5%B4%EA%B2%8C-%ED%95%98%EB%8A%94-%EB%B0%A9%EB%B2%95-11%EA%B0%80%EC%A7%80-%EC%98%88%EC%8B%9C/ 

●생활코딩

https://opentutorials.org/course/3084  

●css관련해서 박스모델 등 개념 이해하기 어려울 때 이 사이트도 참고해서 보시면 좋을 것 같아요

http://ko.learnlayout.com/index.html

●한눈에 보는 CMYK 컬러인쇄 가이드

http://online.fliphtml5.com/aqxyd/qykx/

●인물누끼

https://www.remove.bg/  

●디자이너용어

https://brunch.co.kr/@roysday/84  

●로고 

https://digitalsynopsis.com/design/creative-minimal-logo-design-inspiration/?fbclid=IwAR1XDjrmDyuVyXV1KFJbV6viG71Q554BUuXfw1R919ZTOxXKoKhJ6waf5AU

http://dport.kr/news/1217/ 

https://logopond.com/ 

http://instantlogosearch.com  

https://flawlessapp.io/designtools?fbclid=IwAR2dTzM5nubRuJxJy9kxwtwzKDGWaxxGvZJ_fhY6ARiLYlHIkf6TpF2cC4A#logo-design 

https://www.logofound.com/ 

●디자인관련정리 https://brunch.co.kr/@designpopceo/27?fbclid=IwAR22q7FZc1r1deANi6ZidXrST9NafvK1lorGHXnwNtLpYX9qSwh3mz37Dhk

●변경된 리메인 코딩 사이트 

http://beta.gabia.io/cd/lecture1_86.php

●어도비에서 정리한 올해의 디자인 트렌드 5선 

https://blogs.adobe.com/creativedialogue/ko/news-events-ko/top5_graphic_design_trends_2019/?sdid=L7NVTS4G&mv=social   

●포폴에 유용한 목업

https://m.blog.naver.com/nimai/221499486950 

●웹사이트가이드

https://m.blog.naver.com/qwertee12/221397715760     

●패키지

https://www.packagingoftheworld.com

https://flawlessapp.io/designtools?fbclid=IwAR04dd7hR8xI0-

http://www.bxpmagazine.com 

https://boxmaster.co.kr/magazine/category/패키지-디자인/2019년-패키지-디자인-트렌드 

https://m.blog.naver.com/worms1000/221460067353 

https://m.blog.naver.com/worms1000/221301983960 

●안드로이드디자인가이드

https://blog.naver.com/cresector00/221356854633 

●소셜가이드 https://socialsizes.io/?fbclid=IwAR3x-WrspSRSaMTdd0OrbvWOzX38H4i0G6C8gk-ziuPPS9RlIgnC4u1MNg

● 애플 가이드 다운

https://developer.apple.com/design/resources

● 페북텍스트 오버레이https://www.facebook.com/ads/tools/text_overlay

● 포토샵효과 http://photoshopvip.net/107585

● 아이티고 (강좌)

https://itgo.co.kr/education

● toch 관련

http://static.lukew.com/TouchGestureCards.pdf

● 포토샵

https://tutsplus.com/

http://www.webagit.com/

https://cafe.naver.com/pstutorial (포완카)

● 디자인참고사이트

https://blogs.adobe.com/creativedialogue/ko/design-ko/30-ux-design-inspiration-resources/

● 공모전

http://campusmon.jobkorea.co.kr/

● 유튜브 영상

https://www.youtubnow.com/

● 이미지사이트  

https://unsplash.com/  

https://pixabay.com/  

https://www.pexels.com/  

http://doingstock.com/  

https://kr.fotolia.com/ 

https://picjumbo.com/ 

http://imcreator.com/free 

https://www.splitshire.com/

아이콘 

https://iconmonstr.com/  

소스  

http://www.freepik.com/ 

https://freedesignfile.com

http://www.flaticon.com/

https://gallery.manypixels.co/ 

색상 사이트 

https://jxnblk.com/hello-color/?c=08dabb 

https://kuler.adobe.com/ko/ 

https://www.colourlovers.com 

https://jxnblk.com/hello-color/?c=08dabb 

최고의 팁은 아니지만 매우 중요하고 분명 동의할 것이다. 스케치는 아주 많은 양의 미리 설정된 아트 보드를작업 시작에 앞서 제공한다. 필요한 아트 보드를 선택해라.

2. 레이어간 스타일 복사 

스케치에서 레이어간 스타일 복사는 매우 쉽다. 미리 언급은 하지 않았지만 매우 쉽게 할 수 있다.

⌘+Option+C – 복사

⌘+Option+V – 붙여넣기

3. Shared Styles을 사용해라

150개의 스크린 작업을 끝냈고 4번째 평가로 곧 작업을 마무리할 때 고객이 ‘버튼을 파란색으로 다 바꿔주실 수 있나요?’라고 말한다면, 평정심을 잃지 않는 대신 그냥 ‘알겠다’라고 대답해라. 왜냐하면 모든 버튼에 shared styles을 적용할 수 있다. 반복해서 사용할 UI 요소를 만들 때 설정을 No Shared Style에 맞추고 새로운 Shared Style을 만든 후 기억하기 쉬운 이름을 줘라.

4. 몇초안에 어떤것이든 복사할 수 있다.

옵션키를 누른 상태에서 요소를 선택하고 드래그하면 요소가 똑같이 복사가 된다. 한번 위의 방법으로 복사한 뒤 Cmd+D를 누르면 반복적으로 같은 효과가 나타난다. 

5. ‘Scale’을 활용해라

인터페이스를 디자인한 후 사이즈를 다시 조정하고 싶을 수 있다.

사이즈를 다시 조정할 때 자주 불균형적으로 줄어드는데 답답할 수 있다. 이때 Scale을 통해 원하는 치수로 다시 사이즈를 조정해라.

6. 색 선택하기

Colour Picker(색 선택)을 이용해 스크린에 보이는 어떤 색이든 가져올 수 있다. 필요한 건 단지 ‘CTRL+C’이다. 

7. 프로토타입을 위해 파일을 CanvasFlip에 바로 적용할 수 있다.

스케치에서 디자인을 내보내 프로토타입 툴에 디자인을 업로딩하는 것은 어렵다. 그래서 스케치에서 이를 통합시켰다. 디자인을 CanvasFlip에 적용하거나 업로드할 수 있다.

출처 : http://pan-creators.com/portfolio/시간을-아껴주는-7가지-스케치-팁/

출처 : 원작자 ㅡ CanvasFlip | 튜토리얼 ㅡ https://medium.com/sketch-app-sources/how-to-use-sketch-to-design-floor-plans-4d51810c2e6c

그 중 적지 않은 사람이 도트 그래픽 게임을 재미있게 즐겨보셨다고 생각합니다.

도트는 '픽셀아트'라고 부르기도 합니다. 알파벳으로 표시하면 'Dot'인데 점이라는 의미를 갖고 있죠.

그리고자 하는 이미지의 특징을 살리기 위해 픽셀 하나하나를 찍어서 그리기도 하기 때문에 어울리는 이름이라고 생각이 되네요.

도트는 단순히 생각하면 저해상도의 이미지인데, 

초창기에 컴퓨터에서 표현할 수 있는 이미지 용량의 한계 때문에 해상도를 제약함으로써 만들어진 그래픽이었습니다.

그러나 용량이 작다는 장점뿐만 아니라 단순하지만 아기자기하고 직관성 있는 특색 때문에 하나의 표현 양식으로 인정받게 되었다고 합니다.

저도 틈틈히 인디게임을 제작하면서 이미지가 필요할 때 도트로 그리는데요.

고해상도 이미지보다 훨씬 그리기 쉬우면서도 도트만의 특색이 덕분에 많은 인디 게임에서 채용하고 있는 그래픽입니다.

도트 이미지를 그릴 수 있는 방법은 그림판이나 포토샵 등 여러가지 도구가 있겠지만

도트 그래픽에 특화된 도구를 소개하려고 합니다.

그 도구는 'Aseprite'입니다.

현재 Steam에서 약 15,000원에 판매하고 있으며 오픈 소스로도 공유되어 있습니다.

도트만을 위해서 제작된 도구(Tool)이기 때문에 모든 기능들이 도트 그래픽을 그리는데에 맞춰져 있습니다.

게다가 포토샵하고 단축키도 비슷하게 구현되어 있어 기존 디자이너들도 적응하는데 큰 어려움이 없어요.

프로그램도 도트 그래픽으로 구성되어 있다는 점도 매력 있고, 도트만을 위한 수 많은 기능들이 

도트 그래픽 디자이너라면 꼭 쓰게 만드는 마성이 있는 것 같아요!

수 많은 기능들은 공식 홈페이지 혹은 유튜브에서 설명해놓고 있어 배우기도 좋았습니다.

https://www.aseprite.org/ 

추가로 아래는 오픈소스를 이용해서 무료로 사용하는 방법을 게시한 블로그 주소입니다.

https://toedland.blog.me/221300280025 

일정 조건의 점위 내에서 다른 사람이 자유롭게 이용할 수 있도록 허락한다는 

내용의 자유이용 라이선스를 의미하는 것'으로, 이미지에 CCL 표기가

붙어 있다면 출처를 표시하는 조건으로 누구나 사용할 수 있다.

이와 관련해 [저작권법]에는 다음과 같이 '지적재산권자는 다른 사람에게 그 저작물의 이용을

허락할 수 있고, 이용허락을 받은 자는 허락 받은 이용방법 및 조건의 범위 안에서 자작물을

이용할 수 있다'는 조항이 명시되어 있다.

하지만 CCL 표기가 있다고 해서 마냥 안심하고 사용할 수는 없다.

이미지의 사용권은 저작권자 스스로 CCL 표기를 하거나 CCL 표기를 하는 데 명시적으로 동의해야만 

효력이 생기는 데, 구글과 같은 저작권자가 스스로 CCL 표기를 한 게 아니라 의도치 않게 붙는 경우도 있기 때문이다.

개인적인 용도로 CCL 이미지를 사용할 때에는 무방하나, 상업적으로 사용할 때는 주의가 필요하다.

CCL과 관련해서는 몇 가지 표준이용 조건이 더 있으므로 다음 사이트에 접속하여 확인하도록 한다.

=> http://creativecommons.org/licenses

출처 : 4차 산업혁명시대 온라인 생존마케팅 / 안희곤 지음

프리큐레이션 : http://www.freeqration.com

플리커 : https://www.flickr.com

언스플래쉬 https://www.unsplash.com

셔터스톡 : https://www.shutterstock.com

그래티소그래픽 : https://www.gratisography.com

사이트에 따라서 무료/유료 정책이나 저작권에 관한 규정이 바뀔 수 있으니

사이트에 공지되어 있는 정보를 주기적으로 확인 할 필요가 있다.

이외에도 다양한 무료 이미지 사이트가 있으니 잘 찾아서 활용하면 좋다.

블로그 이미지나, 발표자료의 배경외에도 상업적인 이용도 가능한 이미지도 많으니

잘 활용해서 콘텐츠를 잘 디자인 하면 좋겠다.