【网站实战】205 | 网站版型很丑,文章排版很糟糕,网友第一眼就看不下去了,谁有空管你写的怎么!

接着上一集把话说清楚,让对方听明白 继续往下讲。

有时候你内容明明很好,也很口语,但为什么网友看不下去?

我问你,内在美跟外在美哪一个重要?你不要跟我说都重要,如果只能二选一肯定是内在美>外在美。

但问题来了,如果你没有外在美,谁有空管你有没有内在美?

说回文章也是,如果你的网站版型很丑,文章排版很糟糕,网友第一眼就看不下去了,谁有空管你写的怎么!

你不要以为我在开玩笑,你现在随便去点几个网站来看看,超过80%以上的网站版型都很丑,很花、很乱。

先讲网站版型:

除非你真的对版型设计有天份,否则建议版型越简单越好,越干净越好,请参考:2021年2月痞客邦终于推出新版预设样式。

这个新的版型虽然不完美,但真的比之前的版面好太多。

多说一句网站的版型设计其实就是靠修改CSS,但我觉得对于一般人来说,暂时先不要去碰CSS,除非你真的有兴趣了解。

再讲文章文章排版:

文章排版要好看,有以下八个重点:

一、文字不要忽大忽小,要整齐
文字不能忽大忽小,你顶多加个粗体,文章最好设定「分散对齐」这样左右两边的文字才会对齐。也不要手动改文字的大小,这样你改天换版型就无法直接从css控制文字大小了。

二、文字不要太多颜色,要统一
文字格式统一从css控制,颜色要统一,不要花花绿绿,文字可以变颜色,但不要乱变颜色。

以我自己来说,我的文章只有三种颜色(超过三种会太花)
1. 深灰色 (内文)
2. 墨绿色 (网友或客户的询问或规格说明)
3. 橘色 (文章内的大标题)

以上三种颜色在配合粗体,其实已经有六种变化了,这样已经很多了,再多文章真的就会变成花花绿绿了,这样看起来会像是「儿童作文」。

三、对齐
文字要对齐,图片也要对齐,例如我的文章栏位是680px,我的图片宽度一律设成680px,这样图片跟文字就会对齐。

如果图片不想要太大,那么文章中每张图片的宽度要一致,这样看起来会才会对齐。

以上是文章排版大原则,只要把握注这三点,一眼看过去就不会太差。

接下来要继续讲文章内容排版的优化:

四、大标题
例如你常看我文章会有一、二、三而且还是粗体,这就是大标题,另外我习惯数字1、2、3为小标题,这样可以方便读者阅读,比较不会迷路。

五、段落要清楚
你平常手优化文章的段落跟网络上的段落其实是不一样的。一般作文你可能只有分成四段,也就是起、承、转、合,但在网络文章中,要不要分段其实是看文字多寡而定。

以电脑版来说一段大约3~4行是比较舒服的,分段的意思就是在行与行之间空一行。

以手机版来说,一个屏幕大约是20行,不过手机屏幕窄,如果你在电脑上看起来是5行字,在手机里很有可能就是10行字,这一点要注意,不要让手机屏幕满满都是文字没有分段。

简单讲就是,你不要一段写的落落长,要适当分段。

我知道你会问什么,可是这明明就是同一段啊,我还要故意分段吗?

是的,5行左右你就是要分段,网文就是这样,以读者阅读方便为主。

六、重点要突出
很多人会习惯重点用不同的颜色,例如红色,这样也行,但要谨慎使用。我个人是习惯把重点用粗体表示。

另外不建议把重点「放大」,要放大可以,但必须是标题,这样才符合排版逻辑,否则你在一段文字中,突然有几个字放大,那样会看起来很乱。

七、适当的配图
一图胜千言,这个道理你也懂。不过配图时要小心,不要乱盗图以免有问题,可以搜索「免费图库」试试。

我建议你的图最好都是有相关的,以我来说,我的图就是实例图,通常是我自己拍或是客户拍给我的,这种图最好。

如果没有图怎么办? 我后来想到一招,就是文字版首图,例如你看本文最上面那个蓝底白字图就是。

八、留白的艺术
例如段与段之间要空一行。
小标题与上一段之间要空二行,这样比较能区别。

总之适当的留白,避免密密麻麻的文字挤在一起,在视觉上、在阅读上真的会舒服很多。

总结一下:
有些人文章写的很用心,仔细看内容可以理解这肯定花了很多时间,这是内在美。

但是很多人的外在美真的太差了,一眼扫过去就让人看不下去,谁管你文章内容写的怎么? 因此网站版型与文章排版真的非常重要,不要让读者一进来就想跳出。

再来就是广告栏位的干扰问题,不过这个我以后在说。

_______________________________

站长介绍:小编先生
:常见问题
电脑组装:找小编/组电脑

未经允许不得转载:藤条部落 » 【网站实战】205 | 网站版型很丑,文章排版很糟糕,网友第一眼就看不下去了,谁有空管你写的怎么!


深夜美绣视频
已添加在线视频资源,免费欣赏