原有ui项目调用qml_UI设计师最常犯的10个错误,看看你有没有中招

本文主要是介绍原有ui项目调用qml_UI设计师最常犯的10个错误,看看你有没有中招,希望对大家解决编程问题提供一定的参考价值,需要的开发者们随着小编来一起学习吧!

daac9bbab0fb28d71a6811225c5cd95a.gif

e252c0cd3e80b64dc4a5c3a3b69a0e2a.png

做设计难免会出错,有的错误真的只是之前不知道,后来才恍然大悟。而还有很多错误属于大家都知道,但是因为各种原因忽视而不小心犯了。但是不论是哪种,我们终究是要改正并提升才行的。下面转载了一篇设计师 Danny Sapio 总结的 UI 设计师的10个常见错误,咱们一起来捋一下吧,看看你我中招了多少~

1、忽略产品功能范畴

d88aad88c8f7dae26662ce86a4382c30.png

有时候设计师会在产品中引入一些功能,这些功能会让整个开发过程变得更加复杂,同时又不会给产品本身提高任何附加价值。在确定设计功能的优先级的同时,需要兼顾到业务目标,项目的范畴,产品的时间表,以及开发的方式,这些都很重要。

比如我们正在设计一个用户上传个人头像的功能选项,但是如果在「上传」功能以外,再添加裁剪、缩放、旋转等功能,这本身是原有功能的复杂化。

也许在设计当中添加「旋转」、「裁剪」的按钮是非常方便的,但是在具体的开发实施当中就不好说了。是调用现有的功能、还是加入开源的组件抑或是从零开始写代码?这都会是问题,并且充满了未知。从产品和团队的角度上,安全的选择是尽量避免添加功能,除非确定它们的优先级极高、对于整个应用程序是必不可少的。始终将业务目标和用户目标放在设计过程的最前沿。

2、工作协作对接

6f02dade922eb803e4bb8ece021fee8c.png

现在互联网工作中,你的设计或者素材可能会被上下游所调用。我们在设计的时候应该考虑到还有谁会用我们的工作内容。无论是要移交给开发者还是其他的设计师,都必须尽量合理地组织相关的内容和素材。

以UI设计的设计文件为例,其中的每一个画板都应该有正确的命名,并且横向排布,便于按照逻辑顺序点击打开。我们应该有一个组织良好的设计文件,其中包含 SVG 格式的图标,以及其他的理应具备高素质版本的图像类素材。

在我的日常工作中,像XD、sketch、蓝湖、fgmia都是我首选的协作工具,借助 蓝湖,开发者可以轻松地获取代码片段、尺寸参数、间距数据、字体大小、SVG 素材等等。

这样的无缝切换可以让整个流程更加顺滑,团队协作效率得到极大提升。

3、忽略用户的使用场景

6e4acf92dc3043aed537d351ab416dab.png

在设计界面交互的时候,需要考虑用户所处的环境是非常重要的,因为影响交互决策的环境因素是非常多的。考虑用户在使用我们的 APP 的时候,所处的位置,他们有多少时间来操作,他们的情绪状态如何,这是设计交互的基础。

一款睡眠周期类的 APP,就是一个非常典型的案例。这款APP 使用了令人放松的深色界面,特别适合在睡前来设置闹钟的用户。

4、一味追求高保真效果

79ea15cbf1cba6f1997f4a6abdd75543.png

在产品前期、探索解决方案的阶段,最好不要奔着高分辨率的视觉效果去了,这是最容易犯的错误了。当我们想将不同的想法融合到一起,探索布局和层次的构建的时候,最好使用类似 Axure或者墨刀及其他原型之类的工具来绘制线框图,这样更快更轻便。当它只是线框图的时候,看起来确实非常粗糙,可能很难让人爱上它,但是我们因此可以更加轻松地接收反馈、摸索功能。

5、忽视有行为障碍的用户

79516e323d85073ee06bfa0e4e6e81b3.png

在设计一款数字产品的时候,其实就像去创建一个图书馆或者学校这样的公共建筑,它必须是面向所有人的,包括有肢体障碍、色盲和视觉障碍的用户。

之前有一网站被一盲人用户起诉,因为他无法访问该网站。其实,在今天的产品设计当中,兼顾到盲人和色盲用户是完全可行的。

通常,我们会尽可能让产品对于普通人而言看起来是非常不错的,从而忽略了相对小众的、与普通用户交互模式不同的行为障碍用户。

将文字缩小到 8px 或者使用非常浅的灰色,能够让设计在视觉上充满层次感和视觉表现力,但是这让视觉障碍用户具备基本的可访问性。

在 Dribbble 上,我们会看到很多这样的存在可访问性障碍的设计,它们如果直接照搬到真实的产品中是一定会有问题的。

6、抄袭别人作品或盲目追随趋势

ac9f94989d6226d0cdccee7e50d3ab13.png

对于设计师而言,趋势有点像垃圾食品。不加分辨地追随趋势能够给你带来一些「看起来显而易见但是非常廉价」的解决方案,这些解决方案在短期内会带来回馈,但是从长远来看,却毫无价值。追随趋势的设计师很快就会从中尝到苦果了。紧跟别人的设计最终会得到什么样的回馈?唯一的回馈就是空虚感。——设计师 Micah Bowers

你可能会很容易深陷到 Dribbble 的世界,在漂亮的动画和绚烂的渐变中翱翔,然后迅速忘记了原本的设计目标。

我们的确会着迷于在 Dribbble 这样的平台上发掘特殊的交互和设计风格,并且试图将他们应用到设计当中。不过,因为新颖而受到启发和盲目复制,绝对是不一样的。合理借鉴,灵活运用,不要抄袭。

7、无视约定俗成的设计语言

e2fb7ad41c1fcd762c118fee055e4335.png

经过这么多年的数字产品培养,用户对于 APP、网站、小程序其实都有相对清晰的期望,如果在功能和体验上不符合预期,不够「直观」,他们可能会为之沮丧。

最典型的案例是图标的设计。对于「搜索」、「首页」、「收藏」等功能对应的图标,大家有非常清晰的预期,如果你的设计偏离认知太远,最头疼的肯定是用户——他们不知道你这个图标代表的是什么。

8、专注于视觉而非实际的运作机制

3376d1f3d2130fff7714dab34a5f4427.png

每个 UI 设计师最为讨厌的事情之一,就是打破他们设计。而打破设计,最常见的情况,就是为了日常的使用、运用而需要输入信息,修整布局。但是想要让产品和设计足够灵活,可以扩展,对用户友好,只存在于理想状态下的「完美设计」就必须被打破。

当我在设计一个 APP 界面的时候,如果用户输入的名称只有十几个字母,它会看起来简约又大气,但是当一个名为 Hubert Blaine Wolfe­schlegel­stein­hausen­berger­dorff Sr. 的用户输入他的完整名称的时候……又会发生什么呢?

在测试整个设计的时候,往后退一步,确保整个界面能够兼顾到实际的情况,这才是合理的。

9、缺少完整有效的状态呈现

bce0cc2d5c63f543b826c694f9296d67.png

在实际的设计开发的时候,UI 控件的不同状态代表着不同的含义和指向,缺少了任何一个,在体验乃至于功能上会差很多,这个时候可能会有开发者来补充,但是通常这样的补充,会让设计缺乏统一性,给后面带来更多的问题。

以按钮为例,我们必须兼顾到不同状态,比如错误、激活、禁用、悬停、空状态、填充状态、加载状态等等。

当我在设计一个愿望清单应用的时候,我需要优先考虑用户尚未填写任何内容时候的空状态,如果没有这个,整个体验会差很远。

10、重新设计原生的 UI 组件

7e28496f0e005fd48582e76039e57990.png

通过原本的平台已有的组件,UI设计师可以快速创造出对用户而言熟悉的体验,并且避免输入出错。

无论我们是多么优秀的设计师,都很难完全从零开始设计一个 iOS 平台的日期选择器。哪怕你设计出了一个客观上更加优秀的日期选择器,一方面用户需要重新学习新的组件的使用,另一方面则是你是否要为这个全新的设计匹配更多的东西,以及开发者这边的工作到底会膨胀多少,都是未知的。

而善用原有的原生 UI 组件能够省去太多的麻烦,帮整个团队节省时间和精力,并且减少用户在体验上的耗费。

286b17a630e24e2c5e18be57f9b60ced.gif

Wed UI Design

UI设计师常见面试题目

2019年设计风格回顾

快速入门PS噪点插画教程

AI 教程 | 3D Logo 设计

2020年十大前沿LOGO设计趋势

PS教程 | 炫酷的人像分割技能

0-1带你设计漂亮的海马LOGO

如何在AI中创建逼真的3D毛皮效果

灵感鉴赏 | 20个出色UI / UX设计动画

教你画圈圈——LOGO设计中的辅助线

贼好玩! 推荐一波上班摸鱼的10大设计神器

让设计师欲罢不能的100个精选网站

全方位解析APP应用图标设计

af8297a36a5fa0ffa8a3dcf611793a16.gif

这篇关于原有ui项目调用qml_UI设计师最常犯的10个错误,看看你有没有中招的文章就介绍到这儿,希望我们推荐的文章对编程师们有所帮助!


原文地址:https://blog.csdn.net/weixin_39595310/article/details/111264056
本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.chinasem.cn/article/194588

相关文章

C/C++错误信息处理的常见方法及函数

《C/C++错误信息处理的常见方法及函数》C/C++是两种广泛使用的编程语言,特别是在系统编程、嵌入式开发以及高性能计算领域,:本文主要介绍C/C++错误信息处理的常见方法及函数,文中通过代码介绍... 目录前言1. errno 和 perror()示例:2. strerror()示例:3. perror(

Go标准库常见错误分析和解决办法

《Go标准库常见错误分析和解决办法》Go语言的标准库为开发者提供了丰富且高效的工具,涵盖了从网络编程到文件操作等各个方面,然而,标准库虽好,使用不当却可能适得其反,正所谓工欲善其事,必先利其器,本文将... 目录1. 使用了错误的time.Duration2. time.After导致的内存泄漏3. jsO

一文教你如何将maven项目转成web项目

《一文教你如何将maven项目转成web项目》在软件开发过程中,有时我们需要将一个普通的Maven项目转换为Web项目,以便能够部署到Web容器中运行,本文将详细介绍如何通过简单的步骤完成这一转换过程... 目录准备工作步骤一:修改​​pom.XML​​1.1 添加​​packaging​​标签1.2 添加

tomcat多实例部署的项目实践

《tomcat多实例部署的项目实践》Tomcat多实例是指在一台设备上运行多个Tomcat服务,这些Tomcat相互独立,本文主要介绍了tomcat多实例部署的项目实践,具有一定的参考价值,感兴趣的可... 目录1.创建项目目录,测试文China编程件2js.创建实例的安装目录3.准备实例的配置文件4.编辑实例的

在C#中调用Python代码的两种实现方式

《在C#中调用Python代码的两种实现方式》:本文主要介绍在C#中调用Python代码的两种实现方式,具有很好的参考价值,希望对大家有所帮助,如有错误或未考虑完全的地方,望不吝赐教... 目录C#调用python代码的方式1. 使用 Python.NET2. 使用外部进程调用 Python 脚本总结C#调

springboot集成Deepseek4j的项目实践

《springboot集成Deepseek4j的项目实践》本文主要介绍了springboot集成Deepseek4j的项目实践,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价... 目录Deepseek4j快速开始Maven 依js赖基础配置基础使用示例1. 流式返回示例2. 进阶

Python中ModuleNotFoundError: No module named ‘timm’的错误解决

《Python中ModuleNotFoundError:Nomodulenamed‘timm’的错误解决》本文主要介绍了Python中ModuleNotFoundError:Nomodulen... 目录一、引言二、错误原因分析三、解决办法1.安装timm模块2. 检查python环境3. 解决安装路径问题

如何解决mysql出现Incorrect string value for column ‘表项‘ at row 1错误问题

《如何解决mysql出现Incorrectstringvalueforcolumn‘表项‘atrow1错误问题》:本文主要介绍如何解决mysql出现Incorrectstringv... 目录mysql出现Incorrect string value for column ‘表项‘ at row 1错误报错

SpringBoot项目启动报错"找不到或无法加载主类"的解决方法

《SpringBoot项目启动报错找不到或无法加载主类的解决方法》在使用IntelliJIDEA开发基于SpringBoot框架的Java程序时,可能会出现找不到或无法加载主类com.example.... 目录一、问题描述二、排查过程三、解决方案一、问题描述在使用 IntelliJ IDEA 开发基于

SpringCloud之LoadBalancer负载均衡服务调用过程

《SpringCloud之LoadBalancer负载均衡服务调用过程》:本文主要介绍SpringCloud之LoadBalancer负载均衡服务调用过程,具有很好的参考价值,希望对大家有所帮助,... 目录前言一、LoadBalancer是什么?二、使用步骤1、启动consul2、客户端加入依赖3、以服务