设计资源 Design Resources

[poetries]

A collection of UI/UX design resources.

设计模式 | Design Patterns

界面设计模式 | UI Design Patterns

1. Pattrns，按模式提供优秀应用的截图。主要为 iPhone, iPad 和 iOS7 三大类。
2. Mobile Patterns，移动设计模式。包括 iPhone 和 Android。
3. Lovely UI。一个移动 UI 设计元素的集合。
4. Zurb University Pattern TAP Zurb 出品。
5. Inspired UI包括 iPhone, iPad 和 Android。
6. 设计模式 - Web 端：主要为 Web 端的设计模式。
7. Android 设计模式

动效设计模式 | Motion Design Patterns

1. 动效体验
2. Capptivate。最全的动效模式。

iOS 设计 | iOS Design

指南 | Guidelines

1. iOS 人机交互指南官方英文原版，点此查看中文版。
2. 非官方的 iOS 设计指南（英文原版），点此可查看中文版。此版本非常具体全面，值得一读。
3. Apple Watch 人机交互指南（官方英文原版）
4. iOS 设计指南

UI 模板 | UI Kit

系统 | OS

1. iOS8 Illustrator Vector UI Kit
2. iOS8 UI Kit For SKetch

设备 | Devices

1. iPhone6 Plus Template[PSD]
2. iPhone6 PSD Mockup
3. iPhon6 PSD Mockup （带场景图）
4. iPhone6 Plus PSD Vector Mockup （矢量）
5. Apple 官方产品图片下载
6. iPhone6 Template [PSD]
7. 设备模板

Apple Watch

1. Apple Watch UI Kit
2. Apple Watch .sketch File
3. Uber Watch

框线图模板 | Wireframe Mockup

Android Material 设计 | Android Design

1. Material Design 官方英文版，中文版点击此处
2. Material Up
3. Material Design Spec - Color
4. http://material.cmiscm.com/：一些有趣的 Demo

指南 | Guidelines

音效资源 | UI Sounds

1. http://raisedbeaches.com/octave/
   ：免费的界面音效库
2. http://www.freesound.org/
3. https://soundkit.io/
4. http://rcptones.com/dev_tones/

技巧练习 | Skills

设计的技巧

1. http://bezier.method.ac/：一个教你掌握钢笔工具的游戏
2. http://cubic-bezier.com/贝塞尔曲线值

Framerjs 资源

1. http://framerco.de/ 一个关于 Framerjs 的组件，代码的集合地
2. http://prototyp.in/ 在浏览器中利用 js 创建原型
3. http://www.prototypingwithframer.com/ 每周都会有小贴士以及教程，帮助你更好的创建原型
4. http://www.stakelon.com/2015/03/40-examples-of-how-to-design-with-code-using-framer/ 40个如何通过Framer用编程的方式设计的案例