网址链接: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哲学是什么
就是要建立一套自己的用户体验标准,多去观察思考。