网站地图    收藏   

主页 > 设计 > 网页设计 >

视觉设计师的进阶心法:产品视觉设计系统_交互

来源:自学PHP网    时间:2015-01-08 09:51 作者: 阅读:

[导读] ...

  既然是叫“心法”,固然是更多的设计理解和流程维度的思考。希望能为志同的朋友有所帮助,也算是作者对自己5年多工作的总结。

  积极心态

  Robin(李彦宏)说得好——人要做喜欢且擅长的事,首先,你要足够确定你真的喜欢设计。

  热衷于发现美、感受美、创造美,最终能解释美。积极的行动和思考是进步的源动力。据我所知,业内优秀的视觉设计师都会用业余时间来做很多和视觉设计相关的事,摄影、涂鸦、手工创作、制作影片…兴趣和工作是可以结合的。

  明确目标

  视觉设计师的任务是什么?

  有效传达信息

  简洁而优雅的传达

  通过视觉设计,制造愉悦的用户体验

  你每做一个设计,都拿以上3点衡量一下,会清晰许多。

  消极心态

  曾不止一次听到抱怨“公司限制太多了,有什么可设计的?没发挥空间”“你花这么多心思做是没用的,老板不要这个”

  初期设计师容易走入的一个误区。他认为好的设计就是把图标画的特逼真,质感多丰富。什么描边发光投影功能都必须得用一遍,恨不得界面上每一个按钮都能飞出一朵花来。

  如不让他造成这样,他会特失望。当设计一次次被否后,思考和主动性丧失,不再愿意创造突破,懒的思考,老板说什么就做什么。口上不说心里不服,然后开始学会托活,1天的事非得磨3天。他设计最终的目标已在不知不觉中转变为“老板说OK就OK”,然后在不知不觉中,沦为了真正的美工。

  不能说这样做就是错的,老板的眼光和关注度总会比普通员工更准确。但我想说的是,如果想要从根本上进步,首先需要开放的心态和深入的思考,不想有过多教育的口吻,可这是事实。

  需要把“老板为什么不要这个?和老板要什么?”这2个问题想清楚。设计师需要足够客观的心态面对所有人对设计的评价,“你不懂设计,我是专业的”这样的话其实毫无逻辑。设计本身,就是服务于大众平民的,所有人都有资格评价。

  谁都有权审美。任何设计也都有据可循。任何优秀设计师都不是只做一稿就缔造辉煌的,经得起所有人推敲,才是正宗好设计。何来“白做了”这一说?

  独立意识

  当被老板或总监“蹂躏”过一段时间的设计师, 他变的对自己设计把握力不自信起来 ,可爱的是:”总监,你看这个质感行不行;我做了3个效果,1个是纯黑色的,1个是稍微浅点儿的,还有个带纹理的。你说用哪个?

  此时总监要么笑,要么烦。拜托思考一下,3个颜色差异甚小的细节,会对实际体验造成多大区别还需要开研讨会来确定?你是设计师,你以你的专业眼光和分析下,迅速决策下不就O了。

  先对他的工作勤奋谨慎态度表示敬意,但关键是,领导的工作是为了解决更难更多的问题,而不是为你解答太多小疑惑。

  跟领导沟通,永远要带着解决方案,说出你所推荐的方案和其他可能性方案,以及理论依据。然后征求评价。敢于独立思考和决策很重要,即使决策错了,印象也更加深刻。

  革命意识

  有句职场名言——你如想要优秀,每天需要抽一些时间,专门去尝试领导已经say no的方案。是的,设计是感性的,用户也是感性的。同样的内容用不同的方式表现,效果截然不同,每一种方案都有他的理由,设计没有标准答案。

  也许领导总要顾全大局而保守,他只是担心有限的时间内你能否把控并拿出足够张力的方案而保持稳妥处理。更新更酷的idea很容易想到,关键是idea在转化为实际效果的细节过程中,很考验设计师的把握力。而把握力需要足够的时间和数量去磨练。

  在这事当中,最关键的是要分得清哪些是感性化因素,哪些是基本原则,如果盲目挑战基本原则,那可要掂量清楚了。革命的法宝是循序渐进。

  审美洁癖

  有些视觉设计师,由于性格原因会有强烈的个人口味倾向,首先他有很自我固定的审美口味,钟爱某类设计风格,但过于偏激导致与他的审美相悖的风格心里不能接受。这如同小孩挑食一样,特喜欢吃的就吃不够,不喜欢的就压根不碰。

  在他做设计的时候,总会主观地把自己个人的口味带入到公司产品设计当中,面对颜色、质感,如果公司文化要求和他的审美观不符时,就会特痛苦,在细节设计中总是情不自禁、一遍一遍地想加入个人爱好。

  然后又被总监或老板一遍又一遍的拍,最后不断纠结,在一些细微的效果上不能确定,翻来覆去调来调去,导致时间浪费,急躁上火,甚至自我怀疑能力而沮丧。

  不是反对设计师有个性,但做为一个设计师,分清品牌需要和个人胃口是最基本的能力和要求,最关键的技巧是要有意识的去品位不同的美,浓郁的、华丽的、清新的、素雅的…理性的观察他们的区别并能够通过提炼其特征来完成设计,这也是设计师进阶所具备的心法。

  设计师总是敏感而感性的,也许今天的任务很适合胃口,一天做下来很开心,明天的任务又特枯燥无趣,边打哈欠边工作,当被这些矛盾纠结上火而头脑发昏时,不防先抽身出来,深吸一口气出去走走放空一下,我的经验是行走过程会比坐在电脑前思路更通畅。

  思索设计的目标是什么,自己的纠结是否与目标有关联或冲突。视觉效果的O不OK,其实就是第一感觉,有时候看久了反而会迷失,所以尽量用第一感觉去观察,这样才能真正发现问题,再不行就找同事去看。

  切忌不可一个人闷头苦磨。

  团队资源

  设计师大多都会有一个“毛病”,做设计的时候特不愿意有人站在身后看。那样总觉得没安全感。我有时会有这种感觉。但仔细观察其实不难发现,这种心理一般只会在设计师面对当前工作自己都没有信心时。在此时很容易进入一个思维惯性的误区,那就是堕入到闷头苦磨的旋涡中。根源也许是性格深处的缺陷——不愿意暴露的缺点,不愿被人say no。

  举个例子:

  小刘接到做广告图的需求,需求方给了基本文案和内容元素,小刘开始设计,1小时里,他在画面上摆来调去,要么觉得东西放什么位置都不合适,颜色、效果怎么加都觉得不对劲…几小时又过去了,他闷闷不乐地拿着不自信的图给总监看,总监告诉他:思路不对…

  为什么在最初期方向把握不确定的情况下就找他沟通呢,或者可以思考下有几种设计方向,迅速画出手绘草图,和关键人或团队其他设计师沟通下想法,确定思路是否合理,再上机做设计。这样磨了一上午,纠结了自己,浪费了时间。

  其实我的经验是,设计师更是需要在高度沟通和活跃氛围的环境下,成长才能更迅速。

  因为优秀创意很少是一个人闷着头就容易想出来的,更多时候,你一句我一句,互相渗透下想法,感觉马上就来了。比自己一人闷在那里想要快的多。首先自己愿意迈出第一步,创造活跃的沟通气氛,敢于接受意见,并能够按照他人的逻辑去思考。

  设计师是树苗,团队是沃土,养分的全面和互换,这一点至关重要。

  综合能力

  熟悉交互设计、积累产品经验、理解用户研究、掌握动画设计,这是所有公司对高级设计师的硬性指标。

  高级的意义就在于更广泛的知识和更高的眼界,只有这样,你的设计方案才更具权威性。时刻保持一颗学习的心,和接受新事物的意识,当今社会没有特“纯粹”的职业。

  业余时间

  还经常听到一种抱怨“产品有限制,我所擅长发挥不出来”,这样无疑是把自己的设计专业成长寄托在产品上。认为产品不成功自己的设计就不能成长。这其实是个借口。

  其实面对这个问题,最好的办法就是把设计分2条线:

  项目线 :公司的实际产品项目,理解并按照实际情况,满足产品设计需求并达到公司要求完成。

  专业线:这件事的意义是有意识的发现和总结当前设计能力哪里不足,有针对性地制定课题,安排业余时间来提高。比如图形体系化绘制练习、动画技法掌握、交互设计…接私活更是一举多得的优秀课题。

  “你能成长多快,取决你的业余时间在做什么”,这句话很无奈。在公司的8小时工作内容,已经被公司用给你的薪水买断了,如果你要有额外的提高,思考下如何利用业余时间吧。

  系统思考

  通篇看似最水的内容,但其实是正宗干货。这是所有设计师要往高阶发展面临的一个思考,也是一个更专业的问题。突破了,就得道。过不去,就是个坎。

  初谈系统思考,觉得这个话题太大了,怕说的不够好,但也斗胆说一说。篇幅原因只做概括,设计层面的细节知识可另起一篇文章产品设计体系下,每一个模块都是独立的,但又相互循环作用,最终决定产品展现形态。

  下图是我所理解的产品视觉设计系统,不合理之处还望指出

产品视觉设计系统

  品牌视觉:

  公司和产品灵魂,它是用户对产品的直接印象,比如大家说到小刘时,脑中总会浮现他的长相特征、行为或语言特征等等,这是很直接的,不需要太多的思索。

  所以品牌建立对视觉设计的要求就是建立特征、保持特征、推广特征,美化特征。而针对品牌的这些要求,需要提供完整且匹配的视觉设计解决方案。

  运营设计:

  运营设计的目的是让用户尽情感知到产品的好;把产品的特点通过设计包装最大化并push给用户。

  这个过程中需要的思考是是:广告创意够不够吸引用户?画面是否足够视觉冲击?文案够不够诱人?是否清晰易懂?运营角度是否匹配品牌定位?

  普通设计师做运营图的标准是:把图做好看

  高级设计师的标准:用户看到图后有没有产生足够兴趣和好感,并乐意去点击和体验产品。

  用户界面:

  用户与产品接触过程中、接触频率最高、最直观的部分,他的任务是让用户认识产品的相貌和气质。品牌定位决定了界面的展现气质和体验,界面设计需要注意视觉层次的强弱、信息划分架构、用户浏览轨迹、色彩、质感使用的和理性和舒适度、以及视觉耐久度。

  最终设计目标——哇,这界面看着真爽,没事就想多看看。

  用户引导:

  为了能让用户更快学会产品的一些功能操作,比如一些较高级或隐藏的操作,通常会用引导图、产品介绍、提醒tips等方式来告知用户。它的设计原则首先是要简练、直观、易懂,其次是要符合用户操作的流程顺序,把引导安排在适当的时机。

  然后,设计要足够友好化,趣味化,这样才能让用户有足够兴趣去关注引导,并不会因为中断了他的操作任务而反感。用户引导设计也是界面设计的一部分,它的视觉感受有时候需要和内敛的界面质感区分开,通过视觉反差才能达到注意。用户引导其实很像给用户讲故事,那么设计也要足够轻量化。

  说白了,系统思考这件事是要给设计师脑海中建立起完整、清晰的设计系统,你的每个决策如果能套用这个系统来衡量,设计方案考虑会更全面。它的作用是帮助设计师把所有问题和解决方案逻辑化、模式化。从混沌中走出来,理性地设计。

  还记得我在百度离职前,总监对我的嘱咐“你现在面临的最大挑战就是系统级的思考,这也是你现在欠缺的能力。这件事的理解程度,决定你的成绩”。当他说出这句话时,我有种心弦共鸣的激悦感。

  其实他不知道,在那之前几个月,我就已经偷偷的利用业余时间思考和梳理这个问题了。直到现在,系统化设计思维的旁支脉络在我脑海中越来越清晰。由衷的感谢他2年来的指导,受益终生。

  设计传达、工作沟通

  首先你要有足够的沟通意识和意愿,这是你工作效率,不返工的直接凭证。

  其次是跟任何人讲你的设计,也要能简明扼要的说清楚,你如何思考,如何开始设计,通过设计解决了哪些问题?如何验证设计?流程和方式有很多种。

  当你跟团队讲设计方案之前。你就要思索过程中可能遇到什么样的意见和异议。并提前准备好解答方式。保证会前提前沟通准备,会上高效沟通,只做核心讨论,并及时纪要。要知道,你讲方案,这件事本身就是在做设计。

  面对设计修改意见

  当你听到以下对设计的评价和建议,你一定需要分清楚它们的性质,人对相同事物的视觉感受是有一定的主观性差异性。但好的设计绝对是大多数人一眼就认同的。

  1.感觉有点怪:引导他说出哪里怪?是颜色怪?还是图形怪?还是排版不舒服?如果他说不出是哪里怪,那就告诉他,找出理由后再做定夺。

  2.你能不能换个颜色?我不喜欢这个颜色…诸如此类个人口味层面的要求,你要通过设计知识解释你的思路,引导他认识到这个建议和设计体验并无冲突。完全可以不做修改。

  3.如果产品对视觉排版、信息展现有疑议。要按照他的思路来走一遍,看看是否真的有优化空间。这块的意见至关重要,因为设计师往往缺乏从产品角度衡量设计,悉心听取意见是重要的。

  4.面对老板的修改意见,委婉而清晰地传达你的思考角度,如果他还坚持让你修改,那就,改!有时候,试错是唯一的办法。事后验证设计成果的意识非常重要。

  5.针对小细节的争论应该避免,不影响体验的小改动,尽量接受。毕竟大家工作也是要讲感情的,你额外为别人小满足下个人口味,也更赢得他人的赞同。

  Deadline观念

  画两笔,看一眼微博,再画两笔,聊2下QQ…一天下来,任务思路一直在不停中断、重启。其中浪费的时间不知道有多少…如果任务给3天完成,就闲散的完成,忽然说要提前完成,就X花一紧,然后拼命赶活儿。手忙脚乱的狼狈…

  接到需求时,先解读,沟通确认无误后,问自己需要多少时间?是否有并行事件,如果你精确到画一个icon之前就给自己限定时间,那是最好的。这个思维模式绝对会是进阶法宝。

  任何事总是比预期的要费更多时间,时刻留有余地。前紧后松,永远是做事情的最佳法则。永远在deadline前留有缓冲。

  工作管理

  这是每个职业都需要具备的意识,怎样梳理杂乱和并行的工作list,怎样做优先级和时间排序,什么时候该做什么事到什么程度…设计也一样,毕竟时间决定一切。

  设计赏评

  做这件事的目的,1是为了在脑海中建立更丰富的资源库,2是过程中你会更迅速的观察并解析设计案例的优秀之所在,颜色特舒服?构图特醒目?创意给的妙?文案写的巧?亦或是其他的妙处。日积月累下来,你会越来越快地得到idea

  好记性不如烂笔头

  这句话好像和设计无关,但这是我之前在百度最大的收获

  第一,保证你脑中的灵光不会被忘掉;

  第二,先画草图,再上机器。这绝对最效率,也最容易理清逻辑。不信你就试试,观察下不画草图直接上机,你会浪费多少时间。

  就像我写这篇文章,写出来了,思路更清晰。

  设计天赋

  有人说”我没有做视觉的天赋”这又是一个弱暴了的谬论,科学表明,只要你不是色弱色盲,智商正常。那么你和其他优秀设计师没什么不同。还是那句话,设计不是创作艺术,而是解决问题。这两者也不矛盾。

  总结

  说到的这些,相信所有人都不会陌生,这些不仅是设计师所面临的问题。也同样适用于所有职业。

  文:199IT

自学PHP网专注网站建设学习,PHP程序学习,平面设计学习,以及操作系统学习

京ICP备14009008号-1@版权所有www.zixuephp.com

网站声明:本站所有视频,教程都由网友上传,站长收集和分享给大家学习使用,如由牵扯版权问题请联系站长邮箱904561283@qq.com

添加评论