用户体验基本原则

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

相关文章

最新Spring Security的基于内存用户认证方式

《最新SpringSecurity的基于内存用户认证方式》本文讲解SpringSecurity内存认证配置,适用于开发、测试等场景,通过代码创建用户及权限管理,支持密码加密,虽简单但不持久化,生产环... 目录1. 前言2. 因何选择内存认证?3. 基础配置实战❶ 创建Spring Security配置文件

MySql基本查询之表的增删查改+聚合函数案例详解

《MySql基本查询之表的增删查改+聚合函数案例详解》本文详解SQL的CURD操作INSERT用于数据插入(单行/多行及冲突处理),SELECT实现数据检索(列选择、条件过滤、排序分页),UPDATE... 目录一、Create1.1 单行数据 + 全列插入1.2 多行数据 + 指定列插入1.3 插入否则更

C#连接SQL server数据库命令的基本步骤

《C#连接SQLserver数据库命令的基本步骤》文章讲解了连接SQLServer数据库的步骤,包括引入命名空间、构建连接字符串、使用SqlConnection和SqlCommand执行SQL操作,... 目录建议配合使用:如何下载和安装SQL server数据库-CSDN博客1. 引入必要的命名空间2.

Java中的数组与集合基本用法详解

《Java中的数组与集合基本用法详解》本文介绍了Java数组和集合框架的基础知识,数组部分涵盖了一维、二维及多维数组的声明、初始化、访问与遍历方法,以及Arrays类的常用操作,对Java数组与集合相... 目录一、Java数组基础1.1 数组结构概述1.2 一维数组1.2.1 声明与初始化1.2.2 访问

Go语言数据库编程GORM 的基本使用详解

《Go语言数据库编程GORM的基本使用详解》GORM是Go语言流行的ORM框架,封装database/sql,支持自动迁移、关联、事务等,提供CRUD、条件查询、钩子函数、日志等功能,简化数据库操作... 目录一、安装与初始化1. 安装 GORM 及数据库驱动2. 建立数据库连接二、定义模型结构体三、自动迁

ModelMapper基本使用和常见场景示例详解

《ModelMapper基本使用和常见场景示例详解》ModelMapper是Java对象映射库,支持自动映射、自定义规则、集合转换及高级配置(如匹配策略、转换器),可集成SpringBoot,减少样板... 目录1. 添加依赖2. 基本用法示例:简单对象映射3. 自定义映射规则4. 集合映射5. 高级配置匹

SpringSecurity显示用户账号已被锁定的原因及解决方案

《SpringSecurity显示用户账号已被锁定的原因及解决方案》SpringSecurity中用户账号被锁定问题源于UserDetails接口方法返回值错误,解决方案是修正isAccountNon... 目录SpringSecurity显示用户账号已被锁定的解决方案1.问题出现前的工作2.问题出现原因各

MySQL 用户创建与授权最佳实践

《MySQL用户创建与授权最佳实践》在MySQL中,用户管理和权限控制是数据库安全的重要组成部分,下面详细介绍如何在MySQL中创建用户并授予适当的权限,感兴趣的朋友跟随小编一起看看吧... 目录mysql 用户创建与授权详解一、MySQL用户管理基础1. 用户账户组成2. 查看现有用户二、创建用户1. 基

SQL BETWEEN 语句的基本用法详解

《SQLBETWEEN语句的基本用法详解》SQLBETWEEN语句是一个用于在SQL查询中指定查询条件的重要工具,它允许用户指定一个范围,用于筛选符合特定条件的记录,本文将详细介绍BETWEEN语... 目录概述BETWEEN 语句的基本用法BETWEEN 语句的示例示例 1:查询年龄在 20 到 30 岁

mysql中insert into的基本用法和一些示例

《mysql中insertinto的基本用法和一些示例》INSERTINTO用于向MySQL表插入新行,支持单行/多行及部分列插入,下面给大家介绍mysql中insertinto的基本用法和一些示例... 目录基本语法插入单行数据插入多行数据插入部分列的数据插入默认值注意事项在mysql中,INSERT I