Part 1. 怎么样组织网页内容
用户在浏览网页时,主要为了为了获得有用信息。他们会用最舒服的方法,去评估获得信息的可能性,只有大家设计的浏览路径足够的自然,且提示明确,内容易懂,符适用户的心理模型,用户才会用该路径。用户会很飞速的决定该网页内容是不是值得花时间阅读,因此网页正文设计的好与坏尤为重要,只有拟定的设计方案能让用户在探寻和用信息时,以最少的投入获得大的利益,大家的设计才有价值。
大多数场景,用户只能扫视页面,不会进行在线阅读。大多数场景用户都是在查找自己想要和自己有兴趣的有关信息,而不是逐字阅读。用户一般用非线性的方法阅读屏幕内容,且不会去探寻好选择,一般非常快就会做出决定点击还是离开,由于看完全部内容去查找好选择,太花浪费时间间和精力了。全部网页内容中,只有20%才会被用户阅读,大家需要了解用户想要阅读的20%的内容是什么,从而有效的确定页面构造,撰写内容来捕捉用户的注意力,以说服用户阅读更多内容。
眼动追踪热力图
用户阅读网页的过程中,主如果扫描内容,查找他想要的和有兴趣的有关信息。
网页正文浏览方法
容易见到的浏览轨迹像一个“F”形。这种浏览方法由3部分组成吸引用户注意的网站制作
网页标题
网页前面的几个句子
突出显示的标题和副标题
有趣标题或副标题附近正文的前几个字
图像标题
用户从不阅读的是吸引用户注意的网站制作
将要紧的内容放在显眼地方
前面提到了用户阅读网页的一般浏览方法,与习惯注意的网页内容,既然用户习惯于在特定的地方查找有兴趣的信息,则可以借助用户的这类阅读习惯,或有用的或吸引人的信息放置在用户最易注意到的地方。一般内容设计上,应该注意的地方是吸引用户注意的网站制作
宏观负空间吸引用户注意的网站制作 一个内容块内不同文字或图片之间的空间
某域名网站
Medium
适当的内容布局,与易于阅读的字间距,段间距,页边距,可以让用户更舒适的阅读你的网页正文,如上图,Medium的网页可以非常轻松的引导用户去探寻他想找的内容,而另一张图的网页元素过多,用户的注意力比较容易分散,太多东西挤在一块,用户会不知所措并忽视大多数内容。
对齐
通过上文介绍的用户容易见到浏览轨迹,获悉用户浏览网页时,一般非常自然的沿着左边边缘浏览文本,假如左边边缘不齐,会增加用户浏览和探寻信息的困难程度,尽量的维持文本左对齐以符合自然的浏览行为。
谷歌搜索结果页
左对齐文本比较便捷用户浏览,左侧缘与上下间距的一致性,用户可以自然地下意识去探寻下一行或下一个词汇。
数字
文本中的数字,相比于其中的文字,会格外的吸引眼球,用户在阅读的过程中,对于数字会比较敏锐,一般文本中的数字代表着数据和事实,这类可能正是用户想要探寻的内容。除此之外,数字也由于形状的不同而在文本中会比较显眼。
网页正文中数字的设计一般遵从如下什么时间原则吸引用户注意的网站制作
豆瓣
百度问答
豆瓣正文用的是12号字,百度问答正文用的是14号字。从视觉上看,豆瓣的整体字号偏小,虽然用户阅读起来会容易产生疲劳,但小号字传递给人的感受非常精致,符合豆瓣用户群体的文静气息,所以它的的目的用户常见都还是同意的。假如将豆瓣正文字号换成14号,如右图,就会看上去有的粗糙,不够精致细腻了。不同商品面对不一样的用户群体,百度问答的用户群体覆盖全年龄段,需要以阅读的明确度为主要考虑点。
行距
行距是影响可辨性的一个要紧原因,字体越大,行距越大,行长越长,行距越大。一般行距是字体大小的1-1.5倍时,阅读效果最好。
过窄的行距,容易出现跳行,而过宽的行距会让文字失去延续性,影响阅读。
行长
行长不适合过长,也不适合过短。过长的话,用户视线移动距离长,非常难注意到段落起点和终点,阅读比较困难。而过短的话,双眼需要不停来回扫视,破坏阅读步伐。因此,需要设定一个适合的行字数,提升文字的易读性。
为了让用户在阅读过程中,可以舒适的从一行换到下一行,需要在一行的结尾与下一行的开始之间维持一个适合的角度,行距应该伴随行长的增加而增加。
文字与背景颜色
文字和背景颜色的合理搭配,适合的对比可以提升文字的明确度,增强可读性,一般浅色背景下的深色文本比其他形式更容易阅读,深色背景下的浅色文本会使阅读速度明显减慢。
如上图对比来看,浅色背景下的深色文本会比深色背景下的浅色文本更容易阅读。
需要要保证文字与背景有足够强的对比度,确保文字可以让用户明确阅读,如上图,假如文字与背景颜色对比度过低的话,文字的可读性会非常差,用户阅读起来吃力。
总结
以上介绍的这类都是关于怎么样设计好网页正文的一些入门知识,设计前,大家需要先知道大家用户浏览网页的习惯,然后结合大家的商品目的、设计目的,设计整体页面构造,与适当的组织网页内容,然后再通过一些设计方案,向用户明确的传递出大家网页正文的视觉层次,引导用户根据大家既定的浏览路径,舒适的浏览网页正文,只有当大家拟定的设计方案能让用户在探寻和用信息时以最少的投入获得大的利益时,大家的设计才有价值。
网站标题吸引用户注意的网站制作