design-resource

KO | EN

gitlite — search

#javascript #typescript #llm #golang #machine-learning #deep-learning #docker #macos #windows #awesome #cli #awesome-list #pytorch #ios

design-resource

(★ 2,453)

A list of design resources.

design-resource Latest Version Download

Download Latest Version (.zip)

// repository documentation

Was this content helpful?

★ 0 (0 ratings)

# design-resource

A list of tools & resources for designers.

----

*最近半年初入设计圈，收集了不少 bookmark 想在年底来一个总结。
于是创建了这个 Resource List 项目，旨在让更多的设计师找资源变得有章可循。
先更新一部分，大概还有200多个还没放过来。。（吐血）
所以，欢迎大家也推荐自己收藏的资源，加入这个项目并一起持续更新么么哒：）*

# Basic Material
Most of the time you don't need to draw your own icons, or take your own photos. You just find free stuff online and combine them to create your design. The links below will help you get started:

## Images (free & CC )

+ [Unsplash](https://unsplash.com/) Beautiful high resolution images (and free to use!)

+ [randomuser.me](https://randomuser.me/photos) To get fake user profile images.

+ [Pixabay](www.pixabay.com) 有些赞助商的图片会在网站上显示，以获取对Pixabay运营的资金支持，这些图片会带有Shutterstock的水印。

+ [depositphotos](http://depositphotos.com/)
  
  Millions of high-quality royalty-free stock images and high-definition footage at the best prices to fill all your creative needs.

## Icons

+ http://www.pixellove.com/free-ios-and-android-icons
+ http://www.streamlineicons.com/
+ http://www.pixeden.com/media-icons/tab-bar-icons-ios-7-vol5
+ https://dribbble.com/shots/1344983-Simple-Line-Icons-100-free-icons-Ai-Eps-Svg-Psd

## Fonts

+ [whatfont](https://chrome.google.com/webstore/detail/whatfont/jabopobgcpjmedljpbcaablpmlmfcogm) Chrome plugin to see what fonts are used.

+ [Font Squirrel](www.fontsquirrel.com) A lot of the time you can find the font you want.

+ [Google Fonts](https://www.google.com/fonts)

+ [Adobe Typekit](https://typekit.com/)
+ [W3C关于纵书的规范](http://www.w3.org/TR/css3-writing-modes/)

## Colors

The easiest way to build a color pallete is by sampling colors from an existing image.

+ [Dribble designs](https://dribbble.com/colors/66cccc)  If you have a specific color in mind, view this by color.

+ [Adobe Kuler Color Wheel](https://kuler.adobe.com/create/color-wheel/)

+ [Brand Colors](http://brandcolors.net/)

##  Guidelines
+ [iOS Human Interface Guidelines10](https://developer.apple.com/ios/human-interface-guidelines/)

+ iOS Human Interface Guidelines：Designing for iOS 7★（iPhone的设计指南最为经典，当时认真翻译完设计指南，学习别人的思考方式，对我的设计和分析思路有重要的影响）
+ Safari Web Content Guide
+ Safari Web Content Guide
+ material design
+ Safari Web Content Guide
+ Windows Phone 7 界面设计与交互指南Windows 8 UX Guidelines for Windows Store apps（操作系统的设计指南最好结合实际项目阅读，如没有并不准备设计win8平台，可以主要阅读设计理念和操作方式等重要章节）
+ Android User Interface Guidelines★
+ Touch Gesture Reference Guide
+ Apple Human Interface Guidelines
+ Windows 用户体验交互设计规范★（微软的设计指南最为详细，《About Face 交互设计精髓》也是根据office的项目经验汇总而成，几乎包揽了所有界面控件设计方法，虽然是桌面操作系统，但值得所有界面设计师学习）
+ Google TV Design Patterns
+ Google Glass Guidelines
+ Android Wear Guidelines

# Design Inspirations

## Blogs

+ https://medium.com/sketch-app
+ http://blog.mengto.com/
+ http://sachagreif.com
+ http://sebastien-gabriel.com/freebies.html
+ http://osvaldas.info
+ http://www.sketchcasts.net/episodes

## Community 
**国际上前沿的设计资源才是你应该看看的啊喂！不要在看国内某某搬运过来的啦~**
+ [Dribbble](https://dribbble.com/) 在设计师中非常流行的一个分享设计的社区，每次打开都会有许多让人惊叹的设计。ps求大神赠送邀请码呀~
+ [Behance](https://www.behance.net/) 已经被Adobe收购，更专业的设计网站。
+ [Siiimple](http://www.siiimple.com/) minimalist css gallery
这是一个专门收集极简主义网站设计的网站，筛选的作品都很独特并且具有启发性。
+ [Reeoo](http://reeoo.com/) 也是一个专门收集优秀网页设计网站，提供了详细的分类目录，从 App，艺术，卡通到摄影，体育一应具全，还可以根据颜色的主题筛选，非常好用。
+ [land-book](http://land-book.com/)  LandBook 专门收集了优秀的 landing page 页面，品类齐全
+ [call to idea](http://www.calltoidea.com/) 一个以类别为线索收集各种设计的网站，专业，精美，是激发灵感的好地方。把同类别的优秀设计统观一遍，你就能发现很多共通之处

+ [google art-project](https://www.google.com/culturalinstitute/project/art-project?hl=en-gb)

# Mobile app designs

+ http://beautifulpixels.com/
+ http://app.itize.us/

## UI Design Patterns
+ [ui4app](http://ui4app.com/)按照选项卡、导航条、搜索框等分类，不提供下载源文件，仅供参考

+ [方酷](http://www.fondcool.com/)  国内手机 ui 资源下载，主要是psd资源为主

+ [Pattrns](http://www.pttrns.com/)，按模式提供优秀应用的截图。主要为 iPhone, iPad 和 iOS7 三大类
+ [Mobile Patterns](http://www.mobile-patterns.com/)，移动设计模式。包括 iPhone 和 Android
+ [Lovely UI](http://www.lovelyui.com/)。一个移动 UI 设计元素的集合
+ [Zurb University Pattern TAP](http://patterntap.com/) Zurb 出品
+ [Inspired UI](http://inspired-ui.com/)包括 iPhone, iPad 和 Android
+ [设计模式 - Web 端](http://ui-patterns.com/patterns)：主要为 Web 端的设计模式
+ [Android 设计模式](http://www.android-app-patterns.com/)

## Motion Design Patterns

+ [动效体验](http://www.michaelvillar.com/motion)
+ [Capptivate](http://capptivate.co/)最全的动效模式。

## Mockup
+ [够专业！有魅力的实体模型素材精选](http://www.shejidaren.com/fresh-mockup-psd.html)

## Prototype

-------------
#Design Tools

## Prototype Tools
+ OmniGraffle
+ Indesign
+ 墨刀
+ Axure
+ Origami
+ 基于 Quartz Composer 设计的原型工具
+ App Cooker *ipadapp*
## Keynote & PPT

## Sketch

### Tutorials

+ http://webdesign.tutsplus.com/categories/sketch
+ [Sketch Guideline(Chinese Version)](http://www.ituring.com.cn/book/1305) Free
+ [Sketch Plugins](http://awesome-sket.ch/)
+ [Chinese Sketch website](http://sketchcn.com/)

### Sketch Resources
+ [学习 sketch 的教程](http://www.sketchapp.com/learn/)
+ [sketch中国](http://www.sketchs.cn/index.html)
+ http://www.niudana.com/#sketch
+ http://bohemiancoding.com/sketch/resources/
+ http://www.sketchappsources.com/all-free-sources.html

### Sketch Plug-in
+ https://github.com/utom/sketch-measure
+ https://github.com/getflourish/Sketch-Style-Inventory
+

## Photoshop

##移动端利器（iOS为主）

+ Design Hunt 有点像是为设计师量身定做的 Feedly。整合了 Dribbble, Wired, Fast Company, Vimeo 等众多大咖小咖渠道的信息，以 News, Article, Inspiration, Typography(版式设计), Apple, iOS App, Product, Architecture 等关键词进行分类。

+ ArtStation － CG 大触聚集地

+ Draw Cartoons（Android）－ 人人都能做动画

+ Art & Culture（Android） － 人类历史上最重的 52k

+ Design Hunt（iOS） － 设计师每日所需，都在这里了

+ Weebly － 免费搭建自己的主页，还可以免费获得带有weebly 后缀的域名，如果你想自己开一个博客，不需要会 HTML 也可以拖拖拽拽完成自己的静态页面设计。（和 spring 很像）

+ Napkin Sketch（iOS）直接在 iPhone 上进行简单的界面设计，无论你是站在地铁里、坐在餐厅里还是躺在床上，随时随地都可以将脑海中灵感用 Napkin Sketch 迅速转化为 Demo，不再错过任何一闪而过的 idea

+ ICNS（iOS）设计完一款图标，想看一下图标在手机上的显示效果，你是选择 P 一个加图标的主屏再投到手机上查看，还是直接在大脑里臆想一下就完事？不过现在有更好的选择，ICNS 是一款为设计师准备的图标演示工具。通过连接 Dropbox，可以将你的图标直接显示在 ICNS 模拟的主屏上，非常方便有木有！

+ Assembly（iOS）－ 人人都会用的矢量软件

+ Inspr（iOS）－ 移动端原型设计利器，相比Napkin，inspr 除了有基本的图片、文字、形状等元素，还内置了多种标准的 iOS 组件可以直接使用。

+ zeeen-dribble第三方客户端，很好看的卡片风格，智能算法当用户在查看不同风格作品的时候，自动将页面的字体、背景色与作品的色调搭配，仿佛将作品融为一体，非常精妙。

# Book List
##交互设计

+ 启示录 
+ 精益创业实战 (豆瓣)（强烈推荐）
+ 用户体验的要素 (豆瓣)
+ About Face 3 交互设计精髓 (豆瓣)
+ 交互设计沉思录 (豆瓣)（强烈推荐）

掌握交互设计师的技能知识体系

+ 用户体验面面观 
+ 赢在用户 
+ 设计沟通十器

###basic

+ 点石成金 
+ 筑巢引凤：高黏度社会化网站设计秘诀 
+ 界面设计模式  
+ 启示录
+ 精益创业实录
+ 用户体验要素：以用户为中心的Web设计
+ About Face 3 交互设计精髓
+ 交互设计沉思录
用户体验面面观 
赢在用户
设计沟通十器
简约至上 
交互设计之路
设计心理学
写给大家看的设计书(第3版)
胜于言传：网站内容制胜宝典
设计之下
瞬间之美：web界面设计如何让用户心动
破茧成蝶：用户体验设计师的成长之路

###中级
Designing Interactions
字体传奇
文字设计原理
文字设计基础教程
版式设计原理★
超越平凡的平面设计
细节决定交互设计的成败★
简单法则★
网站交互设计模式
UCD火花集
赢在用户
用户体验的要素★
移动设备交互设计
锦绣蓝图：怎样规划令人流连忘返的网站
自然用户界面设计
设计人机界面
web表单设计：点石成金的艺术★
Tapworthy: Designing Great iPhone App
移动应用的设计与开发
Mobile Design For iPhone And iPad
Mobile Design and Development
用户体验草图设计
简约至上★
触动人心
认知与设计★
文案训练手册★
设计师要懂心理学
微交互
Responsive Web Design
至关重要的设计
Killer UX Design
The UX Book
Design is A Job
移动互联：用户体验设计指南
贴心设计：打造高可用性的移动产品

###高级
交互设计—-超越人机交互
软件观念革命
A Practical Guide to Information Architecture
Designing for Emotion
项目百态★
当用户体验设计遇上敏捷
Web导航设计
Web信息架构—-设计大型网站★（移动应用的设计成熟度还不如网页设计，想深入学习交互可以从网页设计中借鉴经验）
Web界面设计★
精通Web Analytics2.0★
交互设计沉思录
用户故事与敏捷方法
用户体验度量
社会心理学
Storytelling for User Experience
The Elements of Content Strategy
Lean UX★
Handbook of Usability Testing
Quantifying the User Experience
Designing the Conversation
Lean Analytics
Search Analytics for Your Site
Understanding Your Users★
Sketching Drawing Techniques for Product Designers
Card Sorting Designing Usable Categories
Service Design★

字体设计
《商业字体设计》(方茜)（一定要看！！）
《好字体》(向玫玫)
《文字设计的原理》([日]伊达千代，内藤孝彦)
排版
《栅格排版法》
《版面设计的原理》([日]伊达千代，内藤孝彦)
《超越平凡的平面设计 版式设计原理与应用》([美]麦克韦德（John McWade）
《形式感+：网页视觉设计创意拓展与快速表现》(晋小彦)（重点推荐）
《在你身边，为你设计：腾讯的用户体验设计之道》
官方设计指南
iOS Human Interface Guidelines：Designing for iOS 7★
iPhone的设计指南最为经典，当时认真翻译完设计指南，学习别人的思考方式，对我的设计和分析思路有重要的影响
Safari Web Content Guide
Safari Web Content Guide
material design
Safari Web Content Guide
Windows Phone 7 界面设计与交互指南Windows 8 UX Guidelines for Windows Store apps（操作系统的设计指南最好结合实际项目阅读，如没有并不准备设计win8平台，可以主要阅读设计理念和操作方式等重要章节）
Android User Interface Guidelines★
Touch Gesture Reference Guide
Apple Human Interface Guidelines
Windows 用户体验交互设计规范★（微软的设计指南最为详细，《About Face 交互设计精髓》也是根据office的项目经验汇总而成，几乎包揽了所有界面控件设计方法，虽然是桌面操作系统，但值得所有界面设计师学习）
Google TV Design Patterns
Google Glass Guidelines
Android Wear Guidelines

design-resource

design-resource Latest Version Download

Today's picks

Was this content helpful?

Recent Feedback

design-resource

design-resource Latest Version Download

Today's picks

Was this content helpful?

Recent Feedback

Download README