1310-6499-520
今天是:
站内搜索:  
您的当前位置:主页 > 知识博客 > 交互设计 >
联系我们

名称:九分网络科技

联系:13106499520

地址:福建省福州市仓山区金榕南路553号


扫一扫添加微信

实战经验!交互设计师如何做好设计走查的工作?--九分网络

时间:2020-06-26   分类:交互设计    作者:网络   来源:网络整理   点击:114

实战经验!交互设计师如何做好设计走查的工作?

九分网络

www.9fen.net

@呆呆丶L :前阵子跟几个同行交流,提到关于交互和 UI 的走查工作问题,所以特地整理了一下,给大家说说关于设计走查的几个问题。

本文来自九分网络

1. 设计走查的作用

在很多设计师身上都存在一个现象,就是拿到需求或原型,然后设计完成之后,就以为没自己什么事了,也不会主动去找事情做,他们认为到这里,自己的工作就完成了。 内容采集来自9fen.net

其实到这为止,设计师才做完一半的工作。为什么呢?

本文来自九分网络

当设计师把设计稿交给开发时,虽然已经标好注、切好图(交互注释也很完美),但是不代表开发能把界面表达的跟设计稿完全一样,甚至会有很大偏差,所以设计师就要做好设计走查工作,尽量跟开发一起把页面实现的更好,这里不仅仅说的是UI、也包括交互。 九分网络

这样不仅能提高产品的实现度,让用户体验更好,还能促进团队的工作氛围,毕竟大家的目标还是一致的。

www.9fen.net

2. 错误观点

当中有一个朋友提到,设计走查应该是测试同学的事情。 www.9fen.net

首先,我并不否认这位朋友的观点,但还是局限了。

九分网络

这位朋友的原话是:“设计只要做好设计的工作,开发也必须做好自己的事情,很好的去实现设计稿,然后测试也要做好自己的工作,找到视觉、交互、开发的所有问题,这才是每个人真正的职责所在。”

www.9fen.net

三个字总结:理想化。 copyright 9fen.net

这是一件不大可能的事情,首先开发要很好的实现设计稿,前提是有一个不错的开发能力,同时如果还想在不需要设计的帮助下就实现好页面,那开发本身就要有一个不错的设计功底,这样就可以在独立工作的情况下,相对完美的实现视觉稿。 九分网络

但是做设计的同学都知道,即使两个人设计水平相同,他们在临摹完同一个页面的时候也会有明显的差别,更何况是开发用代码去还原页面呢? copyright 9fen.net

再者,测试如果要同时找到所有的 UI、交互、开发 Bug,遇到的问题会跟上述开发的问题一样,同时需要的能力要更高。这是一件几乎不可能的事情。(可能真有这么牛逼的人物存在,不过我至今没见过。)

copyright 9fen.net

所以设计师做好设计走查,还是很有必要的。 www.9fen.net

实战经验!交互设计师如何做好设计走查的工作?

www.9fen.net

www.9fen.net

交互设计过程,出自《专业设计师有哪些必知的设计流程》

www.9fen.net

3. 如何做设计走查

那怎么做设计走查工作呢?

www.9fen.net

一. 检查页面一致性

内容采集来自9fen.net

包括头部、尾部等位置是否完整统一,按钮样式、反馈状态、报错等样式是否统一;是否有缺少的场景和状态,根据任务流程对场景和状态进行排查,保证设计的完整性。

本文来自九分网络

二. 确保方案的可用性和屏幕上的操作易于使用

本文来自九分网络

设计任务流程,进行设计走查,在移动App端,我们所设计的应用是建立在手指点击操作的基础上进行使用的。我们的手指不像鼠标一样能够精确定位和响应,所以我们需要在设计的过程中确保可点击的区域能够较为明显的识别。 copyright 9fen.net

三. 确保文本易于阅读 九分网络

文本内容是大部分产品的重要组成部分,所以文本的排版是非常重要的(很多人说中文排版不好看,那是因为你不会用中文排版的方式去做排版)。确保文字清晰、易阅读是在文字处理上的必须保证的。

copyright 9fen.net

实战经验!交互设计师如何做好设计走查的工作? 内容采集来自9fen.net

www.9fen.net

四. 注意颜色对屏幕的影响

内容采集来自9fen.net

Androind 不同的屏幕在色彩饱和度上有较大的差异,比如三星的屏幕亮度和饱和度都比一般机型要偏高。所以在进行设计的时候,选择的颜色一定要适中,不要偏色。 www.9fen.net

五. icon 的使用

www.9fen.net

icon 是代替文字标识的一种图形,它的价值意义就在于简化文字,通过图形来表达功能含义。所以设计的 icon 如果不能表达好,就会造成一定的识别障碍,这也是为什么我们说设计 icon 是考验一个设计师功底的技能。

www.9fen.net

六. 动效的使用

www.9fen.net

动效这块是产品中比较高规格的一个存在,所以在使用的过程中一定要谨慎,不能随意加入多余的动效,导致在使用产品的过程中出现问题。

copyright 9fen.net

标签: 经验分享 优设 优设网 交互设计 设计走查

郑重声明:本文版权归原作者所有,九分网络转载文章仅为传播更多信息之目的,如作者信息标记有误,请第一时间联系我们修改或删除,多谢。


九分网络专业提供公众号、小程序、PC及移动端站点搭建!网站程序及服务器维护:13106499520。微信:452570709

----相关文章----