UI设计的设计法则

uihai 2021年7月3日17:15:33
评论
778

1.一致的排版
在页面的排版方式上,要求相同功能的页面尽量保持一致或是相似,但不是所有的页面的完全一样。

2.菲茨定律
简单的理解菲茨定律:需要移动到的目标越远,消耗的时间就越长,需要移动到的目标越大,消耗的时间就越短。

3.雅各布定律
雅各布定律表示的是你的网页(产品)需要与其他的同属性网页(产品)有相近的操作方式与使用模式。

4.菲茨定律总结
在确保页面使用流畅性和页面美观度的前提下,尽量加大控件间距和按钮大小,但都不要太过。
除了正向运用菲茨定律,适当的逆向运用,可以提高用户在当前页的时间,或是对下一步操作进行警示。

5.按钮更大
对于需要用户快速点击的按钮,尽量做的更大,这样可以使用户更容易的点击到该按钮,从而提高使用体验。

6.菲茨定律
菲茨定律表示任意一点移动到目标中心位置所需要的时间与目标距离成正比,与目标大小成反比。

7.逆向使用
逆向运用菲茨定律,延长用户在某一页面的停留时间,给用户一定思考时间。比如iPhone的关机和软件删除。

8.距离更近
常见例子就是子菜单,当点击按钮后会有需要的操作,而这些功能尽可能离点击区更近,就更方便进行后续操作。

9.一致的示能
控件等元素需要符合一般逻辑。典型例子是有色彩表示选中、可点击,无色彩表示未选中、不可点击。

10.一致的符号意义
相同或是类似的符号可以提供相同功能暗示。对于已经广泛应用的符号,不要改变其基本形状。

11.雅各布定律总结
简单理解雅各布定律,就是在设计页面时,你的页面需要与其他相同功能的页面具有一致性。
设计要表现设计师或是产品的特点与个性,但是没有足够的理由,不要轻易的尝试全新的创新设计。

12.注意
控件之间的距离不能太小,过小的控件间距不仅不能提高使用效率,还可能会因为过小的间距造成误触,降低使用体验。
同样的,控件的大小也不能过大,太大的控件会给整个页面造成非常严重的视觉破坏。

13.

  • 我的微信
  • 微信扫一扫
  • weinxin
  • 我的微信
  • 微信扫一扫
  • weinxin
說嘛 未分类

說嘛

1.它過去做了壞事,怕人們提起; 2.它正在幹壞事,怕人們批評; 3.它準備幹壞事,怕人們揭露.
價值 未分类

價值

你把賣到的東西完整無缺的賣給賣家時,就是商品的價值,比如你抵押貸款。
喜歡 未分类

喜歡

你有權利喜歡任何事物,但你沒有權利表達。在放大鏡下面犯一個錯就是一直錯。
匿名

发表评论

匿名网友 填写信息

:?: :razz: :sad: :evil: :!: :smile: :oops: :grin: :eek: :shock: :???: :cool: :lol: :mad: :twisted: :roll: :wink: :idea: :arrow: :neutral: :cry: :mrgreen: