`

用户体验基本原则

阅读更多
用户体验四项基本原则:

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

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

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

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

相关推荐

    网站设计中不可忽视的可用性原则

    本文主要探讨那些容易被忽略的用户体验基本原则,并提供实例和可用性分析,关于视觉设计、信息构建及可用性分析等方面提供实用的建议。打造非凡的交互体验,设计一个可用性强的网站,对任何一个设计者来说都不失为一...

    用户体验与交互设计及案例介绍

    用户体验与交互设计及案例介绍 用户体验?交互设计?UI设计? 实现模型和心理模型 用户体验与交互设计基本原则介绍 交互细节案例介绍 小任务 交互设计所需要技能

    React框架与Docker容器化精髓 探索livegoods房屋海选平台的交互设计与用户体验优化

    课程中重点介绍了用户界面设计的基本原则、设计模式和最佳实践。我了解了如何通过合理的布局、视觉设计和交互设计来提升用户界面的易用性和美观性。我学会了使用颜色、字体、图标和动画等元素来创造出吸引人的用户...

    基于用户体验的手机产品交互设计原则

    在讨论手机的交互设计方法之前,需要先对手机的用户使用习惯有一些基本的了解,需要对手机的用户体验信息做一些收集整理。收集用户体验信息首先需要确定两个问题:一是确定目标用户群体;二是确定信息收集的方法和...

    用户体验之网站界面布局

    页面布局的基本原则是既要体现网站运营的重点,又要兼顾用户访问的网络行为习惯,这样,就需要从以下几个方面改善网站页面布局,提高用户体验。一网站页面布局和内容的相关性。网站的界面布局和网站内容架构息息相关...

    满满的干货:O2O用户体验设计

    从基本概念着手了解O2O2.垂直O2O从落地原则开始3.设计过程不可或缺的设计6要素图示总是简单的,理解也许可以更加简化:看图说话,这里2个词汇被强调出来“消费者”“商家”,并且围绕的主角很明显,没有第三者。两位...

    网站界面设计用户体验 (2010年)

    论述了网页界面设计用户体验的最新研究进展和关键问题,提出Web2.0网站界面用户体验优化的全局化设计思想,即从整体上归纳了网站界面设计流程中重要环节的用户体验基本构建原则和方法。该思想为Web设计开发人员提供了...

    亮剑.NET深入体验与实战精要3

    3.4.8 增强用户体验的一些技巧 153 3.4.9 XHTML与HTML的区别 156 3.5 打造自己的页面基类PageBase 161 本章常见技术面试题 164 常见面试技巧之如何做好自我介绍 164 本章小结 165 第4章 Windows窗体编程你也行 167 ...

    UGD设计实现增长

    设计行业从一开始的UI(界面设计)---UED(用户体验设计),从业人员根据行业需求也在不断升级,从单纯的可以用到用的爽,可以看出出,设计始终要根据:以用户为中心,这个基本原则去定调。那现在,出现了更上一层次...

    计算机设计 - 闹钟程序,保证可靠运行,计算机专业可参考,免费资源下载

    其次,为了增强用户体验,我在程序中加入了智能提醒功能。当闹钟即将响起时,程序会提前以轻柔的震动或渐强的铃声来逐渐唤醒用户,避免突然的响铃对用户造成惊吓。 此外,该程序还具备云端同步功能,用户可以将闹钟...

    尼尔森十大交互原则实用总结

    这其实是一篇技术出身的产品经理所写的关于用户体验的深刻忏悔书。如果当初没有进入产品经理的队列,笔者说不定也是互联网程序猿中的一员。做技术出身的产品经理有好也有不好,好是因为一般有一个idea或者是新的需求...

    基于JAVA JSP企业电子投票系统的设计与开发的毕业设计,开发工具为Eclipse,数据库管理系统为MySQL,使用JSP和S

    本系统的设计和开发将遵循软件工程的基本原则,包括模块化、可重用性、可扩展性、可维护性等。 预计本毕设将在两个月内完成,具体时间表如下: - 第一周:系统需求分析和设计 - 第二周至第五周:系统开发和测试 - ...

    移动设计 完整版 PDF

    主流移动操作系统的基本原则 移动设计八原则 框架 框架的深度和广度 移动应用导航的设计模式 模式之外的因素 细节 让人机交互更多样 将界面可视化 用隐喻引导用户 声音的互动 动效 小细节、大作用 适合动效的应用...

    亮剑.NET深入体验与实战精要2

    3.4.8 增强用户体验的一些技巧 153 3.4.9 XHTML与HTML的区别 156 3.5 打造自己的页面基类PageBase 161 本章常见技术面试题 164 常见面试技巧之如何做好自我介绍 164 本章小结 165 第4章 Windows窗体编程你也行 167 ...

    自动驾驶接管情境下的人机交互界面设计研究

    本文首先分析了影响接管决策的因素,基于多资源理论梳理了驾驶次任务产生心 理负荷的信息加工过程, 结合以情境为中心的设计理念与用户体验层级, 明确了多模态交互接管提示方式与接管视觉界面的设计目标。...

    基于springboot的厨艺交流平台的设计与实现代码.zip

    前端部分,通过Vue.js或React等框架构建单页面应用(SPA),提供良好的用户体验和交互效果。前端主要职责是展现数据和处理用户交互,与后端API进行通信。总之,整个项目通过RESTful API设计原则,前后端通过JSON格式...

Global site tag (gtag.js) - Google Analytics