lesson 4 | User interface

网址链接：https://hackdesign.org/lessons/13
到UI更多的是关乎平面和工具的知识。

Vector Interface Design（矢量界面设计）

就是做UI的时候做矢量图，矢量图基于路径放大缩小不损失像素，方便调整。

• Ai的钢笔工具使用指南
• PS中矢量图的使用（包括制作）
  其实也就是钢笔工具，路径。不管是钢笔工具、形状工具画的都是只有三种：路径、形状、像素。然后就是注意各种组合，布尔运算，这方面Ai会好很多。
• Dribbble
  在篮球社区里的设计师，做的UI的都是很好的作品。毕竟是做平面，不干事dribbble还是pin和behance肯定都是要经常去看的。设计没有标准，不断借鉴积累然后提高。
• 一些icon推荐网站
  做原型的会用到这些，保存一些基本的素材能够快速的帮助设计和提升工作效率。

做好图解和注释

• 符号、icon和标注含义
• 加入自己的见解
• 注意备份
• 符号字体已被大众所接受
  其实就是注意可视化，然后在设计原型多的过程中做好注释。

Responsive web design（响应式网页设计）

响应式网页设计（RWD）或者说自适应网页设计。找到了一篇介绍的博客，觉得讲的比较详细和基础。

自适应网页设计（Responsive Web Design）
什么是响应式布局设计？

• 响应式网页设计介绍
• 响应式导航模式
• 响应式网页设计工作流程
• Web风格指南
• 设计Hi-DPi网站
  基础知识学起来！为设计师量身打造的DPI指南

要更多的跨DPI和平台的设计，DPI和PPI就是分辨率的单位而已，DPI主要是打印，PPI主要是屏幕显示。

然后是关于retina屏，视网膜屏就是指屏幕显示的像素点视网膜也不能识别，所以看上去显示效果更好，更细腻。但是retina屏被苹果注册商标了，其他的公司就只能叫Hi-DPI，其实都一样。

有目的进行UI设计

• UI设计的必要性
• 扁平化和拟物化
• UI设计及功能
• 设计和实用之间的衡
  UI始终都是视觉辅助作用，决定一个产品的根本在于实用性，UI起辅助作用。
• 你的UX哲学是什么
  就是要建立一套自己的用户体验标准，多去观察思考。