/design-resource

A list of design resources.

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 Beautiful high resolution images (and free to use!)

  • randomuser.me To get fake user profile images.

  • Pixabay 有些赞助商的图片会在网站上显示，以获取对Pixabay运营的资金支持，这些图片会带有Shutterstock的水印。

  • depositphotos

    Millions of high-quality royalty-free stock images and high-definition footage at the best prices to fill all your creative needs.

Icons

Fonts

Colors

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

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

Community

国际上前沿的设计资源才是你应该看看的啊喂！不要在看国内某某搬运过来的啦~

  • Dribbble 在设计师中非常流行的一个分享设计的社区，每次打开都会有许多让人惊叹的设计。ps求大神赠送邀请码呀~

  • Behance 已经被Adobe收购，更专业的设计网站。

  • Siiimple minimalist css gallery 这是一个专门收集极简主义网站设计的网站，筛选的作品都很独特并且具有启发性。

  • Reeoo 也是一个专门收集优秀网页设计网站，提供了详细的分类目录，从 App，艺术，卡通到摄影，体育一应具全，还可以根据颜色的主题筛选，非常好用。

  • land-book LandBook 专门收集了优秀的 landing page 页面，品类齐全

  • call to idea 一个以类别为线索收集各种设计的网站，专业，精美，是激发灵感的好地方。把同类别的优秀设计统观一遍，你就能发现很多共通之处

  • google art-project

Mobile app designs

UI Design Patterns

Motion Design Patterns

Mockup

Prototype

#Design Tools

Prototype Tools

  • OmniGraffle
  • Indesign
  • 墨刀
  • Axure
  • Origami
  • 基于 Quartz Composer 设计的原型工具
  • App Cooker ipadapp

Keynote & PPT

Sketch

Tutorials

Sketch Resources

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 很像）

Weebly 是一款简单易用的建站工具，不过想充分发挥Weebly 的性能，还是在web端操作比较好，移动端可以用来辅助。你可以在Web上建立博客、主页或店铺网站，通过移动端监控或添加内容，所以我们要把这个工具在各个平台联系起来看。

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