做到这两点方案一稿过

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

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

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

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

  • 要点一:解构信息(明确信息的层级关系)
  • 要点二: 视觉传达(设计形式服务于设计内容)

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

要点一

解构信息:学会梳理清信息的层级关系,处理信息的主从与重点,因为任何设计中,最重要的信息需要首要被注意到,然后是次要信息。

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

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

案例

这是当时金山词霸零基础口语的一个课程详情页,需求给的文案信息大致如此,我们能看到各种大小的圆圈圈住了需求想要传达的信息。我们需要及时的从非专业人士的表现手法里面跳出来达到更高一层去剖析信息,理清正确的信息级关系。

我们以其中一个模块为例

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

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

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

要点二

视觉传达:设计的是传达的信息,在版式上所做的所有努力,都是为了传达信息。设计形式必然服务于设计内容。

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

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

案例

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

用这样的思路做出来的视觉方案给需求方看的时候,需求方:这对就是我想要!接着我们用同样的方法完成了这次运营页面,也很快就获得了需求方的认可。

总结

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

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

  • 你能看懂吗?(知道这个视觉稿是干什么的)
  • 你首先能看到什么(主要重点信息)
  • 接着你能看到什么(次要重点信息)

… 以此类推。

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

如果所有的回答都是你想传达的,恭喜你盆友,你的设计很成功,满足了需求方的需求。这个方式不仅能够提高你的设计效率,还能提高你和需求方的沟通效率,如果你正好碰上一个不知道如何沟通的合作伙伴,你也可以用这样的思路去引导他们讲述故事,更好的完成一个合作项目。

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

UI中国

作者:金山办公用户体验中心_北京

(0)

相关推荐

  • PPT演示稿设计之我见

    产品网页设计与演示稿(PPT)设计其实是大有区别的。因为定位不同,所以我们要考虑的用户体验也有区别,产品设计所考虑的细节这里不一一介绍了,而PPT 演讲稿的设计,由于需要考虑投影仪的清晰度,用色上是需 ...

  • Word实现各种方案总结性对比

    16.6 各种方案总结性对比 以下"理想①"对应16.1节的,余类推。以下"不足、瑕疵、隐患"述于16.3.14、16.4.16节。Word指"Word 2007引文与书目"功能;"顾宏"指本人自建的 ...

  • 推销计划方案的格式是怎样的

    (一)市场状况分析 要了解整个市场规模的大小以及敌我对比的情况,市场状况分析必须包含下列13项内容: (1)整个产品在当前市场的规模. (2)竞争品牌的销售量与销售额的比较分析. (3)竞争品牌市场占 ...

  • UI设计师必知:线框图、原型和视觉稿

    UI设计大师们常常画漂亮的线框图,原型,视觉稿,超赞,超令人感叹. 但是你分得清这3个概念,它们的用途吗?是否也常常傻傻分不清呐,今天就彻底的了解下它们吧. 前言:本文为译稿 背景:两三年以前,我发现 ...

  • 视觉设计如何“一稿就过”—— 谈谈最近踩过的坑

    小编:最近小编有一稿过的经历,所以非常开心.今天给大家带来的是由刘津legene给大家分享的视觉设计如何一稿过. @刘津legene:最近一年多,我们在设计企业级产品时走了很多的弯路,这些弯路促使我们 ...

  • BOSS惯性推翻设计稿

    @紫儿妖姬@Haha作为一个设计师,该如何应对boss无数次改稿的要求?该如何应对交稿后boss又有新的想法?该如何应对boss推翻之前的设计重头再来的行为?面对这样的难题,我们如何采取有效的措施? ...

  • 从完成视觉稿到上线,你还需要做这些(下)

    上一篇传送门:<从完成视觉稿到上线,你还需要做这些(上)> 上一篇讲的是适配标注以及切图,这次来讲后面的三步:制作Demo.跟进开发以及验收. 制作Demo 制作Demo可以在完成适配标注 ...

  • 百度地图如何测量两点之间的距离

    出门在外,特别是去了陌生的地方,如果需要从一个地方到另一个地方,不知道这两个地方的距离有多远,选择什么样的交通工具,需要耗费多少时间等.这个时候如何使用了地图的话,都可以帮我们解决,下面就来介绍下如何 ...

  • 苹果ios5.0.1耗电问题解决新方案

    苹果ios5.0.1耗电问题解决新方案 首先我只是看不惯那些人,整天说费电5.0.1的FY们...为什么会耗电呢.....因为不会设置跑流量导致耗电,下面说说吧... 首先刷完系统5.0.1 ,设置, ...