欢迎访问智唯网络!专业H5响应式营销型网站建设、百度seo优化、网络推广服务!
营销之道 干货分享
了解企业新动态,分享前沿的营销推广干货,成长路上,我们携手同行
网站设计News

【网页Banner设计】中文字体如何挑选和排版

发布时间:2017:10:02 10:06:50 | 已阅: | 作者:智唯小编 | 来源:智唯网络 | 共 0 条评论

扫一扫
手机访问

本文共有1068个文字,预计阅读时间3分钟
导语
在一些 Banner 海报设计中,字体的排版与挑选往往是非常重要的,不仅仅是为了美观,作品的主体也要表达清楚,在这篇文章中你可以看到能何选择字体以及用什么方法去排版、装饰文案

在一些 Banner 海报设计中,字体的排版与挑选往往是非常重要的,不仅仅是为了美观,作品的主体也要表达清楚,在这篇文章中你可以看到能何选择字体以及用什么方法去排版、装饰文案的招式,智唯网络小编觉得挺实用哦,,推荐你也试试,下面一起来看内容。


【网页Banner设计】中文字体如何挑选和排版

一.字体选择与字体组合方式

以案例说话:

首先我挑选了一些我个人觉得不错的设计作品,根据这些作品的设计目的和最终效果,分为“A”、“B”两组。


【网页Banner设计】中文字体如何挑选和排版

A组是“图片突出”,文字存在的目的只是粉饰这张照片而已。


【网页Banner设计】中文字体如何挑选和排版

B组是“文字突出”,文字在图片的衬托下被重点突出出来。

这两组的字体之间差异很大,在字体组合方式上:

A组的字体组合都被紧密地排列在一个无形的矩形里,在视觉上形成一个面。

B组各个字之间松散地摆放组合在一起,在视觉形成一个个点。


【网页Banner设计】中文字体如何挑选和排版

▲两组字体在视觉心理的效果

二.主体物与视觉焦点

主体物的视觉焦点是摄影作品里的两个基本要素,因此在一张照片里通常会有一个突出的人或物作为主体。

一张摄影作品的主体物和视觉焦点是很容易看出来的,如▼


【网页Banner设计】中文字体如何挑选和排版

为了展现“图片突出”的优秀设计作品里,文字部分与这两个基本要素的位置关系,同样做成效果图。分C、D两组展示。


【网页Banner设计】中文字体如何挑选和排版

C组是文字部分与主体物的位置关系。

▲C组的深色块是主体物,D组的白点是视觉焦点,白色块是文字。


【网页Banner设计】中文字体如何挑选和排版

D组是文字部分与视觉焦点的位置关系。

我们来回顾下:

文字部分与主体物之间的位置大小关系有三大原则:

文字部分的面积绝对不能大于或接近主体物的面积。

文字“面”与主体“面”的边线保持联系(直线或平行)。

文字“面”或者与画面边缘的距离几乎相等于主体“面”与画面边缘的距离。

看下面几张案例:


【网页Banner设计】中文字体如何挑选和排版


【网页Banner设计】中文字体如何挑选和排版


【网页Banner设计】中文字体如何挑选和排版


【网页Banner设计】中文字体如何挑选和排版

当照片的主体物是分散且毫无意义的,视觉焦点默认在画面中心。

当照片被某一个场景或物品切割了整张画面时,视觉焦点只会出现会在切割线上。默认位于中心点或者色彩密集的地方。

三.字体与图形的配合

以“图片突出文字”为目的的排版,其特点是不需要分析照片里面的元素。

它的存在只是为了最后你想要表达的文字(情感),铺设基调。

但是这样有一个很大的缺点:过于分散的字体之间不仅容易缺乏联系,而且还会造成阅读困难。

大部分优秀排版里采用的解决方案是运用字体与图形的配合,而其中类型有三种:

第一种:形状图形

形状图形主要指方形、圆形以及一些不规则的形状图形。

【网页Banner设计】中文字体如何挑选和排版

▲方形的三种运用方式

方形的3种运用方式:

突出:当文字部分融入到图片里变得难以看清的时候。在这里最好的办法就是像这样放置一个方形在背景,然后再调节字体的颜色与方块对比,使文字部分突出。

集中:这种方法是为了不弱化图片的情况下,让文字部分集中在一个方形里,增加易读性。是包装设计常在出现的排版。

佛山网站建设优化公司 智唯网络

专业建站,免费排名「快速上首页」5年建站优化经验

免费上首页>>马上咨询
专业建站 免费排名(有什么疑问的请留言或咨询在线客服)
  • 全部评论(0
    还没有评论,快来抢沙发吧!

上一篇:2017年网页设计风格流行趋势

下一篇:网站设计灵感的十大来源

  • 同行价格

    统一报价,无隐形消费

  • 金牌服务

    一对一专属顾问,7*24小时金牌服务

  • 售后无忧

    完善售后,客服经理全程跟进

建站优化二维码
建站优化二维码

截屏,微信识别二维码

微信号:13825575516

(点击微信号复制,添加好友)

优化二维码打开微信