用户体验基本原则

[size=large][b]用户体验[/b][/size]四项基本原则:

1、[size=x-large]对比[/size](Contrast)-->对比是页面中常见的基本原则,例如黑与白的对比,美与丑的对比,粗与细的对比等。
如果两个项不完全相同,就应当使之不同,而且应当截然不同。要想实现有效的对比,对比就必须强烈,千万不要[size=large][color=red]畏畏缩缩[/color][/size]。如果两个元素不同,就会产生对比,倘若两个元素存在某种不同,但差别不是很大,那么做出的效果并不是对比,而是[size=large][b]冲突[/b][/size]。
建议不要使用[color=red]12px[/color]大小的字体与[color=red]14px[/color]大小的字体进行对比,也不要用[color=red]0.5点[/color]的线与[color=red]1点[/color]的线来对比,[color=red]深棕色[/color]与[color=red]黑色[/color]的对比也是不适合的。
利用[b]字体对比[/b]或利用[b]线、颜色、元素之间的间隔、材质[/b]等形成对比。例如:[size=large]黑白对比、灰度对比、字体大小和字体的对比[/size][size=large][/size]。对比的根本目的有两方面,一个目的是[b][color=red]增强页面的效果[/color][/b],如果一个页面看起来很有意思,往往更有可读性。另一个目的是[color=red][b]有助于信息的组织[/b][/color]。[/size]对比的实现可以通过字体选择,线宽,颜色,形状,大小,空间等来增加对比。

2、[size=x-large]重复[/size](Repetition)-->[size=large][b]设计的某些元素可能在作品中出现重复[/b][/size]。重复元素可能是一种粗字体、一条粗线,某个项目符号、颜色、设计要素,某种格式、空间关系等。读者能看到的任何方面都可以作为重复元素。
把整个作品联系在一起,提供统一性,重复有助于组织信息。 设计中视觉元素的重复可以将作品中的各部分连在一起,从而统一并增强整个作品,否则这些部分只是彼此孤立的单元。
重复通常称之为(保持一致),重复的目的就是统一并增强视觉效果,要[size=large][b]避免太多的重复一个元素,重复太多会让人讨厌。[/b][/size]

3、[size=x-large]对齐[/size](Alignment)-->任何元素都不能在页面上随意安放,每一项都应当与页面上的某个内容存在某种视觉联系。
在页面上放其他项时,一定要确保每一项都与页面上的其他项存在某种对齐,如果问本行水平摆放,则按其基线对齐,如果有多个单独的文件块,则对齐其左边界或右边界。如果有图片元素,将其边界与页面的其它边界对齐。
[size=large][color=red][b]绝对不要在页面上随意摆放元素。[/b][/color][/size]
对其的根本目的[size=large]是使页面统一而且有条理[/size]。要特别注意元素放在哪里,应当总能在页面上找出与之对齐的元素,尽管这两个对象的物理位置可能相距很远。[size=large]要避免在页面上混合使用多种文本对齐方式。[/size]

4、[size=x-large]亲密性[/size](Proximity)-->将相关的项组织在一起,相关的项凝聚为一体的一个组。 物理位置的接近就意味着存在关联。
[color=red]生活中一旦能够说出什么东西的名字,属性等,就会很容易注意到他。[/color]
比如你读一份文件,这时候就需要知道你该从哪里开始读?接下来看什么?什么时候结束?
有意识的注意你是怎样阅读的,视线怎样移动,从哪里开始,沿着怎样的路径,到哪里结束,读完之后接下来看哪里?----整个过程应当是一个合理的过程,有确定的开始和确定的结束。
亲密性的根本目的[size=large]是视线组织性[/size]。如果一个页面上的项超过3-5个,孤立的元素就应该组建视觉单元。
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值