本笔记通过总结分享出来，希望可以帮助大家。至少在面对项目，脑暴过程中可以从设计一个完整流程思路上，有一些可以借鉴的资源；在发散思维时有明确的、可以学习的指引；但同时慎用资源，看多了也会对自己设计造成潜移默化的影响，容易一定程度上圈住自己；

　　本笔记肯定不是最全面的，但却是不需要梯子即可浏览的，是亲测可用的；如其中有任何错误请同学及时指出，及时更正，一起学习进步；

　　同时笔者也会不定期的更新不同方向的文章内容，文章目前大致分为几个板块：①知乎Live概要笔记；②TED听后笔记；③设计资源总结笔记，有需要学习的同学可以保持关注：黑马cn；

　　我们这次从接手一个项目里面的交互文档开始，到设计一个完整UI，再到验收监工这么一个完成的流程思路上入手，总结资源方面涵盖如下（请根据不同需要各取所需）

　　①资源导航 ②原型H5 ③设计适配规范 ④图标icon ⑤配色 ⑥相关经验 ⑦标注切图 ⑧高清福利

　　Coolsite360推出国内第一款微信小程序可视化设计工具集成小程序所有组件，在线进行小程序UI设计，支持Flex布局，可导出符合小程序标准的代码供后续开发；适应平台：支持MAC/Windows

　　Mockplus中的原型交互设计完全可视化，所见即所得。拖拽鼠标做个链接，即可实现交互。同时，Mockplus封装了弹出面板、内容面板、滚动区、抽屉、轮播等系列组件，对于常用交互，使用这些组件就可快速实现；适应平台：支持MAC/Windows

　　Epub360采用由简到难递进式产品设计模式，尊重用户已有的软件使用习惯， 在保证专业度的同时，将常用效果组件化，最大程度上减少用户上手难度、提高设计效率；适应平台：支持MAC/Windows

　　博鱼体育app

　　Hype 是 Mac App Store 新上架的一个 HTML5 创作工具，其长处是可以在网页上做出悦目的动画效果，无需 Flash 插件。开发该应用的公司 Tumult 由两个前苹果工程师创建，并获得了 Y-Combinator 的投资；适应平台：支持MAC

　　（如需最新iPhone7和ios10的视觉规范，请移步自行so最新Apple人机交互指南：）

　　物理版就是iphone 6plus实际的屏幕像素；设计版就是我们截屏iphone 6plus的界面在ps中去量，发现的尺寸；至于放大版，其实就是iphone 6的尺寸等比放大1.5倍得出的尺寸；

　　3.3、UI适配攻略·教程③规范的误区+适配原则/方法GUI原创/自译教程

　　不管你是在家，在公司，还是在设计师工作室工作，互联网企业都会找你去给他们设计 App。为了满足所有顾客的需要，这些企业通常需要同时开发运行在 Android 和 iOS 设备上的App。

　　Android适配是一个大坑，你可能早有耳闻。但是别人告诉你坑，然后你也说坑，肯定是无法令人信服的。我们做学问，不能光知其然不知所以然，适配问题到底有多坑，为什么坑，以及如何从坑里爬出来，就是我们今天要探讨的线、教你iOS APP设计一稿支持iPhone5/iPhone6/Plus

　　icomoon正努力建立和提供最佳的影像学及完美主义者的图标管理工具。IcoMoon的图标库功能只有最好的图标列出。我们所有的图标都是在一个精确的像素网格上设计的。icomoon应用程序可以让你建立和在许多不同的格式包括SVG，聚合物，PDF，XAML，csh使用你自己的图标，图标的字体和简单的格式/的CSS Sprites。

　　在Android的设计过程中，为了适配不同的手机分辨率，图片大多需要拉伸或者压缩，这样就出现了可以任意调整大小的一种图片格式“.9.png”。这种图片是用于Android开发的一种特殊的图片格式，它的好处在于可以用简单的方式把一张图片中哪些区域可以拉伸，哪些区域不可以拉伸设定好，同时可以把显示内容区域的位置标示清楚。

　　始终遵循，视觉逻辑符合工程师的开发逻辑。合理划分，再复杂的页面，用三步也足够能说清楚，信息不要挤在一起。考虑到页面在不同屏幕大小下的变化，间距是否固定，比例是否缩放，图片和按钮宽度是否自适应。任何细节和要求都写清楚写清楚，写，清，楚，不要指望任何人“意会”你的设计，任何决定都要有据可查。每一个标注本身也要注意对齐方式，更干净整洁的标注能让大家一眼找到所需。

　　2、如何评价前Google技术总监郄小虎的Live《工程师如何规划自己的职业生涯》？ - 黑马cn 的回答

　　3、参加了与预期不符的知乎 Live 是怎样的一种体验？如何改进？ - 黑马cn 的回答

　　2、知乎Live：《用户体验设计师的必修课》听后笔记 - 黑马cn的文章 - 知乎专栏