版式整理术!设计师如何高效解决多风格要求?

编者按:版式设计的优秀案例分析!今天分享@南征南征 的一篇设计项目实战文,3位设计师们面对同一个宣传画册的设计挑战,分别创作了风格各异的作品,作者特意挑版式设计的角度分析了这3组作品,希望能给不停改稿的同学多一点灵感 :)

如果你不熟悉版式设计,建议先学习基础知识:《设计师版式宝典!从零开始教你掌握网格系统》

版式整理术!设计师如何高效解决多风格要求?

我们用三组作品来讲述一个项目,让大家感受一下在信息相同的状态下,如何展现不同的设计画面。

很多设计师经常会感觉看别人作品都很容易,但是自己一旦上手却又无法进行下去。所以大家平时可以多做这样的训练也许可以有所帮助,寻找看到别人已经做好作品,尝试自己能否使用不同的思路去展现的更好?去验证自己是否能够像目标作品一样表达的那么清晰。

另外这样的训练不是为了满足客户各种变态的修改要求,也不是给客户惯不停修改的毛病,而是为自己以后应对不同项目客户做的训练。

在看到作品之前我们需要了解设计作品要表现的目的。

(这次设计目的:通过设计能让用户清晰了解:授课老师,课程目的,课程分类,课程内容,展示学员真实的设计变化)

通过上文我们就看到这样的信息,说明画册的构架要有几个部分。

1. 封面

(logo)

2. 课程理念

(团队介绍,共2P)

3. 课程介绍

(提升课程2P,精英课程2P,全面课程2P)

4. 展现学员作品。

提升课程(明星学员=学员简介+学员作品)+(优秀学员=学员简介+学员作品)

精英课程(明星学员=学员简介+学员作品)+(优秀学员=学员简介+学员作品)

全面课程(明星学员=学员简介+学员作品)+(优秀学员=学员简介+学员作品)

通过这样的简单构架我们就把这个项目的逻辑性就展现清楚了。

另外我更愿意用画册作为上课的例子,画册设计是非常综合的设计方式。不同的画册类型都会涉及到不同的设计要点,不论是从画面创意上,画面信息结构层级上,图形图标的设计上,客户信息整体策划上,整体设计的节奏把握上,画册设计都会涉猎到,比如我们看到下面几个分类,就是把之前提到的内容更加清楚的表现出来。

形象画册

在设计中会有大量形象画面(创意画面)的出现;(这样处理方式在广告创意,海报等方面都会是主要设计方向)。

年报设计

大量的图表信息,对图形的设计上有极高的要求(图形设计的练习可以对logo设计奠定基础)年报中数据图表,信息类文字的归纳与重新提炼,信息文字层级关系,文字信息的体积展现等, (图形和信息的层级关系正是导视设计所需要的);

产品画册

对产品结构,画面透视,色彩与产品,产品与企业理念的结合,都是方法在包装设计中依然适用。(包装设计正是产品与设计元素完美结合的范例)

杂志设计

对各类型信息的归纳,不同信息风格的总结,统一都综合性设计知识的体现)

我们了解了项目要求后,来看看第一组作品风格展示。

版式整理术!设计师如何高效解决多风格要求?

版式整理术!设计师如何高效解决多风格要求?

版式整理术!设计师如何高效解决多风格要求?

版式整理术!设计师如何高效解决多风格要求?

版式整理术!设计师如何高效解决多风格要求?

版式整理术!设计师如何高效解决多风格要求?

这是设计师徐芳的作品:这一组作品在网格的使用上是清晰的两栏方式,但是在比例上进行了调整。

封面上把课程logo"Q"做出了水彩的延展。

而这样的延展,在内页设计用配合直观的“意向图”,通过手绘的,千里马(理念),书本(课程关系),讲师(团队),大脑(课程思维方式)很直观的表现出课程理念,团队,不同课程的诉求。

另外整体设计风格,表达出的是简约而非简单,二者之间区别在于对主体信息的营造上,简约的细节更丰富,精致,内敛,但是整体在空间中所占的比例不一定很多,信息与空白之间会通过其他元素构成更丰富的空间,所以简约的设计看起来既丰富,又清晰;

而简单元素更多是独立的,信息单一的元素和空白的组合。和周围信息缺乏联系。

整体设计特征延续水彩手绘这样的方式,用同样的特征延续会让整体感更加强烈。

我们面对客户的时候,我经常会用这样的风格作为第一稿,稳重,直接,准确。最清晰的手法展示客户的诉求。

(这是群内投票第一的作品。)

第二组作品风格展示

版式整理术!设计师如何高效解决多风格要求?

版式整理术!设计师如何高效解决多风格要求?

版式整理术!设计师如何高效解决多风格要求?

版式整理术!设计师如何高效解决多风格要求?

版式整理术!设计师如何高效解决多风格要求?

版式整理术!设计师如何高效解决多风格要求?

版式整理术!设计师如何高效解决多风格要求?

版式整理术!设计师如何高效解决多风格要求?

版式整理术!设计师如何高效解决多风格要求?

版式整理术!设计师如何高效解决多风格要求?

版式整理术!设计师如何高效解决多风格要求?

这一组作品的构思我一直觉的是比较难的,因为设计(创意)很多时候难点在于,用一个“事物”去象征目标,这个“事物”有可能是花(代表芬芳,环境等),鸟(代表自由,飞翔,天空),鱼(代表吉祥,富贵等)等等可能,并且要求正确的联想到。

这位设计师刘蕤从武侠中获得灵感,并且把课程和武功进行了对应,初级全面课程(炼精化气);中级精英课程(炼气化神);高级提升课程(练神还虚)这样就把课程学习的提升和武侠修炼的提升合二为一了。

而在平时的客户中,我们选择其他类型的象征“事物”来比喻比喻团队(拼图),发展(桥梁)等等,但是如果能够让整本画册在选择的象征“事物”上保持一个种类,整体性就会更加强烈,比如动物系列(熊的力量,鹰的眼睛,豹的速度),植物系列(阳光下的植物象征企业的发展),都是很容易表达企业象征性的设计)

我们面对客户的时候,我经常会用这样的风格作为第二稿,用富有变化,具备更多的寓意,画面感更加强烈的手法展示客户的诉求。

(这是群内投票第二的作品。)

第三组作品风格展示

版式整理术!设计师如何高效解决多风格要求?

版式整理术!设计师如何高效解决多风格要求?

版式整理术!设计师如何高效解决多风格要求?

版式整理术!设计师如何高效解决多风格要求?

版式整理术!设计师如何高效解决多风格要求?

版式整理术!设计师如何高效解决多风格要求?

版式整理术!设计师如何高效解决多风格要求?

版式整理术!设计师如何高效解决多风格要求?

版式整理术!设计师如何高效解决多风格要求?

版式整理术!设计师如何高效解决多风格要求?

版式整理术!设计师如何高效解决多风格要求?

设计师杨杨 在设计再组作品的初期先确定了一个方向,就是我们画草图的铅笔在绘制过程中所产生的铅笔屑,笔屑的产生就象征了大量绘制的草图,也代表了努力的表现(越用工,铅笔削的次数越多,笔屑越多)所以用这样的素材手动拼接的课程logo"Q"就更具有行业属性和特征。

而整体的设计也是围绕学习,会产生的草图,指针(寓意学习方向)等表达和课程和学员的关系。

我们面对客户的时候,我经常会用这样的风格作为第三稿,提案我如果给三个方向,多数会现代/传统/保守三个方向。(这是群内投票第三的作品。三个作品之间只有1-3票的差距)

这是第三种方式,虽然也是寓意类型但所举例的图片,更贴近客户行业的本身,让读者联想的距离减小。并且在学员作品展示的页面中对作品的表达请加清晰,所属设计师更加明了。

今天这三位设计师都是往期非常优秀的学员,他们自己都经历过课程的内容,所以,在表现上更加精准。设计师在和客户接触的同时,如果可以减少电脑操作的时间,多一些沟通,多一些访谈,更加了解之后,多个风格表现,就会因为我们有更加丰富的了解,从而产生更多准确的设计切入点,风格自然就会更加多样化。

最后我一直觉得版式的产生不能依靠单纯的网格,没有所谓固定的版式(前提要保证画面的阅读顺序),网格带给你的是规则,整体性。但是设计也需要正确的思路,思路再通过网格进行归纳整理,这样设计出的画面会更富有变化。

【优设本月最高人气好文前三名揭榜!】

第三名!找图片的实用小技巧!
《设计师找图指南!从零开始教你找到能过稿的背景大图》

第二名!最受欢迎的字体素材打包下载!
《字体排行榜!2014年最受欢迎的35款字体素材打包下载》

第一名!给设计师的暖心的励志文!
《给迷茫的你!设计师的工作,可以做一辈子吗?》

投稿者:@南征南征

【优设网 原创文章 投稿邮箱:2650232288@qq.com】

================关于优设网================
"优设网uisdc.com"是国内人气最高的网页设计师学习平台,专注分享网页设计、无线端设计以及PS教程。
【特色推荐】
设计师需要读的100本书:史上最全的设计师图书导航:http://hao.uisdc.com/book/
设计微博:拥有粉丝量85万的人气微博@优秀网页设计 ,欢迎关注获取网页设计资源、下载顶尖设计素材。
设计导航:全球顶尖设计网站推荐,设计师必备导航:http://hao.uisdc.com
———————————————————–
想在手机上、被窝里获取设计教程、经验分享和各种意想不到的"福利"吗?
添加 优秀网页设计 微信号:【youshege】优设哥的全拼
您也可以通过扫描下方二维码快速添加:

版式整理术!设计师如何高效解决多风格要求?

收藏 13
点赞 3

复制本文链接 文章为作者独立观点不代表优设网立场,未经允许不得转载。