栏目分类

News

开网店知识
当前位置:网站首页 > 开网店知识
作图前先搞清这个!美工看了沉默,运营看了流泪
作者:admin 来源: 日期:2017-8-31 21:33:36

很多粉丝刚入行的时候都会遇到无从下手的问题,那么无从下手是因为什么呢? 首先在设计流程上出错。

很多粉丝拿到需求之后,直接就去找参考,或者边想边做。其实第一步首先应先与运营沟通,确定设计的目的。设计本质只是一个载体,目的是通过设计的手段去传递信息。比起页面美观,设计传递的信息更为重要。

在进行设计之前,不能在没有明确目的的情况下进行设计,不然往往达不到预期效果,经常会调头重做。好比一个国家,战略目的明确就是打仗,就坚决执行不动摇,打赢为止。不要又打又和,反反复复,南宋就是这么灭亡的…扯远了...

下面我以一张海报为例,跟大家分享下设计的流程。(借用下秋水伊人的模特)

第一步 整理信息确定目的

这个excel并没有说明设计主题,所以运营提供信息之后,我们应先找运营沟通说明设计目的。到底传递什么信息给消费者?是新春上新呢?还是打折活动呢?主题是什么?

经讨论确定文案的传递层级,首先主要传递信息是专区折扣,顺丰包邮,次级信息是新春上新。

第二步区分信息主次,增强对比

先将文案全部打上去,方便我们操作。然后根据我们的设计目的,提取主题字眼,重要的信息放大显眼,次要信息缩小摆放。排版要根据信息的重要层级去排列,而不是随心所欲,只为美观的。

减弱次级信息,好比在会议室突然安静下来,即使声音很小,别人也可以听到。重点信息8折用绿色的互补色红,进一步突出主体,对比更加强烈分明。

第三步 信息视觉化 增添细节

加入边框,将读者视线锁定集中在中间。将信息视觉化,比如顺丰包邮加了一个飞机图标,活动时间加了一个闹钟。让消费者更快速感知信息。另外添加一些线条变化,让画面充满形式感,打破常规。

最后加入一些绿色点缀有一些春天气息,同时加入投影,让画面更有空间感。

大家看下面个图。即使完全一样的文案信息,但是不同的设计目的和主题,会导致不同的结果…

为什么一开始不直接设计要先确定作图目的呢?因为设计会随着我们想要传递信息的不同,使用不同的处理手法。所以首先就要跟运营沟通清楚为什么要设计这个作品,明确作品的最终目的,区分信息的主次。

不经过沟通直接设计,最后往往会被客户或者运营说:“这不是我想要的…”

篇二:据说只有处女座才能看出来的设计规律!

咱们今天继续聊聊网格。

网格只是辅助工具,是为了帮助我们在设计过程中让画面的元素对齐,更具协调性。只有对齐,画面才显得整齐利索统一。大家不要忘了,对齐是设计中最最最基础的原则。

大家想想生活中把屋子收拾干净,第一步不就是把东西摆放整齐吗?

原则都是被打破的,但是是在学会并熟练掌握的前提下。网格系统也是如此。

先看几个案例。

小米的专题页套上网格观察

模块均与网格对齐重合。

包括头图下这4组文字部分。

也全部与网格居中对齐。

网格设计到底是什么呢? 就是咱们做设计的基础,画好辅助线,让设计元素对齐。画面就有一种比例的美感,显得规整有序。

学会这个,最起码当我们看到一些作品的时候能看出背后使用的原理,而不是光说卧槽,牛逼。。。

要创造一个基于网格的作品,不意味着任何东西都要对齐。

太过于依赖网格对齐,设计就会显得过于死板和枯燥。毕竟设计是灵活多变的,是以人眼的实际感受为目的。

网格系统不是万能的,只是一个辅助我们的工具。画好辅助线之后,我们可以选择把元素与之对齐,也可以选择不对齐。网格只是给我们提供一个参考和建议。可以先让页面设计的富有规律和协调性,然后适当的去打破规律。

除了网格设计之外,还有常见的一些设计比例 4:3 , 16:9 以及斐波那契数列,黄金比例等等在设计中的运用都非常常见。

小模块凡是经常做设计的一定非常眼熟,特别常见于天猫时尚类的专题页,你可曾想过这堆小模块为什么摆放起来如此漂亮,背后可有规律可循?

全部都是PS默认的比例~ 4:5 5:7 2:3 16:9

至于PS为啥默认这些比例,我也不知道…欢迎讨论…

总之无论是网格设计还是黄金比例数列等等,我们都是利用数学辅助我们更好的设计,而不是为了设计数学。

下一篇:没有资料
版权所有 (C) www.yjbaihui.com 2017-2020 一家百汇电商 未经许可 谢绝转载