[디자인 레퍼런스]
디비컷 - 웹디자인 평가 및 우수 웹사이트 모음
국내외 우수 웹디자인 레퍼런스 사이트
www.dbcut.com
💡 : 정보 구조 (이미지, 간격 등의 레이아웃 구조)
http://www.i-award.or.kr/web/
제19회 대한민국 웹 이노베이션대상 시상식 현재 운영중인 혁신적이고 우수한 웹사이트들을 대상으로 진행하는 ‘웹어워드코리아 2022’ 후보공모가 9월 시작됩니다. 웹어워드코리아 시상식 일
www.i-award.or.kr
💡 : 면접 및 포트폴리오 설명할 때 참고할 평가항목 참조
Lifeplus
한국의 UI/UX 모바일 패턴을 수집합니다.
wwit.design
💡 : k-모바일 디자인 패턴 수집 사이트
Mobbin - The world’s largest mobile app design reference library
Save hours of UI & UX research with our library of 50,000+ fully searchable mobile app screenshots.
mobbin.com
💡 : 글로벌 모바일 디자인 패턴 수집 사이트
[CSS, Trastision 사이트]
CSS Gradient Generator
Friendly tutorials for developers. Focus on React, CSS, Animation, and more!
www.joshwcomeau.com
💡 : HSL to CSS (HSL 값을 컬러시스템 기반으로 생성, CSS 코드로 만드는 사이트)
Easing Functions Cheat Sheet
Easing functions specify the speed of animation to make the movement more natural. Real objects don’t just move at a constant speed, and do not start and stop in an instant. This page helps you choose the right easing function.
easings.net
💡 : easing 함수 사이트. (trastision 함수의 종류를 시각적으로 보여주는 사이트)
https://color.adobe.com/ko/create/color-contrast-analyzer
color.adobe.com
💡 : Adobe 공식 사이트, 색상 대비 검사기
[웹접근성]
Checklist Design - A collection of the best design practices.
Checklist Design is a curated list of checklists ranging from website pages, to UI components, all the way to branding assets.
www.checklist.design
💡 : 웹/앱 서비스 등에서 디자인 요건을 확인하는 체크리스트 사이트
💡 : 기아 인재채용 사이트. 어떤 식으로 웹접근성을 고려해야 하는지 잘 나와있다.
[아이콘]
Free Icons, Clipart Illustrations, Photos, and Music
Forum Mostly used for bugs, feature requests, and support.
icons8.com
Material Symbols and Icons - Google Fonts
Material Symbols are our newest icons consolidating over 2,500 glyphs in a single font file with a wide range of design variants.
fonts.google.com
iconmonstr - Free simple icons for your next project
To use this icon, you must first accept the license agreement.
iconmonstr.com
6,675,000+ free and premium vector icons, illustrations and 3D illustrations
Iconfinder is the world's largest marketplace for icons, illustrations and 3D illustrations in SVG, AI, and PNG format.
www.iconfinder.com
[스터디]
Learn CSS, HTML and JavaScript by Playing Coding Games
Grid Attack Help a brave elf Rey find and save her brother from the hands of the most powerful demon on Earth using the secret weapon – CSS Grid. Play → Flex Box Adventure Three evil brothers scammed King Arthur with Bit Coins and stole his gold. Becom
codingfantasy.com
💡 : CSS의 grid, flex-box 기능을 게임을 통해 쉽게 배울 수 있는 사이트
Uxcel - Where UX Design Careers Are Built
Learn new design skills, verify your knowledge, and land your dream job with Uxcel’s interactive platform for design professionals.
uxcel.com
💡 : 웹/앱 디자인 공부 사이트. (유료)
[이미지]
Beautiful Free Images & Pictures | Unsplash
Beautiful, free images and photos that you can download and use for any project. Better than any royalty free or stock photos.
unsplash.com
Freepik | 모두를 위한 그래픽 리소스
수백만 개의 저작권 프리 벡터, 사진, PSD를 만나보세요
kr.freepik.com
[폰트]
눈누
상업용 무료한글폰트 사이트
noonnu.cc
💡 : 한글 폰트 사이트
Pretendard
Pretendard 프리텐다드 Pretendard 프리텐다드 글꼴 다운로드 일본어 버전 다운로드 GitHub에서 보기 system-ui를 대체하는 글꼴 Apple의 system-ui가 익숙한 나로서는 San Francisco와 Apple SD 산돌고딕 Neo가..
cactus.tistory.com
💡 : 한국의 애플 폰트(개인 pick)
DaFont - Download fonts
www.dafont.com
💡 : 영어 폰트 사이트
'Design' 카테고리의 다른 글
| 웹디자인의 기준, 레이아웃 정리를 해보자 (0) | 2022.08.17 |
|---|---|
| UX/UI 디자인의 흐름, 머티리얼의 이해 (0) | 2022.08.11 |
| [Uxcel] UX 디자이너란 (0) | 2022.08.11 |
| Flex-box (0) | 2022.07.08 |