设计网页的错误

在网页设计排版中，对比度被用来在视觉上划分文本的不同层次，并建立严格的层次结构。下面介绍设计网页的错误，希望可以帮到您。

一、标题位于前面和后面段落之间的相同距离

标题不应该以类似的距离“挂”在章节之间，因为它属于后面的段落。标题上方的距离应该是标题下方距离的2-3倍。与此同时，标题下的距离应该与段落之间的距离大致相同，或者稍微大一点。这样，标题将直观地引用后面的文本。

NO：标题在上面和下面的段落之间的位置是相等的，不清楚它属于哪个段落

YES：由于标题下使用了填充，很明显标题属于后面的文本

二、没有逻辑顺序

在排版中，对比度被用来在视觉上划分文本的不同层次，并建立严格的层次结构。主要标题应该是最突出的页，副标题应该相当小，但仍然清晰可见。

NO：标题和子标题的大小大致相同，它们之间没有明确的层次结构

YES：从逻辑上讲，标题比副标题更重要

三、块上方和下方的填充不同

如果块承载的重量相同，它们应该具有相同的外观和感觉，并且彼此之间的距离应该相等。

NO：如果标题和作者图像之间的空间太窄，那么作者似乎更多地与标题有关，而不是后面的文本

YES：由于图像上下填充的大小相同，块看起来是相等的

四、标题位置太靠近图像

一方面，插图和说明组成一个整体，但这是两个独立的元素，标题不应该干扰图像。

NO：图片上的标题与图片上的内容相吻合，我们很难正确地区分它们

YES：在图像和标题之间有很多空白，但是很明显，标题与图像是一致的

五、副标题和文本之间的空间太小

子标题和后面的文本应该放在一起，但是如果文章中段落之间的空间大于子标题和下一段之间的空间，那么文章看起来就脱节了。

NO：标题和段落之间的间距要比段落之间的间距小

YES：标题后面的空格比段落之间的空格稍大

六、突出元素放置得太靠近正文

用作强调表达的元素，如关键短语或引号，是独立的对象。为了让它们真正脱颖而出，将它们设置在主拷贝的75- 120px位置。

NO：主要文本和突出元素之间的距离太小

YES：由于大填充，突出元素真正脱颖而出

七、低对比度元素

如果你想强调某个短语，用粗体，把关键短语比正文大10-15像素。让关键短语真正从文本中脱颖而出。

NO：一个关键短语与剩下的部分融合在一起。看起来很乱，所以尽量避免这种情况

YES：现在每个人都可以看到它，这要归功于大字体和文本周围足够的填充

八、窄文本块的彩色背景

如果您想突出显示页面的一小部分(例如作者信息)，则足以在此周围设置足够的填充，这将产生空间印象。不要将此部分放在彩色背景上; 这看起来不合适。

NO：子标题不要用背景颜色。使用更大的字体和填充应该足以使它在页面上弹出

1、网页内容字体搭配和谐。

在网站中，用户最关心的就是网站的内容，一个网站的内容，字体搭配和谐，编辑排版得当总能给用户带来好感。当然这是给用户一个视觉感官上的舒服，但是用户要看到的还是实实在在的内容，如果在内容对用户有用的情况下，增加文章的排版，用户的体验感无疑得到增强。

2、摆脱颜色的控制，突出网站的特色。

在新时代下，鲜明的网站色彩无疑给用户的视觉带来很大的冲击，在网站的设计中，要注意用户的体验，在网页设计中，颜色不能太复杂，建议采用一种主色调外加两种辅助颜色，这样增加网站特色，突出网站重点内容。

3、在网页设计中，最重要的是要留白。

在以往的网站设中，很多用户都希望设计布满整个页面，想要在网站上呈现更多的内容，这其实是一种错误的做法，用户在浏览网页时，也会产生视觉疲劳，所以在网页设计中，留白能缓解用户的浏览疲劳。网页设计留白是细节，也是网页设计的一种趋势。

4、导航设计。

对网站来说，最重要的就是网站的导航设计，导航就好比迷失森林里的方向指示牌，有了导航，客户可以知道自己想去哪里，自己目前在哪里，网站中有了导航设计，用户能很清楚的找到所想要找到的内容，这大大方便了用户。

网站的导航设计也是决定用户体验好坏的重要标杆，专业的网站设计，一般网站的导航上都是十分清晰可见的，有些细心的网站还添加了面包屑导航。

5、网页设计要融入企业的元素和文化。

专业的网页设计，一定是为企业量身定做的，网页设计的元素中包含企业本身的特色，包括企业文化背景等。

在网页设计中，只有站在用户的角度去考虑问题，在设计网页时，注意细节。细节才是网站盈利之道。

说起来企业自己移动端网站在制作过程中确实是很容易进入误区，使得制作出来网站无法令企业用户所喜欢，这也导致网站跳出率很高。如果你想要避免这些误区，移动端网站的制作都有哪些误区呢?要如何避免?

一、喜欢加入酷炫的复杂功能

有些企业管理人员发现一些知名企业移动端网站的制作功能很酷炫，一看就是那种高端企业才会使用，因此他们也要效仿在网站当中加入各种酷炫复杂功能，其实你加入一种就足以吸引人，加入太多只会让网站加载速度变慢，大部分酷炫功能用户体验不是很好，要避免这个误区就需要企业管理人员把自己想象成客户去使用这个功能，相信体验之后你就会觉得这些功能确实没有什么用。

二、没有考虑到响应式问题

在以前大家还是只用iphone4S，这种手机屏幕当然是比较小，随着科技进步现在的iphone屏幕达到了现在6.2寸，每个用户都有着属于自己手机屏幕尺寸，你想要让这些用户上网设备打开网站是显示正常，就必须要考虑到响应式问题。有些企业不懂这个按照一个尺寸去设计，就会导致其他上网设备无法正常显示，给用户带来很不好体验。

三、在一个页面当中放入很多内容

因为移动端上网设备屏幕有限，建议大家不要在一个手机页面当中加入过多内容，因为内容太多容易让人看着眼花，特别是一些年龄较大用户，根本看不见字，考虑到自己企业用户群体，要对网站页面里面内容排版有一定了解，内容过多可以简洁，之后分为3-4个屏幕。

网站的制作常见的误区和避免方法就介绍到这边了，其实想要建设一个移动端网站确实比较困难，因为要考虑到不同浏览器、用户上网设备、网站浏览用户等等，需要经过很长一段时间策划才能够得到比较好方案。

共享空间其实就可以看做为分屏设计的一种变种，由老式的界限分明的分屏设计延伸而来。其特点就在于，让页面中的很多核心元素不再被分屏所限制，而是让其存在于多个空间与其他元素进行共享。同时，这里的空间也不再局限于分屏，而是包括多个图层或区块，有时为了达到更好的视觉效果，还会出现元素互相叠加的设计。那什么是空间共享式网页排版呢?

1.图片与文字混搭

在共享空间排版中，混搭文字与图片是最先出现的，也是被使用次数最多的一种方式。越来越多的设计师喜欢在这种排版样式中使用竖直的图片，在以往由于电脑屏幕都为横屏，所以水平的图片的使用更为广泛。

这种竖直的图片可以让文字的使用变得更加自由，人们不再需要一味的将图片作为背景或是配图，而是可以让文字横跨过图片与空白区域，以此来提升页面的视觉效果。

当然，这种混搭的方式中，文字的使用十分灵活，你既可以让文字跨越图片与空白区域，同时也可以让文字在任何一个你希望的地方单独出现。

2.使用独特、夸张的字体

传统的页面排版中出现的文本，绝大部分以标准字体为主。但是在空间共享式排版中，就可以摆脱这个枷锁，让设计师们尽情的发挥。

因为独特的字体明显会在跨越不同区域的表达方式中的表现更加亮眼，这些平常非常少见的字体在空间共享式排版中可以强烈的表现出页面的重点，同时也不会产生违和的感觉。

但是，如果你选择了这种字体，需要注意的是一定要选择一些显眼的字体，并且文本的长度不能过短。此外，字体的颜色要与背景色相关，取对比色往往是不错的选择，因为这样可以有效的提升文本的可读性。虽然这种排版模式非常新潮，但是想要协调好不同元素以及字体颜色的搭配，还是需要费一些脑筋的。

3.色块与文本相结合

随着空间共享式排版的不断更新，色块与文本相结合的设计也越来越多。相比于图片与文本的结合，色块结合文本会给人一种简单、干练的感觉。明朗的几何色块加上文字，这些看似简单的元素搭配在一起往往能够达到意想不到的效果。如果你苦于找不到合适的图片，不如就请色块出山吧。

空间共享式设计体现出的更多是一种现代化的风格，运用得当能够给用户提供非常棒的视觉享受，并且对比于传统的页面设计，其实空间共享式排版也并不复杂太多，只要掌握了技巧和一定的设计理念，就可以设计出非常好看的页面了。