恭喜你成为UI中国推荐设计师 (详情)
//百度统计 20220402 uicn

您的意见是我们 UI 中国进步的动力!
点击立即反馈按钮,发表您的意见!
立即反馈
QQ群反馈
您也可以加入UI中国官方反馈群进行反馈!
群号:302892100
备注:反馈问题后@管理员能让我们及时了解您的意见

提交需求

赛事与广告咨询合作,请填写需求表单,我们会在第一时间与您联系!

0/20
0/200

设计大赛

  • 设计大赛
  • 发布广告
  • 发布招聘
  • 其它需求

提交完成
感谢您对UI中国的支持和信赖!
平面排版时,运用哪些方法可以突出中文的美感?
0.0°
2018-08-08 原创文章 经验/观点 举报 1408 8 2 0

要想在设计的过程中,突出中文的美感,首先我们需要先发现中文的美在哪里?我们需要了解中文,并能够找到好看的字体。

要想在设计的过程中,突出中文的美感,首先我们需要先发现中文的美在哪里?我们需要了解中文,并能够找到好看的字体。


认识各种字体的结构特点,表达的情感,才能做出正确的选择。


在英文字体中,我们可以将字体分为两大类:衬线体和非衬线体;在中文字体中,我们也可以这么分,另外还包括手写体(含书法体)。

Image title


不同的字体,传达的情感不同,适用的场景和位置也不同。例如对于现代感强一些的画面,我们最好采用非衬线体,对于文艺感强的画面,则配以衬线体更合适一些。

Image title

Image title

根据不同的图片和主题,表达的情感不同,所以选择字体的时候也不同,以上两个案例中的字体,体现了不同的意境和文化,第二种字体明显更适合,同时也能突显中文的美。


那是什么构成了不同字体的不同性格呢?这里我们先来了解一下字体的基础常识。


中文字体基本常识:

Image title

骨架:汉字字形的骨髓结构,就如同一个人的身高骨架;


字面:字体所占字面框的字面率比例大小,越细的字面显得字体更简单,字面越大的字体就显得粗犷一些;


中宫:字体结构的松紧,中宫大一些的字体显得宽敞,中宫小的字体显得紧凑,当字体缩小时,容易模糊,识别度低;


重心:字体视觉中心点的高低,重心的位置决定了一个字看上去稳不稳;


体饰:字体笔画尾部的装饰,非衬线体的装饰基本没有。


每一种字体的性格和表达的意境情感都不尽相同,例如:


宋体:宋体的笔画像刀刻出来的,让人感觉不那么亲近,相较于手写体的来说,就显得较严肃和认真。


黑体:最早的无衬线中文字体,各个笔画基本等粗,看起来冷静\沉着\,字重稍大,比较醒目,笔画起笔和落笔处有粗细变化,精致秀丽,做标题和正文皆可,简洁的笔画处理,现代感更强一些。


微软雅黑(典型的无衬线字体,字体稍扁,具有典雅的气质,加上笔画不粗,通过cleartype技术基本消除了锯齿感,大多用在界面显示。由于笔画粗细缺少变化,没有起笔和落笔的衬线,因此相较于衬线体会觉得缺乏力度和变化。)


先推荐几款字体

衬线体:


造字工房黄金时代

Image title

思源宋体

Image title


康熙字典体

Image title


非衬线体:

非衬线字体中最常用的是苹方和微软雅黑,这两种字体多用于正文内容的呈现,同时也是UI设计师最常用的字体。


思源黑体


汉仪旗黒

Image title


造字工房力黑(造字工房有挺多好看的字体,推荐大家自己去多了解一下)。

Image title


艺术及手写字体:


段宁毛笔行书

Image title


迷你细珊瑚体

Image title


文悦新青年体

Image title


排版中常用的表现形式:


文字间距停顿,表达情绪(平面设计就像写乐谱一般,让画面像音乐一样呈现出来,有高低错落和抑扬顿挫才能更好的传达画面的情感)

Image title


文字大小的变化(将重要信息加大,强化突出,字体的大小变化形成跳跃率,不同的跳跃率效果不同)

Image title


文字笔画微调(根据文字内容做一些微调,可以让内容的传达更到位)

Image title


文字笔画缺失(部分笔画的缺失一定要保证文字的可识别性)

Image title


文字错落(标题的设计,文字较少才容易出效果)

Image title


封闭填充

Image title


字体模糊处理

Image title


文字内容排版


海报的排版中,标题及文字内容的排列方式主要有: 居左、居右、居中、齐行、顶对齐、组合型、自由型。

Image title


Image title





Image title

Image title

Image title

Image title


Image title

Image title


这几种排列方式中,居中和居左最为常用,其次是居右\齐行\顶对齐,由于阅读习惯是从左到右的,所以居右对齐方式采用的相对少一些,另外组合型和自由型的板式对于设计师的把控能力要求较高,做得好很出彩,但对于初级的设计师来说就不容易把控了。由于日本的平面设计做的很好,且日文和中文较为接近,这里我们采用一些日本的平面设计作品来展示和分析。


图文排版结构


上文下图(较常见结构,也容易突出主题)


Image title


上图下文(突出图片内容,吸引眼球)

Image title


图文对角(这种构图一般根据图片素材来选择,对素材的要求会比较高)

Image title


前文后图(对图片要求教多,图文对比较大,要保证文字的可读性)

Image title


图文混排(这种对设计师的把控能力要求较高)

Image title


图文排版方式需要遵循以下三点规则:


1、保证文字的阅读性(有的时候,设计师在一味的追求版面好看的时候会容易忽略文字的可读性);


2、符合阅读习惯;


3、根据图片素材选择合适的字体及版式进行排版。


本篇文章由“菁鱼课堂”老师原创,未经允许,不予转载。


更多设计教程:http://www.jenyoo.com

















更新:2018-08-08

收藏

8人已收藏

菁鱼课堂

免费学设计,就上菁鱼课堂

  • 9

    作品

  • 22

    粉丝

  • 0

    关注

  • 交互设计十大原则 -尼尔森十大可用性原则在交互设计中的运用
  • 如何快速掌握风格各异的海报?!
  • PS给人像制作火焰燃烧效果
  • 简单6步,教你用PS制作超美的天空之镜

    猜你喜欢

      2018-08-08 原创文章 经验/观点 举报 1408 8 2 0

      平面排版时,运用哪些方法可以突出中文的美感?

      0.0°

      你确定要举报平面排版时,运用哪些方法可以突出中文的美感?

      如果查出恶意举报,十天内禁止提交任何举报申请。

      0/200

      上传证据: 超过10M的附件请使用网盘地址

      点击上传附件

      对谁可见:

      全部设计师
      • 全部设计师
      • 推荐设计师和认证设计师

      您确认要推荐?

      该作品发布时间:2018年08月08日

      评分

      完整度

      启发性

      勤奋性

      排版布局

      推荐心得

      建议20-200字以内

      0/200

      2
      8
      0

      账号或密码错误,请重新输入

      账号或密码错误,请重新输入

      登录

      手机号

      发送验证码 120s 验证码错误

      登录
      第三方账号登录