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