最近阅读《0基础学UI》这本书总结了一些读书心得。分享给有需要的小伙伴。
UI设计原则:
1、清晰: 内容才是一个产品的核心。除去繁冗的装饰,突出重点。
2、一致性: 用户通过一致的视觉语言得到相同的认知和内部系统统一的使用体验。
3、及时反馈: 随时让用户知道自己做了什么。自己的操作引起了什么后果。
4、直接操作:让用户更加集中注意力完成任务,同时更容易理解这些行为产生的后果。
5、美观:美的事物会让人产生愉悦感,UI设计中应时刻注意美观度。
一、清晰
繁杂的几面, 不但会干扰用户视线, 也会让用户查找内容困难产生视觉疲劳。除去繁冗的装饰,突出内容。同时保证app内部的可交互性。
1、表格内字体太小、颜色过于繁杂、图标轮廓不清晰,除了影响客户的浏览外,还容易造成误操作。
2、内容展示是否清晰,重要的操作摆放的位置是否便与客户操作。
3、层级之间的路径是否被用户感知。
二、一致性
用户通过一致的视觉语言得到相同的认知和内部系统统一的使用体验。让用户对app有熟悉感,降低使用成本。
1、优秀的UI,其结构应该清晰明朗,布局一致,色调一致,视觉风格统一、控件尺寸统一。
2、ios标准一致,是否使用了系统提供的控件、视图和图标。
3、是否按照用户所预期的方式整合了设备特性,文案是否一致措辞与风格。
4、同样的图标是否表意相同,在不同的位置执行操作是否使用同样的反馈,是否符合用户预期。
三、及时反馈
长时间的空白状态或者响应慢,会使得用户离开应用。 随时让用户知道自己做了什么。自己的操作引起了什么后果。
1、反馈包括视觉反馈(动效)、触觉反馈(震动)、听觉反馈(声音)。每一种反馈方式都不能单独存在,需要相互协同。才能达到最好的效果。
2、精致的动效会给人带来有意义的反馈,帮助应用阐明行为。同时pp更有深度,让用户使用时产生惊喜,方便了解功能。浮动窗口从下层升起,点击关闭时向下收回。这 样有利于用户感知到它的层级关系。
3、保证视觉与触觉同步。让使用及时得到反馈。听觉与触觉反馈需要开发者自行同步。
4、尽量避免警告反馈,要让用户觉得自己的体验被打断是值得的。尽量让用户对警告作出相应的反馈。
5、保证用户的决策权。可以为用户提出建议或警告,但是不能为用户做出决定。避免 让用户在不必要的结果之间,做出平衡。
四、直接操作
用户在屏幕上直接操作对象,能让它们更加集中注意力完成任务,同时也更容易理解这些行为产生的后果。
1、 3D touch,最新的直接操控手势。使用时尽量让3D touch的触发与程序内部的操作相融合。同时注意不可以在peek里设置按钮。
2、标准手势包括:点击,拖拽,轻扫,滑动,双击,捏,触控屏按住,摇。作为一般 规则,使用常用手势。减少学习成本。
五、美观
UI设计是对图形用户界面的美术设计,是对设计师的基本诉求。美的东西会让人产生愉悦感,在UI这设计中应时刻注意美观度的加强。
1、检查颜色搭配是否和谐,图标是否清晰精致,设计语言是否一致。
2、布局是否一致,结构布局是否清晰,视图尺寸是否舒适,整体视觉规范是否统一。
3、界面质感是否到位,设计风格是否符合用户定位。
本人是个UI新手,第一次发文,喜欢的小伙伴可以持续关注,希望跟你们一起成长。
本文多数资料来源于《0基础学UI》作者田海。有兴趣的小伙伴可以看一下。