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

1.对比

2.重复

3.对齐

4.亲密性

一、对比

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

标题与正文的对比

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

文字颜色对比

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

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

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

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

怎样设计才能让文字排版更好看(一)相关推荐

  1. 怎样设计才能让文字排版更好看(二)

    二.重复 设计中的每一个元素都可以在整个网页中重复出现,那么对文字来说,有可能字体.字号.样式的重复,也可能是同一种类型的图案装饰.文字和图片整体的排版布局方式等.重复会给用户一种有组织和一致性的体验 ...

  2. 怎样设计才能让文字排版更好看(三)

    三.对齐 在网页设计中,页面上的元素不能随意摆放,每一项都要与页面内容存在某种联系.对齐也是网页设计必不可缺少的一部分,它可以帮助设计师做出非常吸引眼球的设计,这也是是优秀网页设计的潜在要求. 对齐的 ...

  3. 怎么设计出来的网站才更好看

    如今天企业做网站不仅是要求的功能性和展示性,更重要的要有美观性.怎么设计出来的网站才更好看呢?是现在很建站企业考虑的问题.如果这个东西不去考虑就可能会导致你的网站在视觉方面不能够给浏览者带来比较好的感 ...

  4. 怎么做图片文字二维码一起_怎么做?才能让文字编排更出彩

    在之前视觉设计文章中,我把视觉设计大致罗列了四个方向,更多的是希望能够为大家带来一些努力方向,在设计的路上不那么困惑迷茫,视觉设计本身涵盖的范围就比较广,同时也没有什么衡量的标准和具体的特征,只有依赖 ...

  5. 竖向图片插入_Word小技巧:让你的图片文字排版更有创意

    想在头条中发表文章或者写论文,插入的图片太单调?今天小编就简单跟大家分享几个小技巧,图片搭配文字让你的版面更有可读性. 第一种:最简单的横向文字排版 具体做法:在word中插入图片后,插入一个文本框后 ...

  6. 设计灵感|纯文字排版也能让海报引人注目

    人们通常会选择极具视觉表现力的图像来表达情感,由于图像对不同人群容易造成的不同印象,因此有时候我们可以反其道而行之,用纯文字内容搭配亮眼的色彩来传递信息,反而能够去除干扰,准确传达海报的内容. 设计没 ...

  7. N种方法让你的文章排版更好看

    wyh_csdn编辑帮助文档 一 格式设置 1.1)字体格式设置 一 格式设置 1.1)字体格式设置 <font face="黑体">我是黑体字</font> ...

  8. 微信公众号文章怎么搞成html,微信公众号文章如何排版才能更好看(附教程)...

    作为一名公号汪,看到别人家的公众号排版很漂亮是一种什么体验? 小编刚做公众号那会,发出去的文章,大号字体.图片大小不一.行间距低, 最要命的,每段首行还缩进两个字符. "又草又土" ...

  9. 纯文字海报如何排版更引人注目?

    人们通常会选择极具视觉表现力的图像来阐述主题.表达情感.吸引人注意,当我们想做一张 纯文字排版作品时,如何能引人注目呢?这里精选了12款纯文字排版的海报作品,通过不同的 排版方式和字效形式让版面出彩, ...

最新文章

  1. C++中指向类成员指针的用法
  2. 【Android 逆向】获取安装在手机中的应用的 APK 包 ( 进入 adb shell | 获取 root 权限 | 进入 /data/app/ 目录 | 拷贝 base.apk 到外置存储 )
  3. java web 读取配置文件两种方法
  4. Jenkins构建自动化任务
  5. HTML5中本地储存概念是什么,什么优点 ,与cookie有什么区别?
  6. Storm Control
  7. word转pdf公式乱码_求助:Word转pdf时公式会公式变成乱码
  8. mysql中的rman备份与恢复_RMAN备份与恢复总汇
  9. 禁用计算机端口,电脑如何关闭445端口
  10. php 姓名校验 根据百家姓
  11. DDD中常提到的应用架构总结(六边形、洋葱、整洁、清晰)
  12. the little schemer 笔记(2)
  13. 【转】CAN总线与CANOPEN协议入门
  14. Java第二次作业|实验3 运算符、表达式和语句
  15. 改了dns服务器有没有影响,dns改成114有危险吗_dns改了有什么影响
  16. java list 随机获取n个_java – 从列表中取n个随机元素?
  17. 真心话大冒险..你敢接吗?
  18. Spring 6.0 堪称最强!新特性,惊爆了!
  19. Java小数点数字和百分号数字之间的转换
  20. 【笔记】KMeans聚类算法

热门文章

  1. 【安卓开发系列 -- 开发环境】Unbuntu 下 Android 持续集成打包环境搭建 -- Jenkins 构建工具安装(gradle + git + android 工具)
  2. Docker实现原理之 - OverlayFS实现原理
  3. HAL库开发—基于stm32的智能小家电
  4. 猿创征文|2022年前端之路——我的前端开发好帮手
  5. Windows 11打印测试页
  6. 水文分析与计算——年均流量趋势检验(Mann-Kendall法、线性回归法)
  7. C# Speech学习笔记(一)
  8. html自动全屏js,js实现简单页面全屏
  9. android 输入法 sd卡,关于安卓手机内置或外置SD卡中各文件夹的名称和作用
  10. 互斥锁的应用与pthread_mutex_destory的出错