그간 디자인을 해오면서 사용했던(방문했던) 유용한 것들을 기록차원에서 아카이빙.
계속 추가하거나 삭제 예정.
모음 디자인 레퍼런스
- 모바일 UXUI 디자인 레퍼런스 (https://screenlane.com/)
Screenlane
Only the best mobile and web UI design inspiration, right in your inbox
screenlane.com
- 모바일 UXUI 디자인 레퍼런스 (https://mobbin.com/browse/ios/apps)
Browse iOS Apps | Mobbin - The world’s largest mobile app design reference library
Browse and search across hundreds of iOS apps for UI & UX research.
mobbin.com
- 랜딩 페이지 디자인 레퍼런스 (https://pagecollective.com/)
Page Collective
Landing page design inspiration
pagecollective.com
- 다양한 이메일 디자인 레퍼런스 (https://emaillove.com/)
Email Love - Email Inspiration and Newsletter Discovery
Email Love is a new online resource curating the best email designs and quality newsletters.
emaillove.com
개인적으로 괜찮았던 사이트들
- Wonder (https://screenlane.com/post/ios/wonder/utm_source=extension&utm_medium=click&utm_campaign=muzli)
Wonder iOS app screenshots
26 screenshots of Wonder iOS app
screenlane.com
CSS
- 가로 인피니티 슬라이더 애니메이션 only CSS (https://codepen.io/jamesbarnett/pen/kQebQO)
Marquee using CSS3 keyframe animation
demo of the code found at: http://visualidiot.com/articles/css3 browser support: IE10+, Firefox 5+, Chrome, Safari 4+...
codepen.io
- CSS 효과들 모음 티스토리 (https://wsss.tistory.com/)
@web's CSS
코드펜 레퍼런스 사이트입니다.
wsss.tistory.com
무료 일러스트
- 저작권 무료 벡터일러스트 (https://undraw.co/)
unDraw - Open source illustrations for any idea
The design project with open-source illustrations for any idea you can imagine and create. Create beautiful websites, products and applications with your color, for free.
undraw.co
목업
- [anagram design] 무료 & 프리미엄 목업 (https://anagramdesign.graphics/)
Free and premium mockups - Anagram Design - Free Download
Welcome to my website, I'm Anagram design and I create high quality free and premium mockups on photoshop for graphic designers.
anagramdesign.graphics
- [free mockup] 무료 목업사이트 (https://www.free-mockup.com/)
Free Mockup | Best free Mockups
We collect the best free mockups in one place. Free for personal and commercial use. It's very convenient, join us.
www.free-mockup.com
- [ui store] 무료 목업 사이트 (https://www.uistore.design/)
Download 648 free UI Kits for your next projects - uistore.design
Handpicked UI Kits for your real life projects. Curated free design resources to energize your creative workflow.
www.uistore.design
- [mockup world] 무료 목업 사이트 (https://www.mockupworld.co/)
Mockup World | The best free Mockups from the Web
Tons of free and legal, fully layered, easily customizable photo realistic PSD mockups: Ready to use in your projects, app showcases and presentations!
www.mockupworld.co
그라디언트, 웨이브 (Gradient and Waves)
- [web gradients] 그라디언트 CSS코드값 추출 사이트 (https://webgradients.com/)
Free Gradients Collection by itmeo.com
Free collection of 180 background gradients that you can use as content backdrops in any part of your website.
webgradients.com
- [softr.io] 원형 무늬 SVG 만들어주는사이트 (https://www.softr.io/tools/svg-shape-generator)
SVG Shape Generator – Create SVG shapes for your designs
A free SVG shape generator to create beautiful SVG blob shapes for your web design. Supports gradient, complexity levels and more!
www.softr.io
- [svg wave] SVG Waves를 Gradient와 조합해서 추출해주는 사이트 (https://svgwave.in/ )
- [gradient hunt] 그라디언트 CSS 코드값 추출하고, 이미지로 다운받을수있는 사이트 (https://gradienthunt.com)
Gradient Hunt - Beautiful Color Gradients
Thousands of trendy color gradients in a curated collection that is updated daily. Get a fresh color gradient for your next design project and save all the gradients you like.
gradienthunt.com
- [haikei] 그라데이션, Waves 만들어주는 사이트(https://app.haikei.app/)
Haikei
app.haikei.app
Figma
- 앱처럼 둥근사각형 만들기 (https://twitter.com/superbryntendo/status/832640548745797632)Figma
기타
- 상업용 무료 폰트 (https://noonnu.cc/)
눈누
상업용 무료한글폰트 사이트
noonnu.cc
- 이미지로 폰트 찾기 (https://www.myfonts.com/pages/whatthefont?)
WhatTheFont Font | MyFonts
www.myfonts.com
'[IT] 프로덕트 개발 > Design - 디자인' 카테고리의 다른 글
| [디자이너 & 퍼블리셔를 위한 가이드 #2] 프레임워크나 라이브러리리를 사용할 것인지 확인하자. (0) | 2023.06.16 |
|---|---|
| [디자이너 & 퍼블리셔를 위한 가이드 #1] 실제 프로젝트 진행 과정 / 프로젝트는 어떻게 진행될까? (0) | 2023.06.14 |
| [디자이너 & 퍼블리셔를 위한 가이드 # 0] 디자이너와 퍼블리셔 들의 고민. 뭘 배워야 해야 하지? 퍼블리싱이란? (0) | 2023.06.13 |
| [디자이너 & 퍼블리셔를 위한 가이드 #시작하기] 사전 체크사항 / 디자이너가 알아두면 좋은 것 (0) | 2022.07.05 |
| [figma] 피그마 커뮤니티 인기순 소팅 방법 (3) | 2022.06.15 |