博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
怎样设计才能让文字排版更好看(一)
阅读量:5747 次
发布时间:2019-06-18

本文共 444 字,大约阅读时间需要 1 分钟。

hot3.png

在设计中,为了让文字在中更好看,我们需要遵循一下四个原则

1.对比

2.重复

3.对齐

4.亲密性

一、

我们将对比分为三类,有标题和正文中的字体、字号对比,文字颜色的对比,以及文字颜色与背景颜色的对比。

 

标题与正文的对比

 

在下面网站案例页面中,标题使用18px的微软雅黑,正文使用12px的宋体,两种字体和字号的对比让文字内容富有层次,能吸引读者眼球。

文字颜色对比

 

在下图中,有一部分文字采用了与正文文字不同的另一种颜色,这种对比是增加视觉效果的有效途径之一,突出展示该段落的重点。

006zipb5zy79jSl9fkAc0&690 

文字颜色与背景颜色的对比

这是一种常用的,正文与背景合适的颜色对比,不仅可以提高文字的清晰度,并且可以产生强烈的视觉效果。

比如在下图中,白色的背景、红色的标题、黑色的正文这三者之间的对比,还有黑色背景与白色文字对比的应用,将文字内容清晰衬托出来,既有丰富的层次感,同时具有很强的突出效果与视觉冲击力。

006zipb5zy79jSlSuQk44&690 

转载于:https://my.oschina.net/u/2971691/blog/853727

你可能感兴趣的文章
使用Wireshark捕捉USB通信数据
查看>>
《树莓派渗透测试实战》——1.1 购买树莓派
查看>>
Apache Storm 官方文档 —— FAQ
查看>>
iOS 高性能异构滚动视图构建方案 —— LazyScrollView
查看>>
Java 重载、重写、构造函数详解
查看>>
【Best Practice】基于阿里云数加·StreamCompute快速构建网站日志实时分析大屏
查看>>
【云栖大会】探索商业升级之路
查看>>
HybridDB实例新购指南
查看>>
C语言及程序设计提高例程-35 使用指针操作二维数组
查看>>
华大基因BGI Online的云计算实践
查看>>
深入理解自定义Annotation,实现ButterKnif小原理
查看>>
排序高级之交换排序_冒泡排序
查看>>
Cocos2d-x3.2 Ease加速度
查看>>
[EntLib]关于SR.Strings的使用办法[加了下载地址]
查看>>
中小型网站架构分析及优化
查看>>
写shell的事情
查看>>
负载均衡之Haproxy配置详解(及httpd配置)
查看>>
linux虚拟机拷贝之后联网出错
查看>>
Linux文件系统探索
查看>>
标准与扩展ACL 、 命名ACL 、 总结和答疑
查看>>