Website for Designers
1 UI/UX
UX Magazine
UX news site
Can check ux conference events and ux jobs
Can see device's interactive design
Can check Samsung, Apple, LG, Google, HTC, Sony and more devices
You can simulate how to show at device.
Capptivate
UI animation pattern libraty site
Easy to see the animation patterns
2
CSS/jQuery
Codrops
Showing the webdesign tutorials, layout patterns, jQuery plugin
Awwwards
Showing webistes that got prizes
You can see websites trends and interaction trends
Media Queries
Site gallery with Media queries
You can see all temblet such as mobile, tablet and desktop
SpinKit
스플래시 모음 사이트
8가지의 로딩 애니메이션 효과와 직접 적용할 수 있는 CSS소스도 편리하게 제공하고 있습니다. 종류가 많지 않은 점이 아쉽지만 버튼 및 효과를 최소화한 미니멀리즘을 추구해 굉장히 깔끔한 인상을 주고 있습니다.
스플래시(Splash)와 사용자 경험의 접목
스플래시는 프로그램 시작 시 타이틀 화면이나 로딩 창을 보여줌으로써 사용자에게 어떤 프로그램이 구동 중이고 어떤 상태인지 알려 주는 중요한 역할을 하고 있습니다.
종종 제품이나 디자인을 접할 때면, 아주 사소한 것들이 제품과 디자인의 완성도를 결정하는 일들에 놀라곤 합니다. 스플래시 화면의 기다림을 놀랍고 재미있는 경험으로 바꾸는 것만으로도 사용자에게 훨씬 좋은 경험을 줄 수 있을 것입니다.
출처 — http://uxd-trend.tistory.com/17
3
디자인 템플릿
DBF
디자인 포트폴리오 자료 모음집
365PSD
무료 디자인 템플릿 다운로드 사이트
다양한 웹·모바일 GUI, 아이콘 등의 PSD파일을 무료로 다운받을 수 있는 웹사이트로 유명하며, ios 8을 포함한 최신 디자인 트렌드를 반영한 자료도 마음껏 찾아보고 다운받아 이용할 수 있습니다.
One Page Love
원 페이지 웹디자인 템플릿 사이트
2015 웹디자인 트렌드에서 언급했던 것처럼, 내년에도 대세가 될 원 페이지 디자인만을 모아 둔 사이트입니다. 카드형 디자인을 통해 보기 쉽도록 구성해 두었고, 각 디자인 템플릿의 퀄리티가 좋은 편이라 디자인적 영감을 찾는 데 좋은 사이트입니다.
4
그 외, 유용한 사이트
Degraeve
이미지에서 즉시 컬러를 추출해 팔레트를 생성
이미지나 사진에 있는 컬러를 사용하고 싶으나 잡색이나 노이즈 때문에 추출이 어려웠다면, 이제는 이미지만 첨부하면 자동으로 색상이 추출됩니다! 10가지 색을 파일 첨부와 URL 링크 두 가지 방법으로 이용할 수 있습니다.
Granneman
OS별 기본 서체 리스트업 사이트
윈도우, 맥 OS, 리눅스, 안드로이드, ios 등의 기본 서체들이 리스트업되어 있어 편하게 확인해 볼 수 있고, 오퍼레이팅 시스템과 각 OS별 폰트 사이즈 등 상세한 내용 또한 읽을 수 있습니다.
jpegmini
화질변화 없이 jpg파일의 용량을 줄여 주는 사이트입니다.
이미지 최적화(image optimization)가 웹사이트의 로딩시간을 좌우하지만, 고화질 이미지를 사용하자니 로딩 시간이 너무 길고, 용량이 작은 이미지를 쓰자니 화질이 많이 떨어지는 단점이 존재했습니다. 이를 보완해 주는 jpegmini는 화질변화가 거의 없이 용량을 최소 절반 이하로 줄여 주어 매우 편리합니다.
웹용은 무료이지만, 설치용은 구입 후 사용이 가능하니 참고하시길 바랍니다.
from http://cimple.postype.com/post/812/
No comments:
Post a Comment