用户体验基本原则

2024-09-02 11:38
文章标签 体验 基本 用户 原则

本文主要是介绍用户体验基本原则,希望对大家解决编程问题提供一定的参考价值,需要的开发者们随着小编来一起学习吧!

[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个,孤立的元素就应该组建视觉单元。

这篇关于用户体验基本原则的文章就介绍到这儿,希望我们推荐的文章对编程师们有所帮助!



http://www.chinasem.cn/article/1129851

相关文章

TP-Link PDDNS服将于务6月30日正式停运:用户需转向第三方DDNS服务

《TP-LinkPDDNS服将于务6月30日正式停运:用户需转向第三方DDNS服务》近期,路由器制造巨头普联(TP-Link)在用户群体中引发了一系列重要变动,上个月,公司发出了一则通知,明确要求所... 路由器厂商普联(TP-Link)上个月发布公告要求所有用户必须完成实名认证后才能继续使用普联提供的 D

MyBatis-Flex BaseMapper的接口基本用法小结

《MyBatis-FlexBaseMapper的接口基本用法小结》本文主要介绍了MyBatis-FlexBaseMapper的接口基本用法小结,文中通过示例代码介绍的非常详细,对大家的学习或者工作具... 目录MyBATis-Flex简单介绍特性基础方法INSERT① insert② insertSelec

JAVA调用Deepseek的api完成基本对话简单代码示例

《JAVA调用Deepseek的api完成基本对话简单代码示例》:本文主要介绍JAVA调用Deepseek的api完成基本对话的相关资料,文中详细讲解了如何获取DeepSeekAPI密钥、添加H... 获取API密钥首先,从DeepSeek平台获取API密钥,用于身份验证。添加HTTP客户端依赖使用Jav

Oracle数据库如何切换登录用户(system和sys)

《Oracle数据库如何切换登录用户(system和sys)》文章介绍了如何使用SQL*Plus工具登录Oracle数据库的system用户,包括打开登录入口、输入用户名和口令、以及切换到sys用户的... 目录打开登录入口登录system用户总结打开登录入口win+R打开运行对话框,输php入:sqlp

C++中使用vector存储并遍历数据的基本步骤

《C++中使用vector存储并遍历数据的基本步骤》C++标准模板库(STL)提供了多种容器类型,包括顺序容器、关联容器、无序关联容器和容器适配器,每种容器都有其特定的用途和特性,:本文主要介绍C... 目录(1)容器及简要描述‌php顺序容器‌‌关联容器‌‌无序关联容器‌(基于哈希表):‌容器适配器‌:(

数据库oracle用户密码过期查询及解决方案

《数据库oracle用户密码过期查询及解决方案》:本文主要介绍如何处理ORACLE数据库用户密码过期和修改密码期限的问题,包括创建用户、赋予权限、修改密码、解锁用户和设置密码期限,文中通过代码介绍... 目录前言一、创建用户、赋予权限、修改密码、解锁用户和设置期限二、查询用户密码期限和过期后的修改1.查询用

使用Python进行文件读写操作的基本方法

《使用Python进行文件读写操作的基本方法》今天的内容来介绍Python中进行文件读写操作的方法,这在学习Python时是必不可少的技术点,希望可以帮助到正在学习python的小伙伴,以下是Pyth... 目录一、文件读取:二、文件写入:三、文件追加:四、文件读写的二进制模式:五、使用 json 模块读写

什么是 Linux Mint? 适合初学者体验的桌面操作系统

《什么是LinuxMint?适合初学者体验的桌面操作系统》今天带你全面了解LinuxMint,包括它的历史、功能、版本以及独特亮点,话不多说,马上开始吧... linux Mint 是一款基于 Ubuntu 和 Debian 的知名发行版,它的用户体验非常友好,深受广大 Linux 爱好者和日常用户的青睐,

基本知识点

1、c++的输入加上ios::sync_with_stdio(false);  等价于 c的输入,读取速度会加快(但是在字符串的题里面和容易出现问题) 2、lower_bound()和upper_bound() iterator lower_bound( const key_type &key ): 返回一个迭代器,指向键值>= key的第一个元素。 iterator upper_bou

【IPV6从入门到起飞】5-1 IPV6+Home Assistant(搭建基本环境)

【IPV6从入门到起飞】5-1 IPV6+Home Assistant #搭建基本环境 1 背景2 docker下载 hass3 创建容器4 浏览器访问 hass5 手机APP远程访问hass6 更多玩法 1 背景 既然电脑可以IPV6入站,手机流量可以访问IPV6网络的服务,为什么不在电脑搭建Home Assistant(hass),来控制你的设备呢?@智能家居 @万物互联