Banner中文字怎么排版才好看?
今天这命题,相信有很多人提出过疑问,一个好的文字排版会给你的作品增添色彩,我们先看看好的作品是怎样的。

看完这些图大家都能感觉出来这是一个好的作品,大家天生就对美和丑有一定的区分。
其实文字排版也好,文字搭配也好,都是有一定的技巧在里面,在这里举个例子,如果你今天去面试,你该如何选择自己的衣服?
我相信有很大一部分人选择正式一点的或者稍微正式的衣服,不会选择穿睡衣去面试。这个道理大家都知道,那么和我们今天的文章有啥关系呢?从这段话我们能提炼一个词--搭配。
回归主题--搭配看似简单,要做到就很难。一个好的文字排版选择搭配字体很重要,每一个字体都有情感,那么我们选择字体就会很头疼,字体的族群太多了很多人选择起来就很困难。
那么我今天说一个分类的小技巧,我把所有文字分4个类型,这样方便后期的搭配:
1,古字族2,有衬线 3,无衬线 4,手写体
古字族

大家看到这张图片一脸懵逼,完全不认识这种字体,它们的辨识度很低,所以这种类型的文字不适合出现在正文,但是他有一个优点就是装饰性比较强,一些背景底纹会应用到。
有衬线字体

看到上图大家会发现标注了,这类字体比较好认就是在笔画后会有一些装饰线,我们称这样的字体为有衬线字体,代表字体为宋体,这种字体比较正式。
无衬线字体

这个字体就好区分了在笔画后没有装饰物的我们都叫他无衬线字体,代表字体有微软雅黑。这类字体比较简约。现在排版比较常用的字体。
手写体
很多人都会认为只有书法字才是手写体,其实并不是,只要是写出来的都叫手写体。比如这样,这种字体比较随意。

那么这种字体应用也是非常广的。
这样大家应该会学到点知识,知道什么字是什么类型,但是要注意当你排版选择字体时要看主题风格,列如一个女性产品的banner选择字体时首先考虑的的是纤细字体,一定要从用户出发。
最后送给大家一句话,临摹不丢人,抄袭才可怕。
所大家前期的积累多去临摹,是为了后期更好的创作。
Banner中文字怎么排版才好看?的更多相关文章
- 段落排版--中文字间距、字母间距(letter-spacing, word-spacing)
中文字间隔.字母间隔设置: 如果想在网页排版中设置文字间隔或者字母间隔就可以使用 letter-spacing 来实现,如下面代码: h1{ letter-spacing:50px; } ... ...
- css文字与排版
目录 文字与排版样式 `font文字样式 排版样式(text) 文字半透明 文字阴影 背景和颜色 基本 背景简写 背景透明 背景缩放 列表样式 表格样式 表格边框样式 折叠边框 设置宽度和高度 表格对 ...
- bootstrap课程3 bootstrap中常用的排版样式有哪些
bootstrap课程3 bootstrap中常用的排版样式有哪些 一.总结 一句话总结:bootstrap里面对常用表情比如p.h1.code等html中的常用表情都修改了样式,照着手册用就好,样式 ...
- CSS样式案例(1)-文字的排版
本篇介绍的是小窗文字内容的排版,通过该篇文章可以让小伙伴们熟悉以下几个知识点: word-space.overflow.text-overflow. 最终的展示效果如下: 参考步骤: 1. 建立htm ...
- HTML5之placeholder属性以及如何更改placeholder属性中文字颜色
今天在群里看到群友问了一个这样的问题,就是如何更改placeholder属性中文字的颜色,以前用过这属性,却是没更改过颜色,于是便试了试,中途遇到些问题,查找资料后特来总结一下. 熟悉HTML5的人应 ...
- css学习の第二弹—文字格式化排版
1.css格式化排版 >>字体设计: etc:body{font-family:"Microsoft Yahei";} >>字号,颜色: etc:body{ ...
- 转: HTML5之placeholder属性以及如何更改placeholder属性中文字颜色
今天在群里看到群友问了一个这样的问题,就是如何更改placeholder属性中文字的颜色,以前用过这属性,却是没更改过颜色,于是便试了试,中途遇到些问题,查找资料后特来总结一下. 熟悉HTML5的人应 ...
- table 中 文字长度大于td宽度,导致文字换行 解决方案
1.TD不换行 nowrap属性 表格table的td单元格中,文字长了往往会撑开单元格,但是如果table都不够宽了,就换行了好像(不要较真其他情况,我只说会换行的情况).换行后的表格显得乱糟糟,不 ...
- 如何更改placeholder属性中文字颜色
如何更改placeholder属性中文字颜色 placeholder这个属性是HTML5中新增的属性,该属性的作用是规定可描述输入字段预期值的简短的提示信息,该提示会在用户输入之前显示在输入字段中,会 ...
随机推荐
- UVA548
题意: 根据二叉树中序和后序建立二叉树,从根结点开始计算和到叶子结点,输出总和最小的叶子结点,如果有俩个和一样大,输出叶子结点最小的 AC:80ms #include<stdio.h> # ...
- (10/24) 图片跳坑大战--处理html中的图片
补充,在前面的服务启动执行命令中,我们在package.json中的配置信息为: "scripts": { "server": "webpack-de ...
- CUDA C Programming Guide 在线教程学习笔记 Part 2
▶ 纹理内存使用 ● 纹理内存使用有两套 API,称为 Object API 和 Reference API .纹理对象(texture object)在运行时被 Object API 创建,同时指定 ...
- Spring MVC 处理JSON 使用HttpMessageConveter
负责将请求信息转换为一个对象 请求报名,转为InputStream, 输出报名OutputStream
- sts,eclipse里面配置tomcat
第一步:点击window-->preferences-->server-->Runtime Environments点击add. 第二步:选择本机上面有的tomcat版本点击next ...
- uiview animation 卡一下
原因:有个下载图片的地方在主线程执行,导致动画卡一下.
- python生成可执行文件保护源码
工作中由于需要防止源代泄漏,需要将源代码隐藏,找到两种方法: 1.使用python生成的pyc文件. 这种方法的优点就是pyc文件生成很容易,缺点则是很容易通过工具得到源码,并且python版本不一致 ...
- python并行编程
一.编程思想 并行编程的思想:分而治之,有两种模型 1.MapReduce:将任务划分为可并行的多个子任务,每个子任务完成后合并得到结果 例子:统计不同形状的个数. 先通过map进行映射到多个子任务, ...
- oracle 基本信息
查看Oracle是32位还是64位的方法: 方法一:使用sqlplus 64位: [oracle@qs-wg-db2 ~]$ sqlplus / as sysdba; SQL*Plus: Rele ...
- uboot的配置及编译
1. 先执行配置命令 make board_name_config 再执行编译命令 make all 2. 通过在Makefile中找到 board_name_config 目标,可以查看为了得到目标 ...