用户体验基本原则

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

相关文章

Redis 基本数据类型和使用详解

《Redis基本数据类型和使用详解》String是Redis最基本的数据类型,一个键对应一个值,它的功能十分强大,可以存储字符串、整数、浮点数等多种数据格式,本文给大家介绍Redis基本数据类型和... 目录一、Redis 入门介绍二、Redis 的五大基本数据类型2.1 String 类型2.2 Hash

Spring Boot分层架构详解之从Controller到Service再到Mapper的完整流程(用户管理系统为例)

《SpringBoot分层架构详解之从Controller到Service再到Mapper的完整流程(用户管理系统为例)》本文将以一个实际案例(用户管理系统)为例,详细解析SpringBoot中Co... 目录引言:为什么学习Spring Boot分层架构?第一部分:Spring Boot的整体架构1.1

k8s admin用户生成token方式

《k8sadmin用户生成token方式》用户使用Kubernetes1.28创建admin命名空间并部署,通过ClusterRoleBinding为jenkins用户授权集群级权限,生成并获取其t... 目录k8s admin用户生成token创建一个admin的命名空间查看k8s namespace 的

Java Instrumentation从概念到基本用法详解

《JavaInstrumentation从概念到基本用法详解》JavaInstrumentation是java.lang.instrument包提供的API,允许开发者在类被JVM加载时对其进行修改... 目录一、什么是 Java Instrumentation主要用途二、核心概念1. Java Agent

Python异常处理之避免try-except滥用的3个核心原则

《Python异常处理之避免try-except滥用的3个核心原则》在Python开发中,异常处理是保证程序健壮性的关键机制,本文结合真实案例与Python核心机制,提炼出避免异常滥用的三大原则,有需... 目录一、精准打击:只捕获可预见的异常类型1.1 通用异常捕获的陷阱1.2 精准捕获的实践方案1.3

Kotlin 协程之Channel的概念和基本使用详解

《Kotlin协程之Channel的概念和基本使用详解》文章介绍协程在复杂场景中使用Channel进行数据传递与控制,涵盖创建参数、缓冲策略、操作方式及异常处理,适用于持续数据流、多协程协作等,需注... 目录前言launch / async 适合的场景Channel 的概念和基本使用概念Channel 的

Python函数的基本用法、返回值特性、全局变量修改及异常处理技巧

《Python函数的基本用法、返回值特性、全局变量修改及异常处理技巧》本文将通过实际代码示例,深入讲解Python函数的基本用法、返回值特性、全局变量修改以及异常处理技巧,感兴趣的朋友跟随小编一起看看... 目录一、python函数定义与调用1.1 基本函数定义1.2 函数调用二、函数返回值详解2.1 有返

Python ORM神器之SQLAlchemy基本使用完全指南

《PythonORM神器之SQLAlchemy基本使用完全指南》SQLAlchemy是Python主流ORM框架,通过对象化方式简化数据库操作,支持多数据库,提供引擎、会话、模型等核心组件,实现事务... 目录一、什么是SQLAlchemy?二、安装SQLAlchemy三、核心概念1. Engine(引擎)

Python异步编程之await与asyncio基本用法详解

《Python异步编程之await与asyncio基本用法详解》在Python中,await和asyncio是异步编程的核心工具,用于高效处理I/O密集型任务(如网络请求、文件读写、数据库操作等),接... 目录一、核心概念二、使用场景三、基本用法1. 定义协程2. 运行协程3. 并发执行多个任务四、关键

AOP编程的基本概念与idea编辑器的配合体验过程

《AOP编程的基本概念与idea编辑器的配合体验过程》文章简要介绍了AOP基础概念,包括Before/Around通知、PointCut切入点、Advice通知体、JoinPoint连接点等,说明它们... 目录BeforeAroundAdvise — 通知PointCut — 切入点Acpect — 切面