长沙网站优化排名

新闻分类

联系我们

企业名称:长沙简界网络科技有限公司

联系人:房经理

电话:0731-83091505

手机:188-7414-8081

邮箱:779923984@qq.com

传真:0731-83091506

网址 :  www.hnjianjie.net  

地址:长沙市岳麓区铜盆湖路1号山水誉峰5栋5楼


如何增强版面的空间感

您的当前位置: 首 页 >> 新闻动态 >> 技术知识分享

如何增强版面的空间感

发布日期:2022-08-09 作者: 点击:

通过文字层级来丰富层次空间

       文字层级即通过将画面文案的主标题、副标题、正文、注解、图片、颜色、图形等元素划分重要和次重要之分,通过改变文案的颜色,大小,疏密,长短,粗细来控制文案的层级划分,简单来说就是使用四大基本原则之一的对比原则,来实现画面的主次之分,“无对比不设计”,这是我经常在课程里讲到的,不仅是画册版式,还是审美海报,亦或是品牌或者logo,我们都会用到对比原则,活用对比原则,就能让你的版面脱离平、呆板、没有张力等问题。如果这么说你很难理解的话,不着急,因为我会通过下面的实际案例来进行详细讲解。


长沙网站设计


1.1案例实操之--文字层级

①-划分层级

我们在做设计的时候,一般从拿到文案开始,拿到文案之后我们需要先甄别文案的主次,文案的重要顺序应是

:主标题>副标题>特点信息>内文>点缀。

主标题是一级,副标题是二级,其他信息分别是三级、四级、五级等;但是层级越多,画面就越难协调,所以有些人就会添加很多的层级,从而导致无法协调画面而使版面变得混乱;然而层级越少,画面的丰富程度就不够,就会产生版面很“平”的问题,如何把握这个度,是使版面脱离“平”的关键,根据以上所说,我们先来分析下面这段文案:


长沙网站制作


上面这段文案与我们在工作中拿到的文案应该是非常相似的了,我们把文案中的信息做了一个明确的层级划分,接下来要做的,就是把分化好的信息按照重要程度来进行排版,重要的一级主标题要放大,并做特殊化处理。


②-确立版面走向


长沙网站制作,长沙网站制作


主标题选择一个比较粗一些的字体,并且放大,放置在版面的左边,定位主标题,将版面分割成大约2:1的比例;发现主标题放大后,表现的有点笨重,且没有设计感,我们进一步尝试将主标题优化。


③-优化标题效果



长沙网站开发


将主标题做特殊处理,利用ps添加了半调图案的风格,将文字图片化属性,这样可以在版面中更具有表现力,有突出主题的作用;大家应该都发现了,现在的主标题溢出画面一部分,为什么要这样做呢?这样做的目的就是为了让它底纹化,且可以让版面更具有向外扩张的张力。


④-添加层级之间对比


长沙网站开发,长沙网站制作


因为主标题已经图片属性化,所以将主标题利用四大原则之一的重复原则,将主标题在Z上方重复呈现,同样选择较粗的字体,作重点突出,重复的主标题更改了笔画,且在中间加入了点缀性信息,使其更具设计感,且与下方优化的标题产生强烈的对比。副标题相对主标题更小一些,结合图片化的主标题形成一个视觉组,一大一小,同样产生对比效果。我们发现,由于版面的设计调整,现在画面的元素位置有些许不同,但是整体比例没有改变,左边的版面已经很饱满了,接下来就是右边的版面,需放置剩下的次重要信息与注解信息,这里需要精细化排版。


⑤-文案精细化排版


长沙网站设计,长沙网站开发


将剩下的特点信息、次特点信息、注解信息排版在版面右侧,并做精细化排版,字体选用偏细一些的,这样能与大标题的超粗体形成对比;部分特点信息重点突出,让人能尽快的知晓关键信息,同时与其他点缀信息同样形成大小对比。

在这里就要说一句,我们将“3月22号-3月26号”改成“03.22-03.26”,这样能使信息更清晰,节省人的阅读成本。Z后的注解信息选择的是比较细的字体,且偏小,作为点缀性信息呈现,可以使版面更加饱满、丰富。


⑥-细节优化调整


长沙网站设计,长沙网站制作


将左右版面合起来,观察版面,并且调整版面的一些细节,具体查看版面的视觉重量以及均衡度、饱满度,从而进行版面调整;右侧信息单独形成一个视觉组,整体与右侧的大标题形成强烈的对比,但是由于版面的Z上面有重复的大标题压阵,且由于左边信息偏少,右边展示的信息丰富,所以左右版面相对平衡,并且信息是以从上往下的顺序呈现,视觉走向清晰明朗。


⑦-添加底色


长沙网站制作


现在看版面其实很容易察觉到,它是缺少颜色的,我们需要给它加上一个底色。因为文字是黑色的,且整体版面比较沉稳,需要加上一个偏活泼的颜色,使整体版面活泼起来,但又不会太突兀,我们选择黄色来作为底色。现在整体版面丰富且饱满,层级分化明确,且视觉走向清晰,这个版面到这里就完成了。


长沙网站设计


总结:

综上所述,其实利用纯文字也可以做出有层次的画面,从而营造出版面的空间感,我们从划分层级、确立版面走向、优化效果、精细化排版到Z后添加底色,每一个细节都离不开四大原则之对比原则,所以说“无对比不设计”,有了对比,整体版面才不会“平”,活用对比原则,无论是大小,颜色,长短,粗细等对比,都可以为版面增光添彩。



本文网址:http://www.hnjianjie.net/news/520.html

关键词:长沙网站设计,长沙网站制作,长沙网站开发

Z近浏览:

  • 在线客服
  • 联系电话
    18874148081
  • 在线留言
  • 手机网站
  • 在线咨询