网站ui设计素材 页面ui优化( 二 )


8
区别对待一致性
如果屏幕元素各自的功能不同,那么它们的外观也理应不同 。反之,如果功能相同或相近,那么它们看起来就应该是一样的 。
▲ 正确示范|元素排版整齐且统一,功能清晰明了 。
9
强烈的视觉层次感
强烈的视觉层次感是通过界面上视觉元素提供的清晰浏览顺序来实现的,也就是说,用户每次都能按照同一个顺序浏览同一些元素 。弱化的视觉层次没有给用户提供如何浏览的线索,用户会感到困惑和混乱 。当一切都是粗体时,就没有主次之分了 。
▲ 正确示范|界面以用户的阅读习惯将层次拉开,从左到右,从上到下,元素之间互不干扰 。
10
恰当的组织UI能降低认知难度
正如John Maeda在他的书中所说,对屏幕元素的恰当组织能够使页面显得简洁,这能够帮助用户更容易并且更快地理解你的界面 。
▲ 正确示范|将零散的元素进行组合,并以生活中常见的物品展示,用户更易理解 。
11
颜色不是决定性因素
物体的颜色会随着光线的变化而变化,颜色是一个变化的性质,不应该在界面上起决定性作用 。它可以用于提醒,但是不应该是唯一的区分元素 。
▲ 正确示范|通过鲜艳的色彩来提醒需要用户关注的内容,但是tiah不太认同颜色不能作为唯一的区分的观点,现在有很多天气、记事、时钟类APP极简的设计,常常采用色彩进行区分也非常赞 。
12
渐进展示
在每个屏幕上只显示必要的内容,如果用户在做选择,那么给他们显示足够的信息,然后在各自的页面上展示详情,避免在某个界面过度展示所有细节 。
▲ 正确示范|用户只单纯地想播放音乐,所以列表页只需要当前播放状态、演唱者、专辑名和歌曲名,无需太多的信息 。
13
零状态的界面
第一次访问界面是最重要的,但经常被设计者忽视 。为了帮助用户适应,应该提供启动的方向和引导 。
▲ 正确示范|零状态结果本身对用户体验极其不好,更需要情感化或引导性的设计来降低用户焦躁的情绪 。
14
优秀的设计是无形的
优秀的设计是没有痕迹的,如果设计是成功的,那么用户可以只关注自己的目的,而不是界面,不依赖于界面 。
▲ 正确示范|要想做到这点非常不易,tiah认为Yo做到了 。
15
界面是被人使用的
只有用户使用你设计的界面时,才是成功的 。如果一件衣服很漂亮,但是穿起来不舒服,那么设计是失败的 。
▲ 错误示范|视觉效果非常好,但是用户体验上非常糟糕,当前状态与主界面关联太弱,弧形轨迹阅读太累 。

推荐阅读