首页 客户案例 网站建设案例 APP案例 小程序案例 网络营销案例 品牌案例 新闻 公司 联系

9年经验教你板式设计的一般流程

2019-04-02 17:48:18


1】信息整理
 
在进入实际制作之前,首先要确定制作的目的,并且将其中涉及到的信息统一列举出来,尝试将无用或者多余的信息删除,留下必备的信息元素,接下来将这些信息进行归类,并且划分这些类别的优先级,确定画面中最重要的信息。
 
2】确定版心和页边距
 
「版心」是指承载画面内容的区域,也被称作「排版空间」,其中不能放置内容元素的叫做「页边距」,版心的大小称为「版心率」,要根据具体的内容确定版心率的大小,过大或过小都会影响到最终的效果。
 
3】设置网格
 
网格对于整个版面效果的提升起着重要的作用,除了可以规范版面,提升秩序感以外,出色的网格设置可以有效提升画面美感,通过将之前确定的文字元素进行合理对齐设置,以此来保证版面的秩序和韵律。当然也可以后期添加网格,以此来规范和调整画面。
 
4】确定LU面主体
 
主体元素其实就是画面中占用面积最大的元素,它可以是文字信息也可以是图片或者插画等多种形式,画面主体最重要的作用就是建立视觉吸引,同时成为画面中最大的视觉焦点。结合主题将选择的主体元素进行合理摆放,同时为接下来的内容信息提供摆放空间。
 
5】功能分配
 
确定了版心、页边距、网格以及主体元素以外,下面就要对之前整理的信息进行功能分配,将重要的信息放在显眼的地方,不主要的信息放在次要的地方,同时将有关联的信息以群组的方式摆放在一起,这样观者就会很容易的将它们辨识成同一类信息。
 
6】视觉层级
 
根据其中元素的功能进行视觉上强弱的划分,划分的方法很多,常用的方式就是将强调的元素进行放大,不用强调的要素缩小,以此来将每一个群组进行视觉上的强弱划分,当观者视线聚焦在某一群组时,可以清晰的区分内容信息。
 
7】配色
 
决定了版面的基本框架后,下面要进行的就是配色,配色要通过主题的目的、概念、气质决定,不同的颜色能够表现出不同的气质。比如深色可以很好的体现产品的质感,浅色可以表现清新自然等等。通过合理的配色来传达画面的主题。
 
8】字体选择
 
字体的选择在版面的设计中也非常重要,根据所选字体的不同,最终的效果也会有很大不同,切勿在版面中使用多种字体,因为多种字体本身会让画面更加混乱,尝试使用两种字体来搭配文字信息,同时可以套用不同的字体来进行比较和筛选。
 
9】信息图形化
 
过多的文字可能会给观者带来干扰和噪音,同时大量的文字本身就比较难以阅读,所以通过提取文字中的关键词来进行图形化设计,从而更好的来传达幽面信息。


 
 




本文来源于河北网站建设公司与河北网站设计制作公司-极日科技河北公司!

标签: 网页设计

填写您的联系方式并获取报价。

*主要业务范围包括:高端网站建设,集团网站建设(网站建设,网站制作),品牌广告设计(网站设计,视觉设计,用户体验设计),做网站就找极日科技。
线上服务咨询 13120269689 填写需求索取报价