<dl id="1pdzy"></dl>

    1. <li id="1pdzy"></li>

    2. 当前位置: 移动互联网学院 > UI培训 > UI设计 > 中文字排版
      中文字排版 时间2017-05-27     来源移动互联网学院

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

      以案例说话

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

      A组是“?#35745;?#31361;出”文字存在的目的只是粉饰这张照片而?#36873;?/p>

      B组是“文字突出”文字在?#35745;?#30340;衬托下被重点突出出来

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

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

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

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

      二.主体物与视觉焦点

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

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

      为了展现“?#35745;?#31361;出”的优秀设计作品里文字部分与这两个基本要素的位置关系同样做成效果图分CD两组展示

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

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

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

      我们来回顾下

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

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

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

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

      看下面几张案例







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

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

      三.字体与图形的配合

      以“?#35745;?#31361;出文字”为目的的排版其特点是不需要分析照片里面的元素

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

      但是这样有一个很大的缺点过于分散的字体之间不仅容易缺乏联系而?#19968;?#20250;造成阅读困?#36873;?/p>

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

      第一种形状图形

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

      方形的三种运用方式

      方形的3种运用方式

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

      集中这种方法是为了不弱化?#35745;?#30340;情况下让文字部分集中在一个方形里增加易?#21015;ԡ?#26159;包装设计常在出现的排版

      修饰这个方形其实只是代表代表所有不规则图形的运用当文字组合之间太过散乱?#21482;?#32773;字体之间大小的差异太大的时候放置一个不规则图形尽可能连接到每一个字上形成联系

      方形“集中”的例子方块的存在突出了文字本身又保证了阅?#20102;?#30021;同时这个方块可以在这张照片上的任何一个位置都没有影响所以很适合包装设计的需要

      圆形3种运用方式

      普通这是一个作为对比的普通排版

      突出这个比起方形有着好的突出效果这个圆形可以替换成一些素材比如墨滴之类的圆形素材甚至可以利用?#35745;?#26412;身存在一个巨大的圆形物体的来突出文字部分

      ?#35270;ã?#36825;个同样可以突出“面”文字这就也为什么这个方法经常出现各类商业图册海报以?#26696;?#31867;宣传单

      古文字也是可以作为一个圆形的运用

      第二种直线

      直线分两种一种就是?#30475;?#30340;一条直线而另一种则是?#19978;?#23567;的字组成的一段文字

      1、?#30475;?#30340;直线

      第一种联系     第二种集中     第三种?#27627;?#25509;符

      直线的3种常见运用方式

      联系很常见的运用方法

      集中作用和方形“集中”相同只是这个是用?#25945;?#32447;组成一个隐形的方块更有形式?#23567;?#19981;同这种只能出现在色彩单一或大量留白的照片

      连接符增加形似感的小东西… …可以用于连接两段文字的内容时尚类设计作品常用到

      2?#21512;?#23567;的字组成的一段文字

      另一种“直线”由一排细小的字组成

      第三种字符

      ?#35805;?#26159;指的数字以及英文字母配合文字能有更好的突出效果

      四.单个字体的形态

      总结了所有的教程和优秀设计作品我认为区别单个字体之间重要的四个特征如



      体饰指的是在字体笔画末?#35828;?#35013;饰字体的体饰之间不是有或无而是多和少这是一个比较模糊的概念

      “古”文字适合作为标题出现表现自然传统或者表现历史厚重感的题材里

      “今”文字大多是在时?#23567;?#31185;技或者普通生活题材里

      “古”文字重要的特点是抒情“今”文字则注重简洁



      笔画的差异在于粗细?#30452;?#30011;用于强调细笔画则用于修饰细节例如突出?#25104;?#21697;的精细做工

      转折的差异在于曲?#20445;?#36716;折越尖锐的字体适合表达力量感反之曲面转折的字体适合表现女性的柔美

      ٷƱЩ

        <dl id="1pdzy"></dl>

        1. <li id="1pdzy"></li>

            <dl id="1pdzy"></dl>

            1. <li id="1pdzy"></li>