12步设计流程!成熟的设计师都这样做练习

例如:想做平面训练却不知道怎么定选题?做图没灵感的时候怎么办?怎么判断自己训练的好坏?设计完成后,怎么清晰的阐述自己的设计思路?

训练总是零散的,怎么加强作品的完整度?自己作品的包装为什么看起来品质感不够?

流程:

从设计流程的思路来讲,我把整个作品训练的制作流程分为以下几个步骤:

以上12个步骤,基本上是做什么类型的作品训练都会有的步骤。接下来我逐一为大家讲解,我们是怎么去做的,以及它的技巧或目的。

一、确定训练主题

你的能力短板在哪里,决定了你的训练方向是什么?

现在互联网上的教程多如牛毛,一些跟着教程做出来的零散的训练,放在作品集里是很难吸引人的。在没有太多商业经验的时候,学会拟定虚拟项目,是一个非常有效的积累作品的方法。

明确目标

-

首先,在定选题之前,你要明确自己的训练目标。例如:熟练软件应用?强化视觉表现力?提高版式编排的能力?其次,就是明确你的创作主题是属于哪一类?商业项目训练?还是创意实验性质的训练?

如果你做的是偏商业的选题,那在你定主题时,就要多换位思考,假想你是这个项目的甲方,多考虑功能上的需求。用这样的角度去制定需求,准备文案。这样能有效的让你的训练更贴近工作需求。

反之如果你的主题是实验性质的训练,那你就得明确主题的研究方向。

以平面营前期的三个原创考题为例:

品牌物料设计:考验的是学员多尺寸编排的基本功、字体搭配以及对品牌调性把控的能力。

原创海报设计:考验的就是版面布局、图文混排、文字组样式变化的能力。

电商banner设计:考验的就是色彩搭配、主视觉以及视觉效果制作的能力。

总之,明确训练目标非常重要!!

成组产出

不论是什么类型的作品训练,哪怕只是为了拓展自己的视觉表现力,那也可以指定一个载体,让最后呈现的结果变成一组或一个完整的项目。这样成组的作品才能展现你解决问题的能力,给你的作品集加分。

以平面营延展考核为例,这是基于前期完成的单一考核延展出来的成套作品,这样的作品会更全面的展示你的能力。

二、梳理设计需求

延展出来的物料,必须符合主题需要,否则将毫无意义。

这一步最容易出现的问题就是,想当然的去堆砌一些主题用不上的物料,觉得图越多越好。其次就是不考虑实际场景或用途,随意的确定主题的调性,导致成品一眼看上去就像飞机稿。

换位思考

哪怕是相同尺寸的物料,在不同的主题下,能制作的物料也是不一样的。所以,最重要的还是这些物料在这个主题里是否能用得上。这一点非常重要,因为现实生活中,没有那个公司会浪费钱让人设计一些根本用不上的东西。所以这步还是要多换位思考。

比如:同样是A4尺寸的物料,你做公司性质的主题,那你可以延展信纸,但如果你是做餐饮主题的店铺,那你就可以做成菜单、传单之类的物料。

再比如:你做了一个活动展览主题的训练,那如果要丰富作品,除了海报以外,你还可以设计这个活动的门票、工作证、产品包装、周边延展之类的物料,总之只要是能用上的都可以。

三、整理文案资料

梳理文案最最最重要的,就是真实!合理!

其次,如果方案做得完整,文案又有一定的差异性,最后作品呈现出来的层次也会更加细腻。说白了就是增加成稿的说服力。所以,你们整理出来的文案,一定要看起来像真的。

比如,这张学员作品里的文案,每个都是符合主题内容的。这样的训练,会看起来更真实。

信息传递

如果遇到没做过的物料,不知道该梳理什么文案的,可以去看看同类物料上的文案有哪些类目,把文案梳理好了再做设计。不然就算你设计做得再好,也解决不了实际需求。

拓展信息

有些时候信息太少了,我们的编排很难做出形式感。这个时候,我们可以从文案里提炼一些关键信息,或者翻译一些英文。我们把这类文案叫做点缀文本,这类信息梳理了最后不一定会用,但是我们一定得准备,后期拿这些信息来做对比或增加文本层级、做点缀都非常好用。

总之,不要拿着文案就无脑做编排。每一段文案都要过脑子思考。看看有没有误导?多站在观看者的角度去考虑问题。如果无效信息特别多,那么最好也要协调好再动手。尽量做到信息传递简洁有力,这些都是做设计基本要考虑的。

四、梳理思维导图

善用思维导图挖掘主题、推导方向、记录重点。

在整理完信息之后,不要着急做设计。因为不同类型的主题,对设计风格都是会有影响的,所以,先用导图来梳理好主题脉络、设计需求,以此来明确设计要点。避免出现设计稿跟预期偏离较远。

不仅如此,思维导图还可以用来记录想法、头脑风暴甚至梳理物料的信息层级。所以,这是一个非常重要的工具。下面这张图就是平面营学员为某次训练梳理的思维导图:

如果你还是不知道从哪里开始梳理,我这里准备了一些常见的主题调研Q&A,你们可以照着这个导图去梳理,搞清楚这些问题,基本上也差不多了:

工具推荐

制作思维导图的工具有很多,我这里推荐:XMind

推荐理由很简单:专业、美观且免费功能就够用了,上面的导图就是用它做的。

五、制作情绪板

明确方向,通过参考具象你的灵感!

做好思维导图以后,我们对整体的设计风格可能已经有大致思路了,但这还不够。我们还需要一些参考来让我们的思路逐渐清晰。慢慢的把想法可视化。

常见误区

偶尔遇到同学,自己还没明确设计方向去找参考,结果初稿做完四不像,设计阐述的时候也说不出个所以然来。这般这种情况,十有八九的结果就是被参考带偏了方向。

如果你找参考习惯从设计物料出发,比如:我要做个海报,然后去找很多海报的形式。看这张,觉得好看,看到另一张,也觉得漂亮。最后走马观花思路扩散,想法越来越多。但却忘了最开始自己要做什么,最终就是找一张感觉合适的参考“模仿”一下,这是非常不可取的。

所以,我们在找参考时,一定要有方向的去筛选,不然很容易就被参考带偏了。

推荐思路

我比较推荐的找参考的方式,核心从自己的想法出发,比如:我现在要给公司做一个充满“科技感”的海报,而我自己有一个模糊的想法,却不知道具体如何实现,那么接下来找的参考都是围绕“科技感”这个关键词去深入研究。

例如:什么样的元素有科技感?什么样的字体搭配会有科技感?什么样的版式布局会让人感觉有科技感?什么样的色彩搭配、表现形式会觉得作品有科技感?

通过这一系列的自问自答,让找参考的范围越来越小,方向越来越精准,这也让自己模糊的想法越来越清晰明了。这种方式称之为,视觉风格调研分析法

下面这张图就是平面营学员为某次训练制作好的参考情绪版:

我们制作参考情绪版的过程,本身就是在通过各种现成的作品来试验配色、字体、样式和视觉形式的一种方式。通过这种方式不断明确自己的想法,然后沟通确认,再明确想法,最后再执行的一个过程。越到后面思路会越清晰,越知道该如何去设计。

六、提炼视觉共性

提炼视觉共性,并通过文本总结设计思路

做好情绪版后,我们并不是直接就去借鉴某些作品上面的形式,而是将这些作品分门别类的排列好,通过观察去挖掘这些作品其中的共同点,从而得到启发以后,再做出了自己的设计。

比如,对于你来说“让人有亲和力”的颜色,整体色调方向都非常接近。“让人有亲和力”的字体,从你选的作品里发现,都具备某个特点。这个时候,你们的脑海中的想法变得更加清晰。

当视觉共性明确后,你就可以通过文本来总结设计思路,比如这样:

至此所有的准备工作就做好了。接下来就可以开始制作了!

七、制作初稿

先做完,再做好!将整体视觉统一化

在方向思路上都明确了以后,就可以进入初稿的制作了。

如果你做的是系列作品,建议不要一上来就扣编排细节,把更多的注意力放在整体的视觉上,将之前提炼出来的设计共性都有规律的应用在物料上,这样更加容易做出风格特点。

一份作品的第一印象非常重要,我们在点评初稿的时候,也最看重这点。往往初稿风格很鲜明的作品,最后定稿的效果大概率也会很不错。

对了!初稿完成后,切换到用户视角去体验自己的作品,看看是否具备合理性。这也很重要!

八、阐述思路

不仅要做得好看,还得说得在理!

为什么“设计”两个字,都是言字旁?从侧面说明,设计本质上是一门沟通的技术,如果你只会做,不会说,那往往在工作中会比较被动。这也是平面营为什么一直坚持所有的原创作业,都用一对一语音沟通的方式来点评的原因。

一个作品,如果作为设计师,都不能很清晰明了的表达出自己的设计思路,那很可能在构思阶段就没有考虑清楚。所以我们希望,每个学员不仅要能做得好看,还得说得在理。

另外,如果你不知道怎么判断自己作品的好坏,也可以试着自己去写一段设计说明,因为在写这些说明的时候,你需要一个合理的解释去陈述你为什么要这样设计它,那这个过程,就很容易让那些不合理的问题暴露出来。这样也能有针对性的发现一些问题。

那怎么整理自己的设计说明呢?我比较建议同学们按下面的格式去阐述自己的思路:从整体到细节再到整体的结构,另外还记得之前做的思维导图么?按照这个逻辑去讲也不错。

先整体的讲一下项目背景,主题是什么?设计需求有哪些?设计关键词是什么?然后再根据提炼出来的设计方向去讲一下你在视觉上的表现手法,例如整体风格的特点,字体选择搭配的思路,色彩选用的逻辑,版式编排,元素应用的设计细节等等。

九、修改方案

将修改意见全部文字化,学会明确训练阶段性目标

在收到修改意见后,一定不要直接就进入改稿模式,这样很容易修改到最后,都不知道自己在修改什么了。最后变成,别人说怎么改那就怎么修改的状态了。那这就很痛苦了。

修改意见文字化

明确阶段目标

如果你这个训练是一个完整的虚拟项目,那最好明确一下训练的阶段性目标,这样能让自己的进步感更加明显,也更加有动力。

以平面营点评为例,每个原创考核都会经过3到4轮的一对一点评,那我们每次点评的侧重点会稍微有些不一样。

初稿:看重学员的设计阐述逻辑是否正确,方案是否与描述一致。

二稿:检查作品的版式、编排细节是否合理,文字组形式是否有优化空间。

三稿:整体配色、元素应用是否合理,整体视觉是否统一。

定稿:包装细节是否到位,设计图和包装风格是否统一。

十、作品包装延展

包装物料要统一,展示逻辑很重要

人靠衣装,作品也要靠包装。但提案包装绝对不只是找一些样机套一套这么简单。我们要尽量保证放在提案里的每张图都有它的作用,同时,也要保证视觉上的统一性。

另外,除了贴图,我们还可以添加一些设计规范、项目背景、装饰元素、设计细节等页面。用来放大你设计细节的优点。

展示逻辑

因为提案的浏览是线性式的从上至下,所以设计好图片的顺序也非常重要。往往一个合理的摆放逻辑会让你的提案更加分。比如从整体效果到设计细节再到应用场景的贴图,设计好模块化的组合,也能加强观看作品时的情绪递进。

十一、成稿整理

规范化命名、文件转曲、导出平面图

稿件完成后,别随便往硬盘里一丢就完事儿了!一定要定期整理,养成良好命名习惯非常重要,这样能即用即取,不用翻找。所以一定要固定好自己的命名规范,这是一个提高效率的小帖士!

比如:项目昵称-文件内容-数字排序

另外,源文件保存后,创建一个副本,并把里面所有文本轮廓化,以防未来出现丢失字体,工程文件效果丢失的情况。

文件整理清单

图片:所有包装后的样机贴图+物料的平面导出图

源文件:方案初稿+定稿的源文件+已转曲的源文件+样机源文件

素材:该项目用到的字体+图片

十二、打包归档

三方备份、文件夹上传、源文件带图片

每完成一个项目,整理好所有文档后,至少要本地一份、移动硬盘一份,线上网盘传一份,只要这三处做好了备份归档,那无论出现什么情况都可以快速的调取你的作品。

另外,传网盘的时候,注意不要以压缩文件的方式传。建议整理好文件夹的形式去上传,方便单独调取某个文件,这样就不需要每次都把整个项目下载下来。

最后,所有的源文件一定要导出一张jpg格式的图片,放在在源文件的旁边,这样方便在线上预览。

文末到最后,向大家展示一些平面版式童鞋的训练作品:

如果你想加入平面设计实战营,系统学平面知识,以及有人指导作品,一对一提升沟通能力,可以来参加一期「优设平面版式实战营」,现在还有限时早鸟名额,报铭立减200米!

THE END
1.三年级公共安全教育课(一)教学楼里防滑倒 教师:随着教学条件的改善,无论城市、还是农村学校,教学楼楼道、室内都铺上了地砖,地面很光滑。特别是我们在做卫生、打水等时候在地转会洒落水滴,在冬季楼外的水池附近还会结冰,因此我们要时刻注意防滑。 给学生出示教学楼内行走图片。 http://hyxx.mhedu.sh.cn/wmjw/sxjysssszcs/hsdy/242460.htm
2.《插入图片和艺术字》教学设计(通用6篇)《插入图片和艺术字》教学设计(通用6篇) 作为一名默默奉献的教育工作者,总归要编写教学设计,借助教学设计可以提高教学效率和教学质量。那么大家知道规范的教学设计是怎么写的吗?下面是小编为大家整理的《插入图片和艺术字》教学设计,希望能够帮助到大家。 https://www.ruiwen.com/jiaoxuesheji/1637974.html
3.平面设计中图形和文字有什么关系平面设计的三大关键要素分别为图形、文字、色彩,这三种要素在平面设计中发挥着各自不同的作用。下面是小编为大家搜索整理的关于平面设计中图形和文字的关系,欢迎参考学习,希望对大家有所帮助! 图形与文字是构成平面设计其中的两大要素,以各自的特点在设计中担当着不https://www.yjbys.com/edu/pingmiansheji/45883.html
4.教师常用的课件制作软件有哪些但PowerPoint的动画有些生硬、单调,交互功能实际上是超级链接,对于交互性要求较高的课件显得力不从心。 二、希沃白板(交互课件编辑) 是一款专门针对教学场景设计的互动课件工具,提供课件云端同步、学科工具、思维导图、课堂活动、超级分类等多种授课常用功能,可以进行课件管理、预览和分享,还可以连接电脑进行移动授课。随https://www.yuwenmi.com/kejian/banianji/473660.html
5.OPPO开放平台通过资源打回原因关键字使用快捷键Ctrl+F进行快捷搜索即可 如没有符合条件的解决方案,并使用编辑器调整也无法解决, 联系运营可加入设计师交流群进行交流,如无法解决私聊运营记录问题,问题记录达到一定次数将解决方案更新在此文档,时间不定。 全版本 全局主题OS13版本-信息右上角“三个点”弹窗文字看不清 https://open.oppomobile.com/new/developmentDoc/info?id=11929
6.幼儿园中班消防安全教育活动教案(通用20篇)教案是教师为顺利而有效地开展教学活动,根据课程标准,教学大纲和教科书要求及学生的实际情况,以课时或课题为单位,对教学内容、教学步骤、教学方法等进行的具体设计和安排的一种实用性教学文书。下面是小编整理的幼儿园中班消防安全教育活动教案,仅供参考,希望能够帮助到大家。 https://www.oh100.com/kaoshi/jiaoan/321528.html
7.PS怎么设计带有一箭穿心的love字体?photoshop教程PS怎么设计带有一箭穿心的love字体? ps中设计一箭穿心的效果很简单,下面我们就来看看详细的教程。 Adobe Photoshop 8.0 中文完整绿色版 类型:图像处理 大小:150.1MB 语言:简体中文 时间:2015-11-04 查看详情 1、新建500×500像素背景内容为白色的新文件,设置前景色为红色或其它自己喜欢的颜色。如图:https://m.jb51.net/photoshop/600472.html
8.创意美术字图片大全简单有趣的设计创意美术字设计图片下载熊猫办公精心为用户挑选81张高清精美美术字图片、支持专业级美术字设计素材下载,更多风格的美术字,免抠元素,卡通手绘素材图片、图标图案、免抠矢量图,尽在熊猫办公。https://www.tukuppt.com/speciall/meishuzi5864.html
9.西安市优质教育资源共享平台一年级四班1500常用字识字量统计表………13 2019一年级948人识字情况统计图………14 (三)识字活动篇………15 有趣的汉字之旅——高新一小一年级语文学科创新实践活动方案………15 英雄帖………16 一年级汉字考察团人员名单汇总………18 高新一小“教育教学特色创新活动”申报表………19 第一板块 识字系列http://www.xaeduyun.cn/s26ag/acommonapp/csite/ablog/cblog/ablog/cblog.mblogBrowse.do?blogid=2c90816679e42f6d017a09f1cff3042c
10.四年级语文上册备课教案(精选11篇)1.认识13个生字,会写13个字。 2.读准文中使用的一些充满生活气息的词语,读准含轻声和多音字的词语。 教具准备 课件 教学设计 一、图片导入,激发兴趣。 课件出示(老虎的图片)(课件出示2) 师:同学们都认识着这张图画吗? 师:老虎有什么本领? (学生自由说。) https://www.fwsir.com/jiaoan/html/jiaoan_20220214203043_1642227.html
11.图片文字如何编辑?稿定设计编辑文字样式的教程很多小伙伴在日常生活或者工作中,但都会给图片添加一些文字描述,以起到点睛之笔的作用。那么如何在图片上编辑文字,怎么样在图片上编辑文字更好看呢?下面小编就为大家详细介绍一下稿定设计是如何编辑图片上的文字。 Step1:选中文字 Step2:右侧点击第一栏可修改字体 Step3:右侧点击第二栏可修改字体大小 Step4:右侧点击https://www.gaoding.com/article/15
12.如何用设计软件快速完成一份高质量海报?花瓣网, 设计师寻找灵感的天堂!这里收集了海量设计设计图片,你想得到的素材,这里全有,还有各种矢量图,直接下载,插入到ps中即刻使用,省去抠图步骤,省时省力。 花瓣 视觉中国 视觉中国四个大字可谓是家喻户晓,很多设计大佬都会经常来这逛逛,在吸收灵感的同时,也能从中收获到自己想要的素材,这里通过互联网版权交易平台https://36kr.com/p/1460105150679813
13.?图片上怎么添加文字内容?这两个方法请收好相信很多小伙伴们在工作中经常需要处理图片吧,有时候需要在图片上添加注释等文字,也就是编辑图片上的文字。那么小伙伴们平时都是使用什么方法来处理呢?最近就有一个小伙伴咨询图片上怎么添加文字内容,其实很简单,只需要使用一些图像编辑工具即可。下面就和小伙伴们唠一唠我比较常用的一些方法。 https://blog.csdn.net/LiChenglee/article/details/129437180
14.如何用PS抠出图片中的文字?大家好,我是小溜,很多人不知道如何用PS软件抠出图片中的文字,今天小溜就教大家怎么操作,学会后赶紧去试试看,希望本文内容对大家有所帮助。 想要更深入的了解“PS”可以点击免费试听溜溜自学网课程>> 工具/软件 硬件型号:戴尔DELL灵越14Pro 系统版本:Windows7 所需软件:PS CS6 方法/步骤 第1步 打开PS,将图片https://zixue.3d66.com/article/details_125272.html
15.设计范∣创意字设计图片赏析我们常说,每一份艺术字的设计,我们都要把它当作一副插画一样看待。因为这些创意字设计图片,它们早已脱离了单纯的文字范畴,演化成类似于插画的创意设计图片。https://www.canva.cn/learn/creative-font-design-pictures/