如何做好网页排版 这十种错误千万不要犯
@短腿僵尸木:网络上95%以上的信息是书面形式的。优化排版则是优化可读性,可访问性,可用性,整体图形平衡。换句话说:优化排版也是优化用户界面。本文将提供一组规则,帮助您提高文本内容的可读性和易读性。
1. 最少使用字体数量
使用超过 3 种不同的字体使网站看起来非结构化和不专业,太多的类型尺寸和样式一次也可能破坏任何布局。
一般来说,整个网站字体的数量限制在最多两种,一种一般就足够了。如果您使用多个字体,请确保字体系基于字符宽度互补。如图:左边组的字体相对就比较和谐,而右边字体的粗细对比太明显,则显得轻重比例很不和谐了。
2. 尝试使用标准字体
字体嵌入服务(如Google Web字体或Typekit)有许多有趣而标准的系统字体,而因为用户更加熟悉标准字体,所以可以更快地读取它们。
除非您的网站对于自定义字体(如品牌宣传或创建身临其境的体验)非常有吸引力,否则通常最好使用系统字体。
3. 限制线长度
如果你想要一个良好的阅读体验,你应该每行约 60 个字符。在每行上拥有适当的字符数量是您的文本可读性的关键。如果每行文字太短,视线必须反复折回来,打破读者的节奏。如果一行文字太长,用户的眼睛将很难专注于文本。
对于移动设备,您应该每行30- 40 个字符 。以下是在移动设备上查看的两个网站的示例。第一个使用每行50- 75 个字符(打印和桌面的每行最佳字符数),而第二个使用最佳30- 40 个字符。
4. 选择各种尺寸的字体
确保您选择的字体在较小的屏幕上清晰可辨!
维瓦尔第字体将难以在小屏幕上阅读:
5. 使用可区分字母的字体
许多字体使得很容易混淆类似的字母,特别是与“i”和“L”(如下图所示),所以当选择你的字体类型时,请确保在不同的上下文中检查你的类型,以确保不会为你的用户造成问题。
6. 避免英文全部大写
请勿强制用户阅读所有大写字母,与小写类型相比,那只会大大延缓了用户扫描和阅读的速度,让他们分分钟爆炸。
7. 不要最小化线间距
行间距一般是字符高度的30%,以便良好的可读性。
而段落之间的间距可以比行间距提高20%,留白可以为用户提供消化内容的时间。下图左:几乎重叠的文字。右:良好的间距有助于可读性。
8. 确保您有足够的颜色对比度
不要对文本和背景使用相同或相似的颜色。文本越明显,用户能够扫描和阅读的速度越快。
△ 这些文本行不符合颜色对比度建议,难以根据背景颜色进行阅读
△ 这些文本行符合颜色对比度建议,并且易于阅读背景颜色
9. 避免将文字着色为红色或绿色
建议使用除颜色以外的其他线索来区分重要信息。也避免单独使用红色和绿色来传达信息,避免有色盲用户无法顺利阅读的情况。
10. 避免使用闪烁的文字
闪烁或闪烁的内容可能会使一些敏感人群发疯,并且对于一般使用者来说,这可能是令人讨厌或分心的。
结论
使排版具有可读性,可理解性、清晰明了至关重要。至关重要。好的排版可以让您的网站感觉清爽而令人眼前一亮。另一方面,糟糕的排版选择令人分心。排版是为了内容更好的呈现,应以不会增加用户认知负荷的方式来尊重内容。
白杨SEO:微信搜索广告怎么做?哪些行业可投放?怎么联系开户及操作投放?
前言:这是白杨SEO公众号原创第416篇。为什么想到写这个呢?因为最近微信搜索结果广告上线,有很多人来问我这个有什么机会,怎么联系和投放之类,所以写了这篇,给有需要的人看看。本文大纲:1、微信搜索结果广告是什么?有哪些形式?2、微信搜索结果广告哪些行业可投放?3、微信搜索结果广告怎么联系开户?4、微信搜索结果广告操作投放功能说明在写下面正文之前,先说两句,站长网2023-03-05 10:12:110003透过5个商家的实战,聊聊如何挖掘增量
“2000元以内的学习平板‘天花板’,从学龄前用到高三毕业”“直降500元,这是只有在超品日,才能给到的福利”“7天免费试用,您觉得好用再留下”3月4日,是小度在快手的“超品日”,年轻的主播们接力完成了一场“日不落”直播,收获了70多万次观看。而在整个38大促中,小度共在快手直播12天,吸引了6000万次观看,达成1460万GMV,收获了一份漂亮的成绩单。站长网2023-03-24 20:51:510002创作者为什么必须抢滩AI创作时代
2023年,生成式AI的持续火热,将AI融入千行百业的进程推进到了一个临界点。创作者是最早直观感受到AI技术颠覆性能量的群体之一。过去一年中,创作者们对AIGC能力上限的认知不断被刷新。从AI绘画作品《太空歌剧院》到百度AI对《富春山居图》缺失部分的补全,再到利用文生图工具创作日常文章配图,AIGC迅速进入到为创作者的日常创作贡献实际价值的阶段。站长网2023-03-31 16:23:470003AI来了,最慌的竟然是淘宝模特
GPT4火了之后,AI就成了网络热词,还有人因此面临失业,淘宝模特似乎就是其中之一。潘哥发现,对于AI模特的出现,很多网店店主表示欢迎,因为它不仅省钱,还能提高效率。不过,目前的AI模特,不完善的地方也有不少。在另一边,AI模特的应用,也给摄影师、化妆师等职业,带来了不小压力。但也有人认为,AI的创造力是短板,完全替代真人并不可能。站长网2023-03-24 13:44:140001从 SEO 到 GEO:GPT营销人员可以做些什么?
最近,OpenAI的AI聊天机器人chatgpt风靡全球,让人见识了从搜索到人工智能生成的答案和内容的大规模转变。目前,微软、谷歌、亚马逊和其他主要科技巨头都在竞相提升其生成人工智能能力,并将大型语言模型(LLM)和对话式人工智能引入他们的产品中。站长网2023-03-21 14:21:000003