通用设计的四大原则,大厂设计师带案例讲解!

作为数字产品设计师,在进行产品设计时要考虑产品的各种因素,例如功能、美观、安全等,要尽可能地满足所有用户的需求,做出对所有用户都尽可能公平的解决方案。但是,对于新手来说,在实际进行产品设计时,要做到这些是非常复杂和有难度的。幸运的是,为了解决这一问题,前辈们留下了通用设计这一设计方法体系来帮助新手设计师们在产品设计方面做得更好。

那么,通用设计到底是什么?通用设计原则有哪些?我们该如何在数字产品设计时更好地运用它呢?今天,即时设计设计师就给大家详细讲讲。

即时设计 - 可实时协作的专业 UI 设计工具即时设计是一款支持在线协作的专业级 UI 设计工具,支持 Sketch、Figma、XD 格式导入,海量优质设计资源即拿即用。支持创建交互原型、获取设计标注,为产设研团队提供一站式协同办公体验。icon-default.png?t=N7T8https://js.design/?source=csdn&plan=kiki4152

什么是通用设计?

通用设计英文名称为 “universal design”,它最先由一名美国建筑师罗恩・梅斯明确提出。通用设计强调对所有用户一视同仁,把所有人都看成是不同程度的能力障碍者,人的能力是有限的,在不同的环境中,人们具有的能力是不同的。通用设计共包含三个层面,即价值观层面、需求层面以及供给层面。

价值观层面:通用设计的产品、服务和环境对用户的使用体验与使用价值要保持一致;

需求层面:其强调尽可能降低对用户能力的要求,以最低能力的用户为标准进行设计,提升产品易用性,从而使产品、服务与建成环境满足全体用户的使用能力范围;

从供给层面:通用设计需提供尽可能高的灵活度与容错能力,扩大潜在用户的覆盖面,尽可能满足用户个体的能力和偏好变化,从而提升用户的满意度。

通用设计的 4 大原则及案例

通用设计最初主要针对物理产品和环境,后来也被运用到数字产品上,共包括 7 项设计原则,即平等使用、使用灵活、简易直观、可感知信息、具备容错率、体能消耗最小、使用的尺寸和空间适当。下面即时设计设计师就以数字产品的设计为例,给大家讲解通用设计原则。

通用设计原则一:平等使用

对具有不同能力的人,产品的设计应该是可以让所有人都平等使用的。

运用案例:在下面的加密货币界面中,使用高对比度的色彩按钮,以确保色盲用户也可以很好的区分界面中的按钮。

通用设计原则二:使用灵活

设计需要能够对应各种使用者与使用环境,灵活地适应用户的节奏与不同用户喜欢的交互方式,在使用上具有高度自由。用户无论使用哪种方法,都能按自己的节奏准确完成任务。

运用案例:在下图的足球 App 界面中,导航切换按钮放置在底部,方便用户左手或右手进行单手操作,十分灵活。

通用设计原则三:简易直观

作为 UI 设计师在设计时要始终尝试消除不必要的复杂性,在满足用户期望的基础上尽可能保持视觉设计的简约,并在用户完成任务的过程的每个阶段提供简单易懂的反馈,以确保用户明确知道自己当前的处境以及要进行的操作。

运用案例:在下图的即时设计首页设计中,即时设计要引导用户注册使用即时设计设计工具,就将即时设计的 “免费使用” 按钮放在页面中间,非常简单直观的让用户了解需要导航的目的页面,确保用户能够一眼被其吸引,轻松的引导用户进行软件使用。

即时设计 - 可实时协作的专业 UI 设计工具即时设计是一款支持在线协作的专业级 UI 设计工具,支持 Sketch、Figma、XD 格式导入,海量优质设计资源即拿即用。支持创建交互原型、获取设计标注,为产设研团队提供一站式协同办公体验。icon-default.png?t=N7T8https://js.design/?source=csdn&plan=kiki4152

通用设计原则四:可感知信息

通过提供多种表达方式,比如说图形、文字等,你的设计能有效地向不同感官能力的用户传达出必要的信息。

运用案例:在下图餐饮外卖订单流程的页面设计中,设计师根据现实的步骤添加了准备 - 派送 - 派送成功的图形进行辅助说明,且对于订单地址信息、日期信息进行分模块展示,让用户能够非常轻松的感知当前外卖订单的明细,以及进行到哪个阶段了。

最终总结

通用设计强调尽可能以一个单一的设计方案,来满足用户的需求。通用设计对于企业来说,也能够实现以最小的成本获取最大的收益。但是,要想应用好通用设计原则进行设计并不容易,它要求产品能够最大限度地提高可访问性和可用性,同时保证美观。

最后,即时设计设计建议,大家在实际进行数字产品设计中,运用通用设计这一方法时,要从创建产品的一开始都让团队成员对该理念达成一致,并将其融入到产品设计的过程中。另外,对于新手设计师来说,也要学会从各种数字产品设计中寻找灵感,将已有的优秀界面设计运用在自己的产品中。这里推荐大家通过即时设计设计工具的资源社区寻找灵感,本文所举例说明的案例都来源于即时设计,在即时设计资源社区你可以找到海量的 UI\UX 设计资源,且还在持续保持更新,帮助你更快的完成设计。

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.mzph.cn/news/818491.shtml

如若内容造成侵权/违法违规/事实不符,请联系多彩编程网进行投诉反馈email:809451989@qq.com,一经查实,立即删除!

相关文章

HUD抬头显示器中如何设计LCD的阳光倒灌实验

关键词:阳光倒灌实验、HUD光照温升测试、LCD光照温升测试、太阳光模拟器 HUD(Head-Up Display,即抬头显示器)是一种将信息直接投影到驾驶员视线中的技术,通常用于飞机、汽车等驾驶舱内。HUD系统中的LCD(Liq…

RabbbitMQ基本使用及其五种工作模型

初识MQ 同步通讯和异步通讯 什么是同步通讯呢?举个例子,你认识了一个小姐姐,聊的很火热,于是你们慢慢开始打电话,视频聊天,这种方式就成为同步通讯,那什么是一部通讯呢,同样的&…

Ant Design 表单基础用法综合示例

Ant Design 的表单组件设计得非常出色,极大地简化了表单开发的复杂度,让开发者能够快速构建出功能丰富、交互友好的表单界面。 接下来总结一下 Ant Design 中表单的基本用法。 Form 组件 用于定义整个表单,可以设置表单的布局方式、提交行为等。通常会将表单字段组件嵌套在 F…

利用栈删除数组中重复元素

先将数据排序(降序或升序) 建立一个“栈”,三种情况: 1.栈为空:压入一个元素 2.栈不为空 且 栈顶元素不等于将入栈元素:压入一个元素 3.栈不为空 且 栈顶元素等于将入栈元素:删除将压入元素…

【学习笔记十一】EWM上架目标仓位确定过程及配置

一、EWM确定目标区域概述 1.EWM从仓库处理类型获取源仓库类型(Source storage type)和源仓位(Source Bin)2.EWM根据仓库类型(storage type)、仓库分区(storage section)和上架策略&a…

Matlab|基于广义Benders分解法的综合能源系统优化规划

目录 1 主要内容 广义benders分解法流程图: 优化目标: 约束条件: 2 部分代码 3 程序结果 4 下载链接 1 主要内容 该程序复现文章《综合能源系统协同运行策略与规划研究》第四章内容基于广义Benders分解法的综合能源系统优化规划&…

Python开源工具库使用之词云Wordcloud

文章目录 前言一、基本使用1.1 文本生成词云1.2 配置项 二、进阶用法2.1 自定义形状2.2 自定义着色2.3 自定义词频2.4 中文 三、实际案例3.1 工作报告词云3.2 周杰伦歌词词云 四、总结4.1 优点和局限性4.2 展望未来发展 参考 前言 当我们需要将大量文本数据可视化展示时&#…

单链表和文件操作使用练习:通讯录

1. 项目文件组成(vs2022) 1. Contact.h和Contact.c分别为实现通讯录的头文件和源文件。 2. SList.h和SList.c分别为实现单链表的头文件和源文件。 3. test.c为测试用的源文件,用于调用通讯录提供的函数。 4. Contact.txt用于存储联系人信息。…

【热门话题】PyTorch:深度学习领域的强大工具

🌈个人主页: 鑫宝Code 🔥热门专栏: 闲话杂谈| 炫酷HTML | JavaScript基础 ​💫个人格言: "如无必要,勿增实体" 文章目录 PyTorch:深度学习领域的强大工具一、PyTorch概述二、PyTorch核心特性…

【华为OD机试】围棋的气【C卷|100分】

题目描述 围棋棋盘由纵横各19条线垂直相交组成,棋盘上一共19 x 19 = 361 个交点, 对弈双方一方执白棋,一方执黑棋,落子时只能将棋子置于交点上。 “气”是围棋中很重要的一个概念,某个棋子有几口气,是指其上下左右方向四个相邻的交叉点中, 有几个交叉点没有棋子,由此可…

RabbitMQ消息模型之Direct消息模型

Direct消息模型 * 路由模型: * 一个交换机可以绑定多个队列 * 生产者给交换机发送消息时,需要指定消息的路由键 * 消费者绑定队列到交换机时,需要指定所需要消费的信息的路由键 * 交换机会根据消息的路由键将消息转发到对应的队…

解锁创意无限,体验全新Adobe Illustrator 2021 for mac/Win中文版

在数字化创意的浪潮中,Adobe Illustrator 2021中文版无疑是设计师们的得力助手。这款软件集高效、便捷、创新于一体,无论是Mac还是Windows用户,都能在其中找到属于自己的创意空间。 Adobe Illustrator 2021中文版延续了其强大的矢量图形处理…

循环双链表的操作

归纳编程学习的感悟, 记录奋斗路上的点滴, 希望能帮到一样刻苦的你! 如有不足欢迎指正! 共同学习交流! 🌎欢迎各位→点赞 👍 收藏⭐ 留言​📝 每一个裂缝都是为透出光而努力&#…

FFmpeg: 自实现ijkplayer播放器--04消息队列设计

文章目录 播放器状态转换图播放器状态对应的消息: 消息对象消息队列消息队列api插入消息获取消息初始化消息插入消息加锁初始化消息设置消息参数消息队列初始化清空消息销毁消息启动消息队列终止消息队列删除消息 消息队列,用于发送,设置播放…

[lesson33]C++中的字符串类

C中的字符串类 历史遗留问题 C语言不支持真正意义上的字符串C语言用字符数组和一组函数实现字符串操作C语言不支持自定义类型,因此无法获得字符串类型 解决方案 从C到C的进化过程引入自定义类型在C中可以通过类完成字符串类型的定义 标准库中的字符串类 C语言直…

学鸿蒙开发的优劣势,你清楚吗?建议你了解一下!

随着科技的不断发展和智能设备的普及,鸿蒙系统作为华为自主研发的操作系统,正逐渐受到市场的关注。2024年,学鸿蒙开发是否有前途,成为了很多开发者关心的问题。本文将从多个角度分析鸿蒙系统的发展前景,以及学习鸿蒙开…

Android使用shape属性绘制边框内渐变色

目录 先上效果图实现方法shape属性介绍代码结果 先上效果图 这是使用AndroidStudio绘制的带有渐变色的边框背景色 实现方法 项目中由于UI设计需求,需要给按钮、控件设置带有背景色效果的。以下是UI效果图。 这里我们使用shape属性来绘制背景效果。 shape属性介…

Leetcode-48-旋转图像

题目说明 给定一个 n n 的二维矩阵表示一个图像。 将图像顺时针旋转 90 度。 说明:你必须在原地旋转图像,这意味着你需要直接修改输入的二维矩阵。请不要使用另一个矩阵来旋转图像。 示例 1: 给定 matrix [ [1,2,3], [4,5,6], [7,8,9] ], 原地旋转输入…

如何在横向渗透攻击中寻到一线生机

横向渗透,作为计算机网络中的一种攻击技术,展现出了攻击者如何巧妙地利用同一级别系统间的漏洞和弱点,扩大其网络访问权限。与纵向渗透不同,横向渗透不关注权限的垂直提升,而是更侧重于在同一层级内扩展影响力。 横向…

Python数据容器(一)

一.数据容器入门 1.Python中的数据容器:一种可以容纳多份数据的数据类型,容纳的每一份数据称之为1个元素,每一个元素,可以是任意类型的数据,如字符串、数字、布尔等。 2.数据容器根据特点的不同,如&#…