文档介绍:UI设计有关知识
UI设计有关知识
UI设计有关知识
什么是 UI 设计:
User Interface (用户界面 ),简称 UI ,是指对软件的 人机交互、操作逻辑、
界面雅观 的整文件(更多颜色设置后)
像素长宽比:方形像素
配置以下列图:
UI设计有关知识
UI设计有关知识
UI设计有关知识
对齐设置
这个处就是当你使用图层、 形状等操作时自动对齐网格, 画矢量图不怕模糊
边沿,保证每个像素保持清楚。
设置:
菜单→视图→对齐
菜单→视图→对齐到→所有
首选项设置
操作:菜单 → 编写 → 首选项 → 惯例,建议按下列图设置
启用轻击平移
只是是一个滑移成效,占内存又不可以提升操作效率,建议关掉。
依据 HUD 垂直挪动来改变圆形画笔硬度
功能挺好用的,按 Alt+ 右键左右 / 上下挪动能够分别改变画笔的大小和硬度。
将矢量工具与变换与像素网格对齐
这个激烈建议 UI 设计开启这个功能,这个让你来矢量力不会产生半像素虚边,
十分好用。但在需要微调整时可临时封闭它。
UI设计有关知识
UI设计有关知识
UI设计有关知识
文本设置
字体我一般把字体设置为锋利,假如你是 Photoshop CC 版本,它有一个
Windows LCD/Mac LCD 抗锯齿功能,文字能够为网页相同成效了,因此建议
升级到 Photoshop CC 吧。
操作:第一选定文本 → 字符工具( AA )选择 Windows LCD/Mac LCD
全局光
继苹果 iOS 人机界面指南,你应当把灯光设置为 90 °。
操作:图层 → 图层款式 → 全局光 → 90 °
UI设计有关知识
UI设计有关知识
UI设计有关知识
网格设置
此刻设计 iOS 界面都要兼容视网膜( Retina ) ,因此我把每个网格设置为 2
像素,这样我就不怕图像在视网膜设施下变得模糊了。
操作:菜单 → 编写 → 首选项 → 参照线、网格和切片, 网格线间隔: 4 像素;
子网格 2。或许网格线间隔: 2 像素;子网格 1 。我喜爱前者 ^_^
UI设计有关