Discuz! Board 门户 教程频道 图文教程

UI项目,你真的做好了吗?

2017-12-30 12:31

很多同学在找工作的时候都会感叹,虽然我暂时没有实际的项目经验,但我能够独立完成一整套app设计,做了很多界面练习的概念稿,这难道还不能证明我的能力吗?我做的比那些上线的作品更精美,为什么因为没有经验就把 ...

很多同学在找工作的时候都会感叹,虽然我暂时没有实际的项目经验,但我能够独立完成一整套app设计,做了很多界面练习的概念稿,这难道还不能证明我的能力吗?我做的比那些上线的作品更精美,为什么因为没有经验就把我淘汰掉?

 

在做了一些项目之后,我慢慢地体会到,想要做好一个完整的项目,需要考虑更多纯视觉以外的内容,而这些是自己在做虚拟项目时不曾遇到的。根据自己的工作经验,我总结出了一些在做项目时需要注意的地方,以及曾经踩过的坑,与大家共勉,看看自己是否把这些细节都考虑完整了。

ui_product_02

在做概念稿时,我们可能只是单纯地从美观角度或者流行元素上去选择排版和布局,比如最近很流行的卡片式、弥散阴影、无线式分割、大黑粗的标题等等,总之就是怎么好看怎么来,什么流行用什么。对于为了强调视觉表现力的概念稿来说,这样做无可厚非,然而在实际项目中,选择什么样的表现形式,是要从需求出发,根据功能特点、内容的主次来选择相应的排版布局方式。

 

当你看到交互稿或者当产品把界面上需要呈现的内容交给你时,你的脑海中可能已经浮现出N种版式布局的方式。不要以为交互稿上已经把元素排好,你只要照着画就行了。交互只是告诉你界面上需要放哪些内容以及内容的层次和逻辑关系,未必要按他的排版方式来做(尤其是当你家交互也不是特别专业的时候……)。因此,我们也需要认真思考,应该选择什么样的版式来呈现这些内容。

 

有时候当只做一两个简单的界面时,可能不需要交互,需求方会直接把内容告诉你。虽然看似很简单,但是也不要掉以轻心,抄起ps就开始做。如果前期没有沟通好,没有深入了解需求,可能会让你事倍功半。

 

比如这样一个拍摄视频的应用的设置模块,需求方告诉你,有这些这些还有这些参数可以调整。你心想,这还不简单,打开ps噼里啪啦火速搞出了这个界面:

ui_product_03

嗯,没毛病,so easy。

结果还没嘚瑟完,就被需求方打了回来。“小王啊,我觉得设置这里要改一下,还是用弹窗比较好。”你一听火大了,凭什么要改,侧边栏的形式多干净简洁,操作也方便,需求方都是xx,懂不懂设计。

 

表面上看,这是一场关于到底用弹窗形式还是侧边栏形式的争执。然而当你心平气和地坐下来和需求方进行沟通后,发现事情并不简单。原来,这些设置里的一些内容是做不到修改后就实时显示出来的,需要一定的处理时间,因此会造成延迟。所以需要修改后有一个确定的按钮,确认后再统一处理。这样来看,再用侧边栏就不合适了。当然,弹窗也只是其中一种方式,了解了问题的根本,我们可以想出很多种解决方式,比如也可以进去单独的一个界面进行设置,完成后再返回。最后综合考虑,还是选择了更轻便的弹窗形式:

ui_product_04

其实这里面还有许多细节需要考虑,比如每一项的调节内容和调节方式是怎样的,有几个强度等级,是连续的还是间断的,是整数还是可以有小数(精确到哪一位),上下限分别是多少……每一项都要根据其特点选择合适的调节方式。

 

因此每一项都需要跟对方沟通清楚。有些数值是连续的,适合用调节杆;有些提供了特定的几个强度选项;有些可以手动输入;还有些可以开启或关闭,因此要用开关的形式……

ui_product_05

 

所以我们应该把所有细节都弄清楚之后,再确定表现的形式就会有明确的依据,而不是盲目地不断尝试,却总得不到对方想要的。

 

当然沟通也是需要技巧的,既不能一味地互怼,也不能完全地顺从。我们需要看到的是甲方爸爸提出的这些看似无理的要求背后的真实目的是什么。我们经常会吐槽甲方喜欢放大加粗大红色,还要五彩斑斓黑。仿佛全世界的甲方都有这么奇葩的审美。但实际上并不是因为甲方的审美low,而是因为他们不是设计师,以他们仅有的那些设计认知,想要突出强调某个内容就只能想到用大红色和加大加粗,文字变形就想到Word里的艺术字……这才是甲方的世界中最简单和朴素的设计法则啊!

 

所以你不用苦口婆心地教育他这样真的很丑。我曾经按照一个甲方的要求把蓝字后面的背景改成了他想要的红色,结果他自己也觉得很辣眼睛。他们的真实目的并不是想要把背景改成红色,而是想要这个字更加醒目一些。作为设计师的我们,可以有一万种方法让他醒目啊!如果你也只会加大加粗加红,那跟甲方还有什么区别……

 

所以最重要的是理解话语表面背后的真实需求,所有的方法和技巧不过是解决问题的手段罢了。

ui_product_06

大家都有这样的经历,每次考试时,写完试卷后肯定不会立即交卷,总要回过头再仔细检查一遍(学霸请绕道)。做ui界面也是一样,当所有界面都完成后也需要做一次走查,确保完整无误。但是很多时候会遇到这种情况,明明已经反复检查了N 遍,最后还是有些小错误愣是没有发现。所以我们需要给自己制定一个走查表,列出需要检查的项目,然后每次检查时一一对照,就可以避免有遗漏。毕竟需要检查的内容很多,脑子记不住也不是你的错……

 

走查表的内容因人而异,没有统一的标准,也不可能非常完美没有缺漏,只是为了提供一个更规范的流程,完善你的设计稿。以下是我总结出的一些走查的内容,供大家参考。


鲜花

握手

雷人

路过

鸡蛋
该文章已有0人参与评论

请发表评论

全部评论

时间2017-12-30 12:31 阅读201 回复0
上一篇:
秋天已经过去,一叶知秋-剪纸风教程【教程】发布时间:2017-12-30
下一篇:
PS CC2015绘制iPhoneSE【PS教程】发布时间:2017-12-30
专注素材教程免费分享
全国免费热线电话

400-1234-550

周一至周日9:00-23:00

反馈建议

webmaster@ibeifeng.com 在线QQ咨询

扫描二维码关注我们

Powered by Discuz! X3.5© 2001-2013 Comsenz Inc.