| 这个章节首要给人人讲下B2B行业网站网页各元素之间的间隔，触及文字与图片间隔、内容与边框间隔、页面与屏幕间隔等，这个局部其实说简略也简略，说复杂也复杂，由于在我们平常阅读网页、报纸、书本、期刊、电视等各类媒体的时分，关于文字与图片、内容与边框之间的间隔也有一个根本的看法。假如给人人一个网页，网页上各类元素之间的间隔太宽或太紧，人人也能领会到，并能提出修正定见。然则关于专业的产物司理、页面设计制造人员、公司治理层，我们需求的是高度存眷细节，对页面每一个元素之间间隔纰谬的当地，都要高度敏感，提出准确的修正方案。
1 网页各类元素之间间隔的根底常识
这个末节是对下面讲的各个元素之间的间隔起到很好铺垫，让人人从实质上去了解页面设计规范。
A 元素之间有必然间隔才干利于阅读：这个要从用户阅读行为去思索，我们的视野在看分歧的内容时，网页各类元素之间有必然的间隔，才干合理的区分和区分出各个元素的分歧点，更好的阅读体验。
B 普通各类元素之间的大致间隔：这个很难有一致的规范，但是依据我对各类网页排版的查询剖析，普通都在8PX-20PX之间，比方：页面题目栏与题目栏之间的间隔，普通为10PX，导航页信息链接与信息配图之间的间隔，普通在8PX-12PX之间，导航页信息链接与边框之间的间隔，普通不小于10PX。详细的在后面做具体解说，起码不克不及低于5PX，不然读起来很累。
C 留白是设计的需求：翻开一个网页，用户但愿看到一些留白的空间，留白不是指白色，而是指仅显示布景色，假如布景色是白色，留白指的就是白色。留白可以让读者留意到重点的内容，更有条理感，比方引荐的信息题目，四周的空白比通俗未引荐的内容四周空间要多，这个是设计者成心而为之，目标是提示用户，这个是重点内容。
D 各类逻辑上一样的元素之间的间隔也要一样：比方一个网页，第一屏文字与边框的间隔为15PX，第二屏依然要一样，不克不及下面就酿成8PX，统一个表单输入框，离左边提醒输入内容的文字的间隔也要一样，比方都为10PX，不克不及有一些输入框间隔就大一些，这个就形成了纰谬齐，使页面看起来芜杂无章，缺乏美感。
2 文字与图片之间间隔的普通规范
文字与图片之间的间隔分为几种状况，一是导航页图片配图与信息链接或导读之间的间隔，二是内容页图片与信息文字之间的间隔，三是导航页产物图片某人物图片与信息题目之间的间隔。普通规范如下：
A 导航页图片配图与信息链接或导读之间的间隔：8PX-10PX比拟合理，这个间隔不克不及太大，超越了10PX就感觉太宽了。
B 内容页内容图片与信息文字之间的间隔：这个间隔普通可以比拟宽，普通空一行，20PX-25PX都可以，由于有良多空间可以运用。
C 导航页产物图片某人物图片与信息题目之间的间隔：这个间隔普通比拟窄，尤其是竖行陈列的时分，可以更窄一些，5PX也是可以的，假如这个题目分两行，行距普通比拟窄，110%-120%之间最幻想。
3 内容与边框之间间隔的普通规范
无论是图片、照样文字，与边框都必需要有必然的间隔，在《B2B行业门户网站设计开拓实战研讨申报》里，我将页面分为导航页、内容页、功用页三种页面，分歧的页面与边框的间隔有必然的分歧。
A 导航页内容与边框的间隔：因为导航页空间比拟小，每个当地都要散布分歧的内容，越靠上、越靠左的内容越主要，内容与边框的间隔普通在10PX-15PX比拟合理。
B 内容页内容与边框的间隔：这个间隔普通可以比拟宽，从20PX—40PX都可以，由于有足够的空间，新浪、阿里巴巴的新闻内容页内容离边框的间隔就是4OPX，腾讯为30PX，中国服装网为20PX，本研讨申报以为，20PX-30PX是最合理的。
C 功用页操作提醒或输入框与边框的间隔：因为这种页面内容不多，以用户操作为主，有更多的空间，比方：用户注册页面、信息发布页面等，如许的间隔不定，假如空间太多，可以居中对齐，左右的间隔都是一样的，依据实践状况而定。 |
当前位置：
