UI设计打磨细节的技巧

128人已阅读 2018-08-07 14:14:20
导读 下文是小编给大家整理的关于UI设计打磨细节的技巧和方法,希望对大家的UI设计之路有所帮助,不在烦恼。
ui设计

新闻详情

2018-08-07 14:14:20

UI设计打磨细节的技巧

下文是小编给大家整理的关于UI设计打磨细节的技巧和方法,希望对大家的UI设计之路有所帮助,不在烦恼。

让按钮和控件容易被感知

  即使隔着手机的玻璃屏幕,界面上的按钮和控件也应当是易于被感知,让人觉得它们是真实有形的。运动轨迹和视觉线索能够以即时反馈的形式,弥合这种现实和虚拟图像之间的界限,让人看起来、感觉上都是在直接操作。UI界面中的按钮能够模仿现实中的按钮反馈来强化交互,简单的说来,就是让用户输入和操作的视觉反馈更加明显一些。

  视觉反馈之所以有用,是因为它符合用户对于交互的期望,当用户针对某个控件进行了操作,而它们给予了对应的反馈,这种感觉是非常良好的。

  构建有意义的过渡

  动效一个很重要的功能,是展现状态和内容的转变与过渡,用来解释屏幕上各种元素的排布和层次。

  图标可能会从一个形状变为另外一个形状,在不同的时间以不同的功能呈现,而这种过渡和转变就是靠动效来表现的。

  动效设计的优势不仅仅是单纯的引导,它让转变和过渡的等待过程变得更加有趣,愉悦用户。在移动端设备上,过渡动效显得尤为重要,它使得大量的信息呈现不再那么单调。这种情况在Apple Watch 上表现的尤为明显。

  Apple iOS系统的UI设计中就很好的利用了这些有意义的过渡动效。下面的案例中,用户点击文件夹或者APP,图标当大扩展到整个屏幕,展现出细节和详情。

  另外一个案例则来自Material Design,过渡动效不仅呈现出控件和不同界面之间的关系,还通过色彩点名两者的关系,并且展现出了状态的改变。这样的过渡过程是流畅、轻松且高效的。

呈现系统状态

  对于UI的状态设计,Jakob Nielsen 曾经说过,“系统应当始终通过合理的反馈告知用户当前正在发生的事情,所处的状态。”这也就意味着界面需要通过反馈让用户明白发生了什么,而无需用户猜测。而带有动效的微交互正是以提供视觉反馈而闻名。

  想要展现创意十足的微交互动效,数据的上传和下载过程都是不错的选择。

  另外一个经典的案例就是下来刷新,这是目前移动端UI中内容更新最常见的交互手段,一个畅快的下拉刷新微交互动效能够让用户欲罢不能。
上一篇: 到底应该如何去学习UI设计呢? 下一篇: 交互设计师转型方式有哪些呢?

相关文章

推荐课程

查看全部课程
南京乾学教育

南京乾学教育

玄武校区 中央路校区

查看全部校区 进入官方主页