 联系我们
 服务指南

诚聘英才

旗下产业

联系我们

13941609031
0416-2185010

服务指南

TOP

隐藏导航
显示导航
华睿科技有限公司
新闻中心
辽宁华睿科技有限公司
板式的设计流程
来源: http://huarui.cc/ 时间:2021-05-15
  作为一名专业的设计师,版面设计能力直接影响到该设计师水平的几个方面之一。
  我们很多设计朋友在临摹的优秀作品中,往往只是被作品华丽的外表吸引了,比较少去思考设计背后的秘密。
  那么在这里,锦州网站建设华睿科技总结了版式设计原理的几个方面,结合一些具体例子实际操作演示,让对这块不熟悉的设计师朋友们能快速掌握版式设计。

前面我们了解了版式组成的元素,构图和设计原则,那么我们在工作中怎么利用起来呢,下面介绍我自己的设计流程,每个人的流程都不一样,大家都可以根据自己的习惯来调整。



  1.需求沟通,确认主题
  当接到需求的时候,第一步不要着急马上开工。先要找对需求的方向,才能提高工作效率,事半功倍。沟通主要注意几个方面:
  A.需求的目的是什么?目标用户是谁?背景是什么?——对症下药
  B.这么多文案或者素材里面,哪个是一级二级?——划分信息层级,寻找重点
  C.风格上面有什么要求或建议?能否用3个关键词表达?——预期效果是否达成一致
  Ps:关于第3步风格沟通,建议双方用图片交流和表达。毕竟每个人对“高大上”的理解都是不一样的,有的人认为是五彩斑斓的黑,有人认为是大量的留白。
  有了图片,我们可以去分析图片符合“高大上”的原因是哪些,从而提炼出具体的元素,将“感觉”具体化,这里也是运用到了情绪板设计的体系。


  2.确定构图形式,学会视线引导
  根据前面的沟通和风格关键词,收集好用于表达信息的元素,包括图形图像文字等等,然后在草稿或者脑海中构思好,怎样的排布能让信息有效的传达出去。
  另外作为设计师要学会引导用户的阅读视线。比如你找到了一个抬头向上看的模特,你可以把文案放在海报上方,用户会习惯性地自然地沿着模特的视线看到文案。


  3.色彩搭配,5种平衡关系
  关于配色,网上大家都可以看到很多方法和理论,下面介绍这5种色彩平衡的方法个人觉得比较实用,也比较容易理解,大家要根据实际需求来运用合适的配色方案。
  互补色——相互衬托
  互补色就是色环上相对的两个颜色,海报中的绿色和红色就是这种关系,相互映衬,相互衬托,从而达到了一种平衡。
  冷暖色——情感表达
  当我们想表达强烈的情感时候,可以用冷暖色去对比,经常会在电影海报或者插画作品中看到。
  深浅色——色彩层次
  这里的深浅指的是黑白灰对比的重和轻,一般来说,色大而深显得比较重要,色小而浅显得比较次要,我们可以看一下前面讲构图那块展示的海报黑白版,会发现这个规律更加明显。
  中性色和彩色——视觉聚焦
  中性色指的是黑色,白色和灰色,也叫无彩色,当中性色充当背景色的时候,彩色部分会更加突出和聚焦。
  纯色和花色——平衡多色关系
  如果一张图中,主体本身颜色比较丰富鲜艳,背景色也五颜六色的话就眼花缭乱了,也就是经常说的辣眼睛,这时候一般采用纯色的背景来缓解视觉疲劳和平衡多色之间的关系。



  4.确定字体搭配
  不同的字体有不同的气质,根据风格来选择合适的字体。如果遇到比较好看的字体,却不知道叫什么名字,可以找一些以图搜字的网站,比如求字网等等,避免伸手党。
  黑体
  工业现代感比较强的无衬线字体,给人感觉端正刚硬,具有力量感,多用于表达简洁或信赖感的主题。
  宋体
  细致优雅的衬线字体、苗条细长,特点是复古,多用于表达文艺或者时尚的主题
  圆体
  圆体的笔画圆润,柔美,可爱,具有亲和力,多用于女性或儿童的主题领域
  书法体
  书法体特点是潇洒大方,气势磅礴,具有历史感,多用于表达传统文化或者历史主题。
  哥特体
  哥特体是装饰性比较强的衬线字体,线条交接处和末端具有明显的粗细变化和装饰。特点是犀利、凌厉,多用于表达惊悚、魔法童话或者战争的主题。
  艺术体
  艺术体其实是泛指像素风格,手写字体,汉仪六字简等等具有强烈的艺术风格和设计感的字体。特点是轻松活泼,具有观赏性和趣味性。


  五.案例演示
  上面的案例大部分是平面展览或者电影海报,那么实际工作中的网页,banner,闪屏或者ui界面这些怎么办呢?其实方法都是一样的,版面设计的原理应用在各个方面。这里演示一个移动端banner设计案例吧。


  首先,客户的文案非常简洁,没有冗长到让我要分成一级二级三级;
  其次需求的目的也很明确,就是要突出2个素材和按钮;
  最后风格也没有奇奇怪怪的提议,只要和产品整体调性一致就好。
  那么在这里要介绍一下产品的背景了,pins是一款少女心拼图app,界面简洁清新,多种布局模板和背景。很快的,我在脑海中简单地构思了一下构图的方式。其实3种构图形式都是可以的,但是为了更好的突出按钮和素材效果,我最后选择了对角线构图。

  先在黑白稿的情况下把文案和主体布局好,让主次关系清晰;考虑到目标用户大部分是女生,使用了圆形字体,配色主要是参考了pins的logo的配色,少女心的品牌色;最后细节调整,加上一些点缀的元素,其中网格是pins比较受欢迎的背景。一个简单的banner就这样完成了。

  当我们的工作内容无法满足做文字比较多的平面海报的欲望时,可以考虑自命题的练习。当时听到许巍《无人知晓》这首新歌的时候,有一些感悟和想法然后做了一些C4d素材,想利用它作为主体和歌名做一下排版练习:

  在开始动手做之前我就想好了这次想做一个视觉直观而强烈的海报,再加上主体是文案和素材的结合,所以我才采用了满版构图。在黑白灰中将主角和配角的位置确定好,再去调整字体和距离。

  然后调整主体中4个字和素材之前的交叉和重叠,细节调整后,我尝试了2个配色方案,一种是利用主体素材的颜色进行搭配,平静和谐;另外一种是红蓝配色,直观强烈。

  总结:
  最后总结一下,我们在进行版面设计时候,要注意从这几个方面去不断调整和检查,同样当你看到一张海报的时候不知道怎么去思考和分析,也可以从这几个方面入手:
  1.主题是否鲜明?视觉焦点是否突出?
  2.构图是否平衡?(3种平衡关系)
  3.设计原则是否合理运用?(6个设计原则)

  4.细节是否丰富? 是否有趣? 细节考验着设计师的情怀。(字体、色彩、光影等)


  辽宁华睿科技有限公司是专业软件开发、高端锦州网站建设、云店商城开发公司,欢迎在线咨询。
  华睿科技咨询电话:13394162255 、13941609031。微信号同。公司地址:锦州市经济技术开发区金山大街51号、辽宁省锦州市中央大街二段52号
  本文内容来源于网络,如有侵权请立即联系删除


分享:
版权所有 © 辽宁华睿科技有限公司
公司地址
锦州市经济技术开发区金山大街51号
辽宁省锦州市中央大街二段52号
关注微信
二维码
中央网信办违法和不良信息举报中心

举报电话:0416-2185001

举报邮箱:16448972@qq.com