如何使博客文章设计时尚和简单-云资讯

如何使博客文章设计时尚和简单-云资讯

作者:云资讯    浏览次数:5903    2021-08-25 15:51:11

你有没有想过,“我想调整设计,使文章更容易阅读,但我不知道…”"我是否能使文章的设计更容易时尚?

这一次,我将告诉你如何使文章设计时尚,即使是初学者!

本文推荐给这样的人!10.jpg

谁想设计博客文章?
想知道如何快速设计的人
想做一个容易,时尚,容易看到的文章的人
博客的设计可以大致分为两部分。

(1) 决定博客本身的印象"网站整体设计"
(2) 决定文章的可读性和可理解性"文章设计"

在这篇文章中,我们将讨论"(2)文章的设计"。

设计是容易的,它只由任何人都可以做的技术组成,所以一定要练习它!

如果您想了解"整个网站的设计",请参阅下文。

*我正在写一篇文章。 请耐心等待!19.jpg

目录

博客文章需要什么"设计"?

博客文章中对"设计"的三点要求
1:尽量用简单的装饰
2:使用图像
3:让设计具有统一感

使博客文章易于阅读的设计的 18 个技巧

装饰文章
1:改变标题设计
2:使用子弹
3:用框包围它
4:标记、粗体等
5:使用精确标注
6:不增加文本大小
7:字符颜色不丰富多彩
准备美观的图像
8:匹配所有吸引眼球的图像的气氛
9:调整图像宽度
10: 添加个人资料图标以展示您的个性
统一设计
11:基本颜色为单色
12:调整段落之间的边距和字符行间距
13:统一图像放置规则
14:让我们引用配色方案
15:让我们消除符号失真
16:尽量不要贴太多广告
17:强调汉字和平假名之间的平衡
18: 付费主题也是您的选择之一
总结
我想知道如何开始写博客! 对于那些真正想开始的人

博客文章需要什么"设计"?

博客文章所需的设计不是"让文章看起来和感觉更好",而是"让读者准确、清晰地传达文章的内容"。

因此,设计读者可读的文章非常重要。

因为很难阅读的文章会很快被读者离开,他们无法传达他们想知道的。

记住,"读者"的观点很重要!

博客文章中对"设计"的三点要求

只需按住下面介绍的三点,即可为读者创建易于阅读的设计文章。

即使是初学者,如果你意识到它,因为它可以很容易地练习,请不要跳过它!

简单的装饰
漂亮的图像
设计的统一感

1:尽量用简单的装饰
简化装饰设计的原因是"易于阅读"。

要点是清楚的,所以"文章更容易理解"。

请看下面的图片。

我认为,只要做一点装饰,你就会意识到它完全不同。

2:使用图像
节奏变得短,如果只有句子,读者厌倦了阅读,并退出的人增加,因为它变得无聊的方式。

然而,通过放置图像,节奏被放在文章中,内容也变得更容易理解,所以减少离开的人。

我认为,如果你把图像,你可以看到,阅读时的压力会减少。

创建图像需要大量的努力,所以"我想赚钱的博客",除非你是一个人谁认为,它不是绝对必要的。

3:让设计具有统一感
如果设计不统一,它就会给人一种破碎的印象,给人一种不舒服的感觉。 我在阅读时感到压力很大,所以让我们统一文章的设计。

例如,调整图像或字体的大小,或使装饰方法相同。

同样,以下三点非常重要。
1、注重简单的装饰
2、使用图片
3、使设计具有统一感
因此,在下文中,我将介绍18个技巧,使文章的设计更容易阅读,同时按住这三个点!
20.jpg

使博客文章易于阅读的设计的 18 个技巧

现在,让我们来看看!

装饰文章
首先,我想告诉你关于文章装饰的九件事。

如果你还没有在你的博客上练习,一定要检查出来!

1、改变标题设计
2、使用项目符号
3、让我们用框包围它。
4、使标记、粗体等脱颖而出
5、使用精确的标注
6、不增加文本大小
7、字符颜色不丰富多彩

1:改变标题设计
根据博客的设计主题,当文章标题未装饰时,使用 CSS 进行装饰。

标题的装饰使读者更容易吸引眼球,并有助于读者理解主题。

特别是WordPress的免费主题,让我们给装饰,因为它经常没有装饰。

有关标题的简单装饰方法,请参阅下文。

  • 我现在正在制作一篇文章。 请耐心等待!

2:使用子弹
在总结文章要点或添加补充信息时,项目符号列表非常有用。

例如,就我而言,我在写文章时会写上"您希望读者阅读哪些问题"!

有时,通过短写比用乱写更容易理解。

3:用框包围它
用框括住句子也很有用。

通过用框架括起来,“读这里!”,句子的要点变得清晰,你可以改变文章的节奏,通过包围具体的例子和要点等。

WordPress 中添加了许多主题,包括插入框架的功能。

如果无法自动插入框架,则可以轻松地在 CSS 代码中设置框架,因此让我们使用以下参考进行设置。

  • 我现在正在制作一篇文章。 请耐心等待!

4:标记、粗体等
博客文章的特点是经常对角线阅读,句子被跳过…

因此,在句子中,用标记或粗体字符(字体粗体功能)突出显示要说的点。

我经常使用的颜色是荧光笔下划线的黄色。

.keiko_yellow {
background: linear-gradient(transparent 80%,#fff070 50%);
font-weight: bold;
color: #000;
}

我喜欢它被调整为非常好的感觉,如色调!

5:使用精确标注
使用标注添加要点和补充信息是有效的。

你不会厌倦你的读者,即使你滚动的文章,你也很容易被看到!

下面是一个示例。

但是,由于气球很难连续使用多次,因此请精确使用!

6:不增加文本大小
如果可能,不要放大文本大小。

因为阅读句子的节奏会改变,变得难以阅读。

在免费博客中,当你说有趣的内容时,你看到强调更大的字符,如果没有特别强烈的承诺,最好不要放大。

我的博客几乎没有太大,如果你强调字符,我装饰与线标记和粗体字符。

7:字符颜色不丰富多彩
不要用不同的颜色装饰字符的颜色本身。

因为你不知道要强调什么字符。

此外,它是链接还是字符的强调,因为无法区分,绝对NG是相同的颜色的字符链接的颜色。

使用文本颜色时,请用"文本链接的蓝色"和"红色突出显示重要部分"来保持文本颜色。

准备美观的图像
在下文中,我们将写三个关于图像的要点。

让我们把吸引眼球的图像的气氛都放在一起。
调整图像的宽度
让我们把图标,并拿出个性。

8:匹配所有吸引眼球的图像的气氛
给杂乱的印象,当每个文章的吸引图像的气氛是分开的,因为它不给文章本身一个很好的形象,我想统一的气氛,如果可能的话。

最近,在我的博客中,我制作了一个吸引眼球的图像,规则是"在标题中理解文章的内容",并产生了一种统一感。

如果你想选择一个图像,很容易留下深刻的印象,请参阅下文。

9:调整图像宽度
让我们在一定程度上统一图像的宽度和大小。

如果图像的大小和宽度是分开的,句子是很难阅读的,它给读者留下不好的印象…

然而,它更小,更容易看到,让我们灵活响应,因为它可能更容易阅读。

如果图像是并排显示,或者如果放大,很难看到,我会缩小它!

10: 添加个人资料图标以展示您的个性
我推荐它,因为个性出来时,把配置文件(字符)图标。

我的图标是合成免费材料,但只要这样加一点,印象就会突然改变!。

基本颜色为单色
让我们调整边距和行之间。
统一图像放置规则
让我引用配色方案。
让我们消除符号的波动。
尽量不要贴太多广告。
强调平假名、汉字和片假名之间的平衡
使用付费主题

11:基本颜色为单色
基本颜色(如文章的背景颜色和边距)建议单色(白色、黑色、灰色等)。

因为,如果基础颜色是华丽的网站,它更受设计和装饰比字符,它变得难以阅读。

如果你看看经常阅读的博客,几乎没有花哨的颜色,所以设计一个平静的颜色。

12:调整段落之间的边距和字符行间距
调整字符行和段落之间的边距会显著改变博客的可读性!

与句子连接时间长时相比,包含换行符和边距的句子更能快速查看和理解句子的内容。

13:统一图像放置规则
例如,“每次将图像放在 h2 标题下方”。

对于此媒体,我最初希望每次都将图像放在 h2 标题下方。

然而,最近,我经常用图像来解释文章的内容,"每次在h2标题下放一个图像"就消失了。

图像排列的平衡很重要! 请注意,如果图片太多,在阅读句子时会分散注意力。

14:让我们引用配色方案
当你在文章中担心配色方案时,请参考常用的图案!

很多人担心哪种配色方案是好的,但当你搜索"配色方案"时,你会发现一个参考网站。

例如,这是这个网站。 找到你最喜欢的配色方案。

15:让我们消除符号失真
句子中符号不统一称为"符号扭曲"。

例如,如下所示。

谷歌⇔谷歌
网站⇔网站
申请⇔申请
搬家,⇔搬家。
猫⇔猫
符号失真是阅读和压力,所以让我们统一尽可能多的。

16:尽量不要贴太多广告
在博客上做广告时,请注意不要贴太多!

如果你把广告贴得太多,你完全有盈利的氛围,你可能会在情感上感到厌恶和退却。

阅读文章是最大的收入,所以让我们放置广告,以免干扰读者。

17:强调汉字和平假名之间的平衡
在句子中平衡汉字和平假名也很重要。

今晚9点开始的新闻节目是运动员的纪录片,它接近每个人的生活。

18:付费主题也是您的选择之一
为了统一文章,使用付费
WordPress 设计主题是一种选择。

装饰,如字符和标题,几乎配备了没有调整与CSS,所以即使是博客初学者可以很容易地产生统一的设计感。

因为它是付费的,你可以负担得起的钱,如果你找到你最喜欢的设计主题,请考虑它。

总结
这一次,我写了"文章本身的设计",而不是整个网站的设计。

突然记住一切,很难尝试练习,所以建议你创建一个检查表!

如果您尚未理解某些内容,或者想要再次检查某些内容,请查看以下链接。

让我们记住简单的装饰。
改变标题设计
使用项目符号
让我们用框包围它。
使标记、粗体等脱颖而出
使用精确的标注
不增加文本大小
字符颜色不丰富多彩
让我们使用图像
让我们把吸引眼球的图像的气氛都放在一起。
调整图像的宽度
让我们把图标,并拿出个性。
让我们在设计上创造一种统一感。
主要颜色是单调的
让我们调整边距和行之间。
统一图像放置规则
让我引用配色方案。
让我们消除符号的波动。
尽量不要贴太多广告。
强调平假名、汉字和片假名之间的平衡
使用付费主题
调整文章设计,使博客读者更容易阅读!

以上,感谢您阅读到最后。