网页设计的细节.docx

网页设计的细节

网页〔制定〕的细节
缺乏对比度网页上的文字和图片都必须要具备较高的可读性，最简单的方法就是让它们具有高对比度，但是许多制定师却常常忽视这条规则。下面介绍网页制定的细节，希望可以为您带来帮助。

1.缺乏文字和图片都必须要具备较高的可读性
缺乏对比度网页上的文字和图片都必须要具备较高的可读性，最简单的方法就是让它们具有高对比度。但是许多制定师却常常忽视这条规则。图片背景与文字对比 度太差，导致文字模糊不清无法阅读，用户不仅错过这段话也错过了你要传达的重要内容。你必须确保每一个元素都与它四周的其他元素区别开来，记住这些基本方 法，色彩、空间、尺寸。合理地运用它们让你的每个元素都清楚可见。
2.糟糕的导航和操作流程
糟糕的导航和操作流程，当我登陆了网页的第一眼，你就得让我明白接下来我该做哪个操作。点击按钮以及信息必须要放在显眼的位置这就是为什么导航和菜 单栏往往处于页面的顶部。导航的标签内容和运行效果必须清楚直观，当你尝试使用水平方向的滚动条或者其他一些不太平常的动效制定的时候，给用户一些暗示让 他们知道你的网页如何工作吧。过于复杂的制定会让用户感到无所适从并放弃你的网站
3.糟糕的图片搭配处理
糟糕的图片搭配处理没有什么比一个优秀的图片被其他制定掩盖更糟糕了。如果你花了时间为你的网站搭配了一张优秀的图片，为什么要让它被其他的制定元素 所覆盖呢?加上简单的一行字就可以了，这也是为什么透明按钮成为了新的流行趋势。成都网页制定师再追逐潮流的时候，常常会落入这样的误区。顶栏很有趣，滚 动也很棒，可是当你为它们搭配上文字，一切就容易变得不那么和谐了。页面上的每个图片都必须要与文本搭配，让每个文字都可读，图片上的每个制定元素都清楚可 见。不要用文本或者按钮覆盖图片上任何重要的部分。当你觉得你的页面制定出现了这样的状况，最好改换一个更加简洁的背景并在其他地方放上你的这张图片吧。 当第一眼看到上面这张图的时候你会被吸引是因为它的素描风格。但仔细看看，人物面部被文字遮盖了，那段褒奖之辞也让整体显得杂乱无章。
4.不使用网格在网页制定
不使用网格在网页制定中，有些"杂乱'也能让人赏心悦目，不对称是其中的一种，不使用网格绝对不是，是否使用网格是区分制定好坏的专业指标之一。网格 让一切变得清楚有组织性，让你的元素之间坚持一致的适当的间距，你知道应当把你的元素放在哪儿、怎么放。帮助你确定元素的尺寸、文本的尺寸和空间，通过比 例展现内容的侧重点。
5.不采纳响应式制定
不采纳响应式制定，使用响应式制定框架，使用响应式制定框架，使用响应式制定框架，重要的事情说三遍，你的网页或许必须要在手机上运行，它必须要和在电 脑上运行一样流畅。我总能碰到一些网站，在手机上加载出的是一整个页面。这些网站并不是响应式制定，至少没有手机版的视图，以至于用户无法使用。
6.链接丢失崩溃的链接

链接丢失崩溃的链接是网页上最让人恼火的事之一。养成每年都去审核你的网页上链接是否畅通的习惯吧，你可以手动检查或是使用某些工具，如果你的logo并不能链接到你的网站首页，我也会感到奇怪。Logo都是要链接到网站首页的。(以及当处于首页 的时候，不要禁用返回按钮。)合计链接的可用性。确保你的链接，特别是那些文本中的链接足够显然并且易于点击而不造成误操作。不要在你的文本中添加很多文 字链接，特别是在小的移动设备屏幕上，用户很难点击到正确的链接。
网页制定细节处理
1、网页制定细节处理之不要过于复杂。
页脚和页头的制定有所区别，它并不必须要跟页头的导航栏或者BANNER图制定那样过多的注重交互性以及个性化，反而是简洁有力的页脚更加有利于用户体验。通常采纳极少的色彩元素并和网站整体风格一致，尽量避免图片背景形式，如必须让内容显得丰富些，就选择图标和文字结合的形式来展现，且内容也不宜过多，应简洁。
2、网页制定细节处理之必要的信息不能少。
在浏览网站时，可以发现，大多数网站的页脚包涵了企业简单业务介绍，联系信息，版权保护以及其它关联网站等等，当用户在网站上没有发现显然的联系方式，他们基本上都会把网页拉到页脚寻找信息，能让他们快速找到目标内容可以减少网站跳出率。
3、网页制定细节处理之合理安排链接。
页脚内容对排布和分类要求较高，毕竟所占据的网站板块区域较小，因此要遵循以简洁明了的形式展示最直接和全面的内容，无论是网站基本内容的目录，还是联系方式，有或者是友情链接，最好进行组织分类，通常状况下，这些内容都是以概括的形式展示，更多具体内容以链接跳转的形式，对此要合理安排好链接，确保好用户体验，以防出现死链或者空链。
4、网页制定细节处理之避免头重脚轻。
有些网站在建设的过程中并没有明确的页脚概念，往往把页头做得很耀眼，但是整站往下拉，却没有页脚的踪影，又或者是将页脚看作最次要的一部分，所使用的字体小，内容粗略，且没有将文字与背景对比度合计在内等等，无形中就造成了用户不愉快的阅读体验，按照用户的浏览习惯，从网站页头浏览下来，体验效果都还不错，但一到页脚就一头雾水，这种头重脚轻的现象就造成了用户不好的印象。
5、网页制定细节处理之去掉冗余的装饰。
有些网站制定认为页脚的信息内容过于简单则必须要强调重点，但是往往这些"强调'会成为页脚制定中的累赘，譬如给链接加上下划线，字体采纳特别效果等等，事实上更多的是造成网站页面的杂乱，因此这些冗余的装饰最好统统去掉，干净整洁反而是一种美。
6、网页制定细节处理之充分利用空间的同时注意留白。
网站页脚的制定是在有限的空间内展示最精辟的内容，关于这部分的空间要充分利用起来，对要使用的图标，文字，图片等内容进行排版制定，但在安排这些元素的同时要懂得留白，避免出现密密麻麻的内容扎堆状况，否则影响网站美观的同时也产生了用户阅读困扰。
网页制定中哪些细节更能吸引用户
1、干净简洁的页面
页面干净简洁不是指画面简单，而是指用户体验上能够方便快捷、简单易用。一个干净、简单的网页制定终会成为一个可用性高的网页制定，它在与用户的交互中不会使其产生混淆。页面上有太多的功能、组件的话会影响用户的整体体验，简单的页面会更集中用户必须求。我们在制定网页的时候一定要注意这些细节，我们可以将页面制定的丰富丰满，可以将页面制定的炫酷新颖，可以将页面做出我们自己的创意，但是一定要方便使用，别让用户浏览到页面感到太复杂。我们可以用制定去吸引用户，更重要的是用制定方便用户。

2、导航的重要性
网站要有自己的深度，就要有好的导航制定。导航制定直接影响网站的浏览时间、深度点击等问题，网站是否有用也都在导航上了。导航结构、摆放位置、风格、所用技术、可用性和网页易读性，这些都是制定制作导航制定时必须要合计的。 导航的制定首先要有好的位置，尽量满足用户能够直接点击的必须求，不要让用户找不到导航。风格上和网站整体一致，让导航成为页面中的一部分而不是特别的一部分。各个页面间做好导航统一，让用户习惯网站导航而不是习惯找网站导航。
3、字体规范
网站内容如果以文字为主一定要注意字体搭配，让网页相同位置的字体统一。制定师在制定网站过程中一定要注意好文章整体风格，字体规范也是整体中的重要部分，网站细节内容必须要通过文字展示，字体规范直接影响用户的阅读效果，所以字体上一定要注意好。
4、色彩搭配
制定师喜爱用或者善于用色彩搭配很正常，但是色彩搭配一定结合网站内容、网站主题。网页制定上的整体配图、搭配要符合上述问题。更重要的是网站前景色、背景色的搭配。不要上色彩过于冲突，影响视觉效果，特别是细小的文字部分，字体颜色和背景色一定要搭配好，避免视觉冲突。
5、页面层次
页面制定必须要层次感，当页面缺乏层次感的时候就会显得页面比较单调或者花哨。页面层次感可能有很多类型，例如色彩的层次感、元素的层次感等等这些都是层次感，我们在制定页面时适当增加层次感，特别是在头图、文字等容易出现层次感的地方。但是注意整体结构，不易过多过繁，简单即可。
网页制定之细节
1.尺寸
a)800*600能照顾到所有网友的〔电脑〕，但相当是张"小报'。
b)1024*768渐成主流。1024*768能比800*600多出一栏的信息。
c)正文页采纳自适应制定，能在正文页做更多相关内容。首页也可以尝试自适应的制定。自适应制定的核心是要留出宽度伸缩自如的栏。
d)在1024*76模式下，页面的长度不易超过10屏。
e)随着电脑升级换代，分辨率提升，电脑屏幕能够提供的面积越来越大，这是一种难得的资源，要充分利用。"小报'改"大报'要增加一倍的纸张成本，网站改"宽版'，不增加任何成本。
2.字体字号
a)目录页用小字号，为的是放更多的标题。
b)正文页用大字号。为的是让读者读得舒坦。
c)慎用不容易看清楚的楷体。楷体的作用等于图片，主要起美化版面的作用。
d)多用对搜索引擎友好的标粗，来表示重点。
3.颜色
a)同一个页面的颜色不要超过4种。眼花缭乱容易产生视觉疲惫。
b)颜色对比不要反差太大。网页版面不是美术作品，要避免形式对内容的喧宾夺主。
c)文字+底色能够起到很好的特别作用，在视觉变化上相当于图片的作用。
4.静态化
a)访问量大的页都应该静态化，以便减少服务器压力，加强网站稳定性。访问不到的网页是最差的网页。
b)动态化和静态化在一个页面中结合使用，能同时得到轻负荷和即时交互性的好处。
c)哪些页面的哪些地方必须要静态化要在一开始就合计，访问量大了之后，再高合计，就迟了，由动态化转为静态化，会有很多历史问题。
5.分栏
a)首页选4栏?还是3栏?
b)正文页多用2栏。
c)"纵向逻辑'是指将相近的内容从上至下排列，而不是从左向右排列。如果读者对这方面内容感兴趣，他会从上至下，逐行阅读。这样可充分力利用首屏，让首页增多从上至下阅读的可能。
d)避免一栏太强，一栏太弱。通过图片、套红等手段进行调控。平均使用读者主意力。使读者不敢放过左中右任何一栏。

第 9 页 共 9 页