用户体验基本原则

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

相关文章

MySQL 中的 LIMIT 语句及基本用法

《MySQL中的LIMIT语句及基本用法》LIMIT语句用于限制查询返回的行数,常用于分页查询或取部分数据,提高查询效率,:本文主要介绍MySQL中的LIMIT语句,需要的朋友可以参考下... 目录mysql 中的 LIMIT 语句1. LIMIT 语法2. LIMIT 基本用法(1) 获取前 N 行数据(

Python Faker库基本用法详解

《PythonFaker库基本用法详解》Faker是一个非常强大的库,适用于生成各种类型的伪随机数据,可以帮助开发者在测试、数据生成、或其他需要随机数据的场景中提高效率,本文给大家介绍PythonF... 目录安装基本用法主要功能示例代码语言和地区生成多条假数据自定义字段小结Faker 是一个 python

用js控制视频播放进度基本示例代码

《用js控制视频播放进度基本示例代码》写前端的时候,很多的时候是需要支持要网页视频播放的功能,下面这篇文章主要给大家介绍了关于用js控制视频播放进度的相关资料,文中通过代码介绍的非常详细,需要的朋友可... 目录前言html部分:JavaScript部分:注意:总结前言在javascript中控制视频播放

SpringBoot整合MybatisPlus的基本应用指南

《SpringBoot整合MybatisPlus的基本应用指南》MyBatis-Plus,简称MP,是一个MyBatis的增强工具,在MyBatis的基础上只做增强不做改变,下面小编就来和大家介绍一下... 目录一、MyBATisPlus简介二、SpringBoot整合MybatisPlus1、创建数据库和

mysql删除无用用户的方法实现

《mysql删除无用用户的方法实现》本文主要介绍了mysql删除无用用户的方法实现,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学习吧... 1、删除不用的账户(1) 查看当前已存在账户mysql> select user,host,pa

无需邀请码!Manus复刻开源版OpenManus下载安装与体验

《无需邀请码!Manus复刻开源版OpenManus下载安装与体验》Manus的完美复刻开源版OpenManus安装与体验,无需邀请码,手把手教你如何在本地安装与配置Manus的开源版OpenManu... Manus是什么?Manus 是 Monica 团队推出的全球首款通用型 AI Agent。Man

Python中多线程和多进程的基本用法详解

《Python中多线程和多进程的基本用法详解》这篇文章介绍了Python中多线程和多进程的相关知识,包括并发编程的优势,多线程和多进程的概念、适用场景、示例代码,线程池和进程池的使用,以及如何选择合适... 目录引言一、并发编程的主要优势二、python的多线程(Threading)1. 什么是多线程?2.

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