▼ 웹디자인 및 프론트앤드개발에 도움이 되는 사이트 모음
- Android, IOS 디자인 가이드 https://material.io/components ★추천
- W3C HTML MARKUP 검사 https://validator.w3.org/ ★추천
- W3C CSS 오류 검사 https://jigsaw.w3.org/css-validator/ ★추천
- 크로스브라우징 검사도구 https://app.crossbrowsertesting.com/test-center *로그인필요
- 각종 CDN 관련 주소 제공 https://cdnjs.com/libraries ★추천
- 브라우저 점유율 조사 https://gs.statcounter.com/ ★추천
- 폰트 상대 크기 변환 http://pttopx.com http://pxtoem.com
- 각 프로그래밍 브라우저별 호환성 조사 https://caniuse.com/ ★추천
- 반응형 웹 평균 크기 https://css-tricks.com/snippets/css/media-queries-for-standard-devices
- 반응형(태블릿, 모바일) 아이폰, 아이패드 크기 참고 http://iosres.com/ ★추천
- 모바일 화면 DPI에 따라 각 단위 결과 값 보여주기 https://pixplicity.com/dp-px-converter
- 모바일 화면 DPI 에 따라 PX값 보여주기 http://labs.rampinteractive.co.uk
- 웹URL 입력 시 해당 사이트의 스타일 가이드 출력 http://stylifyme.com/
- 테스트용 이미지 제공(Unsplash연동) https://source.unsplash.com/
- 애플 개발자 도움말 보기 https//developer.apple.com
- 플로우 차트 만들기
- 사이트맵(IA정보구조) 만들기
- 프로그래밍 타자연습1 http://www.speedcoder.net/lessons/ ★추천
- 프로그래밍 타자연습2 https://10fastfingers.com/text/12593-Programming-HTML-typing-test
- 말랑말랑 한컴타자연습(긴글) https://typing.malangmalang.com/typing-practice/exercising-writing-typing ★추천 * 별도 가입 및 로그인 없이 이용할 수 있습니다. 로그인 질문창에서 '아니오' 누르고 진행하세요.
▼ 디자인 자격증
- 1. 자격증관련 기출문제제공(무료) https://www.gunsys.com/q/ ★추천
- 2. 자격증관련 기출문제제공(무료) https://www.comcbt.com/xe/anne ★추천
- 3. 자격증관련 기출문제제공(무료) http://www.q.fran.kr/ ★추천
- GTQ https://license.kpc.or.kr/nasec/rceptexmncnfirm/selectExprschdul.do
- 웹디자인기능사 http://www.q-net.or.kr/crf005.do?id=crf00503&jmCd=7798&gSite=Q&gId=
- 컴퓨터그래픽스운용기능사 http://www.q-net.or.kr/crf005.do?id=crf00503&jmCd=7796
- 시각디자인산업기사 http://www.q-net.or.kr/crf005.do?id=crf00503&jmCd=2434
- 시각디자인기사 http://www.q-net.or.kr/crf005.do?id=crf00505&gSite=Q&gId=&jmCd=1790&examInstiCd=1
- 컬러리스트산업기사 http://www.q-net.or.kr/crf005.do?id=crf00505&gSite=Q&gId=&jmCd=2982&examInstiCd=1
- 컬러리스트기사 http://www.q-net.or.kr/crf005.do?id=crf00505&gSite=Q&gId=&jmCd=1982&examInstiCd=1
- 정보처리기사 http://www.q-net.or.kr/crf005.do?id=crf00505&gSite=Q&gId=&jmCd=1320&examInstiCd=1
▼ 색상 참고 사이트
- 1. #키워드에 어울리는 색 찾기 https://colorhunt.co/ ★추천
- 2. 2개의 조화로운 색 찾기 https://2colors.colorion.co/
- 3. 색상 테마/트렌드색상/색상 만들기 https://color.adobe.com/ko/explore
- 4. 그라디언트 색 찾기 https://uigradients.com/#Atlas ★추천
- 5. 색 조합 추천 https://color.hailpixel.com/ ★추천
- 6. 색상 조합 추천 https://coolors.co/cbe896-fffffc-beb7a4-ff7f11-ff1b1c ★추천
- 7. 색상 톤/명칭 알려주는 사이트 https://www.flatuicolorpicker.com/
▼ 국내/해외 웹사이트 목록
- 웹디자인 벤치마킹 우수 웹사이트 모음 http://dbcut.com ★추천
- 그리드 활용한 우수 웹 사이트 30개 https://www.awwwards.com/30-grid-based-websites.html
- 국내 웹사이트 수상작 모음 http://www.gdweb.co.kr/ ★추천
- 국내 반응형 웹 사이트 모음 http://rwdb.kr/ ★추천
- PPT 디자인 참고 사이트 https://elements.envato.com/
- 디자이너 작품 및 공모전 참고 https://www.loud.kr/
- 웹어워드 코리아 http://www.i-award.or.kr/Web/Assess/FinalCandidateList.aspx
- 해외웹-최신트렌드웹사이트수상작 https://www.awwwards.com/
▼ 디자인관련 정보 제공 웹사이트
- Pantone 올해의 색 (2010~현재) https://www.pantone.com/ ★추천
- 디자인공모전 정보 https://www.thinkcontest.com/Contest/CateField.html
- 디자인소리 = 공모전이나 수상작, 전시 소식 등을 알 수 있는 곳 http://designsori.com
- 디자인정글 http://jungle.co.kr
- 노트폴리오(다양한 신입/경력디자이너의 포트폴리오 모음) http://www.notefolio.net ★추천
- 랜딩페이지 국내 레이아웃 참고 https://landingpager.kr/ ★추천
- 랜딩 페이지 디자인&레이아웃 참고 https://instapage.com/landing-page-templates ★추천
- 반응형웹 사이트(해외) https://mediaqueri.es/ ★추천
- 모바일 디바이스 크기참고 https://material.io/resources/devices/
▼ 저작권 걱정 없는 무료 고해상도 이미지 다운
* 상업적 사용 시 사용 가능(ready the license summary) 표시를 확인 후 다운받으시기를 권장합니다.
- https://www.freepik.com/home 회원 하루10장 무료 / 비회원 하루3장 무료 (매일13장 다운받기!) ★추천
- https://pixabay.com/ 고해상도 무료 이미지, 영상, 일러스트 제공
- https://unsplash.com/ 고해상도 무료 이미지 제공 ★추천
- https://morguefile.com/ 고해상도 무료 이미지 제공
- https://littlevisuals.co/ 2013/11 사망한 운영자(Nic Jackson)의 가족이 그의 열정을 지키고자 무료 제공한 사진모음
- https://www.pexels.com/ 무료 고해상도 스톡 사진들
- http://photopin.com/ 무료 고해상도 사진들(무료 아이콘 표시 제공)
- http://pngimg.com/ 다양한 카테고리로 구성된 png(배경투명) 이미지 제공 ★추천
- www.rawpixel.com/?sort=shuffle&page=1&feed=creative-feed 무료 고해상도 사진들
▼ 저작권 걱정 없는 무료 벡터 이미지 *일부 유료
- https://publicdomainvectors.org/ko/ 복잡하고 화려한 느낌의 해외 일러스트 모음
- https://logopond.com/ 깔끔한 로고 스타일 벡터 제공 ★추천
- http://www.freepik.com/ 타이포그래피, 배경, 아이콘 등 다양한 벡터 제공
- https://www.flaticon.com 모던한 무료 벡터 아이콘들 제공 ★추천
- https://www.kisspng.com/ 복잡하고 화려한 느낌의 해외 일러스트 모음
▼ 웹디자인&프로모션&상세페이지&로고디자인 등 벤치마킹
- https://www.pinterest.co.kr/ 다양한 디자인 벤치마킹 ★추천
- https://www.behance.net/search?search=web 다양한 디자인 벤치마킹
- https://dribbble.com/ 다양한 디자인 벤치마킹
- https://dribbble.com/search/icons 아이콘 스타일 참고
- https://www.behance.net/search?field=131&search=icons 아이콘 스타일 참고
- https://www.designspiration.net/ 다양한 디자인 벤치마킹
- https://www.mangoboard.net/MangoTemplateAll.do 카드뉴스&다양한 국내 디자인 예시 ★추천
- https://tyle.io/explore 카드뉴스 컨텐츠 참고
- https://www.iosicongallery.com/ IOS 아이콘 사례 모음 ★추천
- 모바일 데스크탑 다양한 웹 사이트 레이아웃&디자인 모음 ★추천
▼ 무료 목업 사이트
- https://originalmockups.com/mockups/free-mockups 패키지, 웹, 명함 등 다양한 무료 목업
- https://www.mockupworld.co/all-mockups/ 패키지, 웹, 명함 등 다양한 무료 목업 ★추천
- https://mockups-design.com/ 패키지, 웹, 명함 등 다양한 무료 목업
- https://mockupsforfree.com/ 패키지, 웹, 명함 등 다양한 무료 목업
- https://brunch.co.kr/@forchoon/277 무료 디자인 목업 소개 블로그
- interfacer 다양한 일러스트 소스와 무료 핸드폰, 데스크탑 목업 사진들 제공
- https://freebiesbug.com/ Free PSD 소스 제공
▼ 포토 스튜디오 사진 레이아웃 참고 *상업적 이용 불가
- https://www.fairestudio.com/portfolio 요리, 음식 사진 제공
- https://www.charida.com/2018 요리, 음식 사진 제공
- https://www.foodon.kr/ 요리, 음식 사진 제공
- http://omos.kr/gallery 스포츠, 음식, 모델, IT 사진 제공
▼ 무료 포토샵 브러쉬 다운로드
▼ 모바일 UI UX 참고
- www.epicpxls.com/items/of/category/ui-kits/type/free 무료 모바일 UI 참고자료 제공
- pttrns.com/ 일부 유료(3일 무료) 모바일 UI 제공
- psddd.co 스케치, 포토샵 등 모바일 UI 제공
- www.mobile-patterns.com/add-friends 사용자 공유위주의 모바일 UI
▼ 프로토타이핑 도구
- 브라켓 http://brackets.io/ 2021.09 공식 지원 종료 -> 2021.11 brackets community
- 노트패드 https://notepad-plus.ko.softonic.com/
- 아톰 https://atom.io/
- 에딧플러스 https://www.editplus.com/kr/
- 비주얼스튜디오 코드 https://code.visualstudio.com/ ★추천
- 비주얼스튜디오 https://visualstudio.microsoft.com/ko/vs/getting-started/mobile-install/
▼ 디자이너채용공고
- 잡코리아 http://www.jobkorea.co.kr/
- 사람인 http://www.saramin.co.kr
- 디자이너잡 http://www.designerjob.co.kr/
- 인크루트 http://www.incruit.com/
- 디자이너채용공고 https://www.loud.kr/designer/job
- 기업정보 https://www.jobplanet.co.kr/welcome/index
- 자기소개서정보 https://jasoseol.com/
▼ 기타
- FTP(파일질라) https://filezilla-project.org/
- FTP(파일질라) 사용법 https://webty.tistory.com/98?category=880467
- 구글 크롬 브라우저 https://www.google.co.kr/chrome/
- 파이어폭스 브라우저 https://www.mozilla.org/ko/firefox/new/
- 구글 크롬 확장 프로그램 추천 https://webty.tistory.com/91?category=880467 ★추천
- Adobe XD 설치 https://webty.tistory.com/113?category=880467
- 워크플로우 만들기 https://app.diagrams.net/
- (팀 공유 가능) 브레인라이팅 https://creately.com/
- 무료 글꼴 https://webty.tistory.com/6?category=880467
▼ 마케팅/기획 참고
- 트렌드 인사이트(구글검색결과 연결)
- DMC리포트 https://www.dmcreport.co.kr/dashboard
- 글로벌 전시포털 https://www.gep.or.kr/gept/ovrss/main/mainPage.do
- 광고정보센터 https://www.adic.or.kr/index.waple;jsessionid=084FFAEA937315CEE190EA2C40F3E3B7
- 연합뉴스 데이터그래픽 https://www.yna.co.kr/graphic/index
- 슬라이드쉐어(세계각국의 ppt보유) https://www.slideshare.net/sungminlee/ss-presentation-805669
- 모바일 앱 아이콘 만들기 사례와 함께 살펴보는 블로그 바로가기
728x90