如何做好网页排版 这十种错误千万不要犯
![](https://i.zz5.net/images/article/2023/03/02/122622741.jpg)
@短腿僵尸木:网络上95%以上的信息是书面形式的。优化排版则是优化可读性,可访问性,可用性,整体图形平衡。换句话说:优化排版也是优化用户界面。本文将提供一组规则,帮助您提高文本内容的可读性和易读性。
1. 最少使用字体数量
使用超过 3 种不同的字体使网站看起来非结构化和不专业,太多的类型尺寸和样式一次也可能破坏任何布局。
![](https://i.zz5.net/images/article/2023/03/02/122622772.jpg)
一般来说,整个网站字体的数量限制在最多两种,一种一般就足够了。如果您使用多个字体,请确保字体系基于字符宽度互补。如图:左边组的字体相对就比较和谐,而右边字体的粗细对比太明显,则显得轻重比例很不和谐了。
![](https://i.zz5.net/images/article/2023/03/02/122622819.jpg)
2. 尝试使用标准字体
字体嵌入服务(如Google Web字体或Typekit)有许多有趣而标准的系统字体,而因为用户更加熟悉标准字体,所以可以更快地读取它们。
除非您的网站对于自定义字体(如品牌宣传或创建身临其境的体验)非常有吸引力,否则通常最好使用系统字体。
3. 限制线长度
如果你想要一个良好的阅读体验,你应该每行约 60 个字符。在每行上拥有适当的字符数量是您的文本可读性的关键。如果每行文字太短,视线必须反复折回来,打破读者的节奏。如果一行文字太长,用户的眼睛将很难专注于文本。
![](https://i.zz5.net/images/article/2023/03/02/122622866.jpg)
对于移动设备,您应该每行30- 40 个字符 。以下是在移动设备上查看的两个网站的示例。第一个使用每行50- 75 个字符(打印和桌面的每行最佳字符数),而第二个使用最佳30- 40 个字符。
![](https://i.zz5.net/images/article/2023/03/02/122622897.jpg)
4. 选择各种尺寸的字体
确保您选择的字体在较小的屏幕上清晰可辨!
![](https://i.zz5.net/images/article/2023/03/02/122622944.jpg)
维瓦尔第字体将难以在小屏幕上阅读:
![](https://i.zz5.net/images/article/2023/03/02/122549930.jpg)
5. 使用可区分字母的字体
许多字体使得很容易混淆类似的字母,特别是与“i”和“L”(如下图所示),所以当选择你的字体类型时,请确保在不同的上下文中检查你的类型,以确保不会为你的用户造成问题。
![](https://i.zz5.net/images/article/2023/03/02/122643928.jpg)
6. 避免英文全部大写
请勿强制用户阅读所有大写字母,与小写类型相比,那只会大大延缓了用户扫描和阅读的速度,让他们分分钟爆炸。
![](https://i.zz5.net/images/article/2023/03/02/122659632.jpg)
7. 不要最小化线间距
行间距一般是字符高度的30%,以便良好的可读性。
![](https://i.zz5.net/images/article/2023/03/02/122659663.jpg)
而段落之间的间距可以比行间距提高20%,留白可以为用户提供消化内容的时间。下图左:几乎重叠的文字。右:良好的间距有助于可读性。
![](https://i.zz5.net/images/article/2023/03/02/122659694.jpg)
8. 确保您有足够的颜色对比度
不要对文本和背景使用相同或相似的颜色。文本越明显,用户能够扫描和阅读的速度越快。
![](https://i.zz5.net/images/article/2023/03/02/122808695.jpg)
△ 这些文本行不符合颜色对比度建议,难以根据背景颜色进行阅读
![](https://i.zz5.net/images/article/2023/03/02/122922387.jpg)
△ 这些文本行符合颜色对比度建议,并且易于阅读背景颜色
9. 避免将文字着色为红色或绿色
建议使用除颜色以外的其他线索来区分重要信息。也避免单独使用红色和绿色来传达信息,避免有色盲用户无法顺利阅读的情况。
![](https://i.zz5.net/images/article/2023/03/02/122952979.jpg)
10. 避免使用闪烁的文字
闪烁或闪烁的内容可能会使一些敏感人群发疯,并且对于一般使用者来说,这可能是令人讨厌或分心的。
![](https://i.zz5.net/images/article/2023/03/02/123025246.gif)
结论
使排版具有可读性,可理解性、清晰明了至关重要。至关重要。好的排版可以让您的网站感觉清爽而令人眼前一亮。另一方面,糟糕的排版选择令人分心。排版是为了内容更好的呈现,应以不会增加用户认知负荷的方式来尊重内容。
老匡:如何用Chat GPT,直接引流+赚钱?
在3月7号的文章《老匡:如何用ChatGPT,每天做100条视频、100篇文章、100条小红书笔记?》里,老匡分享了如何用ChatGPT每天生产大量内容。很多朋友意犹未尽,说能不能用ChatGPT直接引流或赚钱?虽然这个要求多少有点过分,但这几天我们在小红书、抖音、视频号等平台,确实看到了一些利用ChatGPT引流或赚钱的案例,本文列举4个,供大家参考。站长网2023-03-29 09:38:000009入局视频号一年,魔介三登美妆直播榜首
在刚刚过去的三八女神节,魔介用5天以1170万GMV拿下视频号直播时尚美妆榜带货第一和品牌带货榜第二。魔介自2022年3月入局视频号直播,3个月后的618大促GMV就做到了1100万,之后的2022年双11大促GMV也做到了1200万。均为美妆榜首。一年多来,三次大促次次GMV过千万,背后则是魔介牢固的私域基础、坚持不懈的公私域联营、以及相匹配的精细化运营策略。站长网2023-03-21 16:21:0200062023小红书的7种变现方式
近两年小红书风头正盛,「种草」已从一种创新营销成为一种更为普遍且广受欢迎的营销形式。最新数据显示,目前小红书有超2.6亿月活用户,月活创作者2000万,日均发布笔记量300万,当之无愧成为众多年轻用户心中的“消费决策”平台。小红书不仅是不少品牌和商家运营投放和实现商业变现的主阵地,也是无数个人创作挖掘流量,实现变现的舞台。今天我就整理分享7个当下关于小红书变现的方式,供品牌和个人参考。站长网2023-04-07 09:37:560006流量电视剧都会被做成辣条
中国美食众多,哪款小吃能统一年轻人的口味?在2016年BBC纪录片《中国新年》中,英国主持人就介绍辣条“是中国25岁以下年轻人最受欢迎的小吃”。数据显示,以辣条为代表的中国的辣味休闲食品行业的零售额,由2016年的1139亿元增至2021年的1729亿元,年复合增长率为8.7%。站长网2023-03-29 14:01:120000被全网谩骂的她,成了“带货一姐”
“我就没见过这样的直播间”、“也太好买了吧”、“小红书终于有带货顶流了”......近期,网友们在各大社交平台高度赞扬董洁的直播间,甚至把她称呼为“小红书(直播带货)一姐”。事实上,她今年1月刚刚开播,还只是位直播电商行业的新人,且长期以来在娱乐圈的名气也大不如从前。2003年,董洁因扮演电视剧《金粉世家》中冷清秋一角而名声大噪,但在2013年被曝出婚变事件后,董洁深陷负面舆论漩涡整整10年。站长网2023-03-13 14:58:570002