涛涛
显示设备的多用化、智能手机应用的普及化、电子设备触摸屏的普及，这些环境变化推动了 PC 网页 UI 设计的新动向。
本文是安卓 UI 设计系列知识的第三篇，主要围绕安卓设计的适配、入手方法、设计准备及画图方法展开
本文是《进阶 UI 设计 能力指标体系》系列的上篇，围绕 UI 设计师进阶及市场需求展开
本文围绕 “如何做好 UI 设计” 展开，分享了一系列相关要点
本文总结了 8 个易于实践的 UI 设计技巧，可帮助设计师改善设计并为后续实践提供指导，具体内容如下。
UI 设计思路应先放飞概念探索多种可能，如将泡泡圈视为独立 APP 进行设计，尝试简约风格、气泡形通知栏、胶囊形头像、实心图标等创新设计，再结合实际落实到产品，比如因开发资源和屏幕显示限制去掉渐变和弥散投影、回归分割线和返回按钮，同时要明确设计与艺术的区别，设计需围绕客观问题解决，概念稿后要提取可用点推动落地，注重用户习惯和跨平台适配，像用爱奇艺 Logo 代替文字返回按钮。
UI 设计师若想让前端实现设计稿的像素级还原，需在出稿时注意：将可复用控件规范化并输出文档，避免相同控件样式或交互不一致；把控颜色（规范色值、将 Sketch 颜色配置改为 sRGB）和间距（设定文本行高规范、考虑控件间距的盒子模型）；遵守盒子模型，将界面布局盒子化，辅助前端准确定位元素，如此才能通过各部门协同合作实现优质项目落地。
UI 设计中的构图与排版需将文字、图片及色彩等要素有组织组合，构图通过黑林错觉等心理学原理和居中、九宫格等九大技巧构建和谐布局，排版依据格式塔原理的接近性、连续性等法则及亲密性、对齐等原则，合理运用对比、重复等手法，同时结合界面投影等设计形式，以提升页面用户体验及相关性。
UI 设计中的情感化设计是设计师基于满足产品功能性和易用性后，设计出满足用户更高层级需求的创意表达工具，其目的是赋予产品情感以增加用户粘性、树立品牌形象以增强用户认知、引导用户操作以达成设计目的，可从本能层次（视觉）、行为层次（交互）和反思层次（思维）融入情感化设计，如视觉层次用独特 IP 形象、风格明确的规范化设计和拟人化动作，交互层次遵循操作前可预知等原则，思维层次明确服务者定位等，如此才能设计出以人为本的产品。
仪表板 UI 设计需注重一致性，在颜色、字体、元素位置等方面保持各设备统一，优先传达重要信息，采用卡片布局、将关键内容放中心路线、用 18 像素内字体和独特颜色突出，设计要便于用户定制，如拖放交互、修改字段、换主题等，图表选择条形图等简单类型，避免 3D，图标选熟悉的，字体不超两种并建立视觉层次，色彩遵循心理学且不过度使用，利用对比度，同时要了解用户偏好，才能设计出实用美观的仪表板。
蓝蓝设计的小编 http://www.lanlanwork.com
