加入收藏 | 设为首页 | 会员中心 | 我要投稿 西安站长网 (https://www.029zz.com.cn/)- 科技、建站、经验、云计算、5G、大数据,站长网!
当前位置: 首页 > 运营 > 正文

如何设计网页正文

发布时间:2017-07-16 12:50:02 所属栏目:运营 来源:woshipm
导读:副标题#e# 设计跟随内容,这是一个大家经常听到的词。用户访问网站的目的主要是为了查看内容,因而内容是否吸引人至关重要。而如何让我们的网页内容能够被用户所吸引,一份好的网页正文设计不可或缺。 Part 1. 如何组织网页内容 用户在浏览网页时,主要目的

留白不一定代表要用白色,在实际设计中,我们将留白称之为“负空间”,它除了用白色以外,还可以是背景,指的是“未使用的区域”,内容与内容之间的间隙。在页面空间中,将图形、文字、图片等元素通过合理的布局,展示一个较好的空间关系,提供了布局上的平衡,留白区域的环绕与陪衬,良好的衬托出中心区域的表现。

留白分类:

宏观负空间:不同内容块之间的空间微观负空间:一个内容块内不同文字或图片之间的空间

如何设计网页正文

某域名网站

如何设计网页正文

Medium

合理的内容布局,以及易于阅读的字间距,段间距,页边距,能够让用户更舒适的阅读你的网页正文,如上图,Medium的网页可以很轻松的指引用户去寻找他想找的内容,而另一张图的网页元素过多,用户的注意力很容易分散,太多东西挤在一起,用户会不知所措并忽略大部分内容。

对齐

通过上文介绍的用户常见浏览轨迹,了解到用户浏览网页时,一般很自然的沿着左侧边缘浏览文本,如果左侧边缘不齐,会增加用户浏览和寻找信息的难度,尽可能的保持文本左对齐以符合自然的浏览行为。

如何设计网页正文

Google搜索结果页

左对齐文本比较方便用户浏览,左边缘与上下间距的一致性,用户可以自然地下意识去寻找下一行或下一个词语。

数字

文本中的数字,相比于其中的文字,会格外的吸引眼球,用户在阅读的过程中,对于数字会比较敏感,一般文本中的数字代表着数据和事实,这些可能正是用户想要寻找的内容。此外,数字也因为形状的不同而在文本中会比较显眼。

网页正文中数字的设计一般遵从如下几点原则:

用阿拉伯数字写,而非文字(如35,不是三十五)。十亿以下的大数用阿拉伯数字表示。2,000,00比二十万的写法要好。两万亿比2,000,000,000,000的写法好,大多数人数不过来这么多零。作为折中,有些情况将数字写成阿拉伯数字+文字的结构会比较好,如350亿(不是三百五十亿或35,000,000,000)。不能代表确切事实的数字用文字表示(只是表达估计或者想法,则应该用文字表示数量级,比如“中国有接近两千万人将成为光棍”)。图片

图片可以吸引和引导注意力,人们非常习惯面部图片和定向信号。在网页中放置一张有人脸的图片,则用户的注意力很容易被吸引到图片及周围。而且如果图片中的人物视线指向某个方向,则用户的视线也会追随其注视的内容,这一原理适用于指向性提示,如将行动号召或slogan放置在人物视线望去的方向,可大大吸引用户的注意力。

如何设计网页正文

如何设计网页正文

摸着你的良心告诉我,上面哪个Banner图更吸引你的注意力。

如何设计网页正文

用户浏览网页时,会跟随网页图片中的人物视线方向,移动浏览视线,将重要内容放置在此,可大大提高用户的注意力。

字体与排版

(编辑:西安站长网)

【声明】本站内容均来自网络,其相关言论仅代表作者个人观点,不代表本站立场。若无意侵犯到您的权利,请及时与联系站长删除相关内容!

热点阅读