做到这两点方案一稿过

  • 经验类型经验/观点
  • 经验属性原创文章
  • 经验版权署名-非商业性使用-相同方式共享
16865 35 874 2018-03-05

每一个商业设计师都遇到过反反复复修改不过稿的悲剧,但是做一个合格的方案真的那么难吗?当然不是!掌握正确的设计方法可以让我们更快更高效的达成目标。


Image title


有一天,我们的设计小伙伴在交流群里面扔了一张设计稿并且愤怒的表达了自己不满:“好气哦,为了这个项目,我扛住脱发的恐惧,熬了3天夜班,提供了N多个设计风格,最后需求方依然觉得不满意!我到底哪里做错了要这样伤害我!!”


我赶紧瞅了一眼小伙伴的方案,发现每一个风格的方案都是精心做了视觉效果,很明显能看出是花了很多的心思在上面,熬夜做了N稿但结果是依然讨好不了需求爸爸(抱头痛哭)。



每一个商业设计师都遇到过这样反反复复修改不过稿的悲剧,但是做一个合格的方案真的那么难吗?一稿过真的只是高手之间的神话传说吗?当然不是!在平日的工作之中,我们都会遇到大量运营需求,什么样的设计方法可以让我们更快更高效的达成目标就显的尤为重要。任何一位初高级设计师,在着手下笔之前明确自己的设计思路,一稿拿出让需求方满意的解决方案,都离不开两个关键的步骤:


要点一:解构信息(明确信息的层级关系)

要点二: 视觉传达(设计形式服务于设计内容)


下面就通过一个案例浅谈一下我的一些个人经验吧。




Image title


解构信息


学会梳理清信息的层级关系,处理信息的主从与重点

因为任何设计中,最重要的信息需要首要被注意到,然后是次要信息



信息的传达才是设计的重要目的,设计者必须将用户的注意力集中到可视化结果中的最重要区域。所以在开始做设计的第一时间我们应该学会梳理梳理清信息的层级关系,处理信息的主从与重点,接着就是要琢磨重点放在什么位置,是标题,内容,还是图片。


这个过程中和需求方及时的沟通和交流必不可少!有效的沟通才能帮助设计师确认需求的重点,而不是设计师自认为的重点,要始终牢记设计师是一个能够提供可视化解决解决方案的人,而不是纯粹表现自己的艺术家。



Image title


Image title


这是当时金山词霸零基础口语的一个课程详情页,需求给的文案信息大致如此,我们能看到各种大小的圆圈圈住了需求想要传达的信息。


我们需要及时的从非专业人士的表现手法里面跳出来达到更高一层去剖析信息,理清正确的信息级关系。


我们以其中一个模块为例

Image title


需要注意的是,最后呈现的视觉界面中重点过多就等于没有重点,配角的一切行为都是为了突出主角,切勿喧宾夺主


这些信息的重点就是视觉化界面的层次结构。一旦确立好层次结构,接下来就是靠常用的视觉形式来处理即可,例如通过字距,笔画粗细,颜色,以及字体等等。


Image title


在我们做一些视觉样式的时候,其实就是在设计如何将信息巧而美的传递给用户,在这个过程中我们要谈到高效完成项目的第二个要点。




Image title


视觉传达


设计的是传达的信息,在版式上所做的所有努力,都是为了传达信息

设计形式必然服务于设计内容



文字,色彩,图形,排版,等等都是视觉表现的重要要素,它们都是为内容服务的。我们所说的一张“美”的设计稿,这里的“美”并单不是狭义上的“美”,而是一种更便利的阅读,或者说更准确的信息传达,在这个基础上再去做创意加分。


相反效果做的再丰富多彩,方案出的再眼花缭乱,没有达到信息传递的主要目的,那就是纯纯的炫技而已,ps的技能高超是一种硬实力,但是我们始终要牢记一点:设计形式必须服务于设计内容。


Image title



Image title


我们还是用零基础口语的详情页的模块来实践一下


Image title


用这样的思路做出来的视觉方案给需求方看的时候


需求方:这对就是我想要!


接着我们用同样的方法完成了这次运营页面,也很快就获得了需求方的认可。


Image title



Image title


在我们所处的膨胀社会,人类的生活节奏加快,产品的更新迭代也跟着加快,流行趋势也是日新月异,设计手法可谓各有千秋,不断有人在做创新做着变化,唯一不变是内部核心的驱动力:信息的传达才是设计的重要目的。


如果你做好了一张设计稿,首先问一个完全不懂设计的人(可以是产品经理,运营专员,你的盆友们…)


你能看懂吗?(知道这个视觉稿是干什么的)

你首先能看到什么(主要重点信息

接着你能看到什么(次要重点信息)

以此类推。


最后问这个问题:觉得这个设计好看么?


如果所有的回答都是你想传达的,恭喜你盆友,你的设计很成功,满足了需求方的需求。


这个方式不仅能够提高你的设计效率,还能提高你和需求方的沟通效率,如果你正好碰上一个不知道如何沟通的合作伙伴,你也可以用这样的思路去引导他们讲述故事,更好的完成一个合作项目。


交流了那么多个人经验,如果你有更多更好的思路,欢迎补充。



Image title


全部评论:35

  • 兴想事呈Larry_Xu

    2019-04-09 11:51

    做设计之前都得把需求梳理整理一下

  • 岳绮罗丶

    2019-02-25 10:59

    看到原型图就已经枯了……

  • 伊丽莎白铁柱

    2018-12-20 16:26

    太厉害了,如果是我,看到那个原型就阵亡了,肯定被牢牢困在里面

  • 让我再想想

    2018-12-19 11:46

    学到了很多,感谢! 这才是设计师该干的事情,理性分析需求,设计服务内容,而不是一味的炫技,页面内容表达出来了设计上也很漂亮。不知道某些键盘侠说设计不怎么样到底是在哪找存在感。

  • Lucymin

    2018-06-14 17:18

    厉害了 我的大神

  • iljyya_p

    2018-05-05 16:49

    认真的我发现错别字

  • 相爱请深

    2018-03-18 12:41

    真的学到了很多,从文字分析,抓住重点,再怎样用视觉体现出来,每一步都说的通俗易懂。真的很棒;感觉大神能教给我很多东西

  • SIX_ADD

    2018-03-16 10:40

    @kandyhuang35: 我觉得设计挺好啊

  • 有点迷得Bolin陈

    2018-03-15 10:49

    我觉得这更像一个产品做出来的高保真,如果能注意一下对齐关系,将标题,可视化数据细节仔细打磨打磨应该会更好,理论还是不错的

  • 黑白豆豆猫

    2018-03-14 18:29

    每个案例都能受益匪浅!

  • ZhOuGuAnGg

    2018-03-12 14:41

    这个封面好像在哪见过~是studio吗

  • 两杯霜

    2018-03-09 16:17

    @kandyhuang35: 字打得不错,但用词实在没法和李白比,不知道说了大实话会不会得罪你

  • kandyhuang35

    2018-03-09 11:30

    @懿凡设计: 不和你争,拉低我身份

  • 懿凡设计

    2018-03-09 08:50

    @kandyhuang35: 每个设计网站都一群没有任何作品的键盘侠,你说设计不行请给出你的分析,自以为说了大实话,其实是自身水平只停留在所谓好看或不好看的层面。但是个人审美具体如何那就不知道了。

  • kandyhuang35

    2018-03-08 18:30

    分析还行,但设计实在是不怎么样,不知道说了大实话会不会得罪楼主

  • 醉方休

    2018-03-08 16:12

    @我就是来看看9482: 意思就是设计的表现形式是要根据内容来做的,表现形式表现的就是内容,内容是主,设计是辅。设计就是辅助内容更好的传达,而不是用内容去辅助你的设计。

  • 金山办公用户体验中心_北京

    2018-03-07 12:13

    @木白设计: 感谢,希望以后也能多多出一些能帮助大家的干货,我们也在学习和进步

  • 金山办公用户体验中心_北京

    2018-03-07 12:12

    @Erik FL: 笔芯,中华道家哲学有“大道至简”之理,基本原理、方法和规律其实都是是极其简单的

  • 金山办公用户体验中心_北京

    2018-03-07 12:03

    @蕴晓恪: 每个项目都是独一无二的,用方法论作为指导,但是具体情况具体分析哦,希望对你有帮助。

  • 金山办公用户体验中心_北京

    2018-03-07 12:00

    @我就是来看看9482: 通过案例的描述是希望我们能更好的向大家传递,“形式服务于设计”这个设计理念,案例中分三个阶段做完一个模块的设计,每个阶段都有每个阶段的目的,我们想表达的是,设计形式只要起到满足每个阶段的目的,那么这个设计形式就是合格的,而不需要额外夸张的技法。此外我们也希望设计师不局限于“合格”的技法,更想和大家探讨在设计理念的支持下,能否做到比“优秀”,当然这是本篇文章的题外话,希望有机会能再和大家一起探讨。

  • 金山办公用户体验中心_北京

    2018-03-07 11:52

    @儒道相补: 每一次的项目实践都能带给设计师很多的启发,这篇分享就是设计师从真实案例中总结出来的设计经验,方法论也是更能落地到平时的工作中。我们很建议大家都能从平时的工作中不断总结不断收获。

  • 我就是来看看9482

    2018-03-06 18:07

    还是没明白设计形式服务于设计内容跟案例有什么关系,提现在进阶感上吗

  • micky凌

    2018-03-06 17:56

    多谢分享

  • 细雨的影子

    2018-03-06 17:25

    多谢前辈分享,学习了。

  • Kim Yanis

    2018-03-06 15:34

    谢谢前辈分享!

  • 儒道相补

    2018-03-06 13:55

    刚在金山词霸里看到这张页面。。

  • 投掷黑豆的小懒

    2018-03-06 11:05

    很受用

  • 超VVV

    2018-03-06 10:36

    受教!

  • 蕴晓恪

    2018-03-05 17:32

    嗯,下次按着这个教程来做一次项目试试。

  • 更多

更多作品

发表评论

取消

点击右上角
分享给朋友吧

分享到

取消

每人每天仅限5票,快给你心仪的作品鼓励的一票。

投票