网页设计过程中遇到的问题

第页网页设计过程中遇到的问题〔网页〔制定〕〕过程中碰到的问题

设备越来越多，用户采纳的设备也不相同，但不管从什么设备进入你的网站，作为用户体验制定工作目标，就要尽量保证在任何设备上，打开你的网站，都能够给用户类似、相对一致的体验。下面介绍网页制定过程中碰到的问题，希望可以为您带来帮助。

1、设备不同，体验相同

设备越来越多，用户采纳的设备也不相同，但不管从什么设备进入你的网站，作为用户体验制定工作目标，就要尽量保证在任何设备上，打开你的网站，都能够给用户类似、相对一致的体验。

2、页面内容避免被遮盖

现实生活中广告已经让人难以忍受了，如果你的网页中广告竟然挡住了主要内容，这几乎是逼着你的用户生气关闭页面，这样换来的广告营收从某种意义上也是饮鸩止渴。但浏览经验会培养出一些用户，应付广告的策略就是忽略，这样转化率还是无法提升，反而是大打折扣。

3、区别显示已访问的链接

每个网站当中各种链接都不少。为了和文本区分开来，链接通常色彩不一样，如果用户点击之后再返回，链接色彩不作区分的话，用户可能会无意中重复访问相同的页面。所以，让已访问过的链接显示为其他的色彩，让用户更好地决定下一步点击哪里。

4、让用户更容易扫视页面

当用户刚刚开始打开网页的时候，可能会倾向于快速扫视整个页面，而非通读所有内容。当用户想要快速推断出他们想要的内容在哪里的时候，就必须要快速扫视、定位。作为制定师，让页面的层次结构足够清楚，才干让用户更清楚地快速获取信息。如何将内容按照重要性、有层次地浮现出来，还是挺考验网页制定师的权衡能力的。

将屏幕标题、登录表单、导航类目和其他的关键内容设置为视觉焦点，便于用户发现。

5、仔细检查所有链接

当链接所指向的页面不存在的时候，用户所打开的页面就会自然地变为404了，而这种状况是一定会让用户产生沮丧的情绪的。为了避免用户在浏览过程中因此对你的网站产生失望的情绪，请务必保证没个链接都指向正确的页面。

6、元素视觉和功能表里如一

许多元素的外观特征会浮现出它功能性的一面，这也就是我们常说的显而易见、不言自明的制定。链接通常会浮现成特定的色彩，带有下划线，如果你的内容文本中有这么一段文字拥有这样的特征，用户通常会认为它是一个链接。如果点击的时候发现它无法跳转，会让人有"被欺骗'的感觉。用户必须要知道哪些内容是可点击的，而哪些只是强调，制定要表里如一。

7、缩短页面加载时间

不管是面对APP还是网页，用户的耐心都非常之有限。有研究说明，7秒的等待几乎是用户的等待极限，而10秒的加载时间，只会让绝大多数的用户关闭页面，再精美的加载动画都安抚不了用户的烦躁。所以，要合计相应的策略，让用户知道页面加载在推动中。

有关界面制定应该注意的问题

1.使用渐进显示而不是全部展开

渐进显示不让大量无关的信息直接暴露出来，而且展现的内容有上下文的关联，更容易让用户理解，不会一下展现太多表单把用户吓跑。

2.用小的承诺代替大的

使用承诺是一个功能强大的说服策略，充分挖掘人的自我认知一致性原则，一连窜的小问题答案的'是"，会得到更大问题的"是的。'还有显示月费而不是年费会传达出一种没有合约的感觉，让用户觉得随时可以退出，没有障碍。

3.替换模态对话框为更温柔的提示方式

虽然模态对话框更吸引用户注意力，但是也会带来一些其他问题，首先阻止了用户操作对话框之外的操作，而且打断了用户之前的操作动作，为什么不尝试行内或滑出等不那么碍眼的提示方式呢?

4.尝试多功能控制而不是分成很多功能块

例如可以在输入框里实现筛选过滤的功能，而不用增加额外的筛选菜单。打分功能里增加悬停显示功能而不是增加额外的显示模块。但是不要乱用，否则会增加用户的学习曲线难度。

5.尝试增加图标文本

图标和文字在一起可以减少很多歧义，比如以下下箭头到底是表示往下移?降低优先级还是下载呢?或者'X"图标代表删除?禁止还是关闭呢?当用户没有时间理解你界面图标表达的意思的时候问题就麻烦了，所以为了理解，最好图标要配上文本，如果空间实在不够，可以用悬停图标显示提示文本的方式展现。

6.尝试使用更自然的语言代替干瘪的文本

自然语言比简短、严格的短语更方便用户理解。

7.激发用户的好奇心

提供一个能激发用户好奇心的信息，这可能是一个样章、演示、试用，或做了XYZ才干看得到的免费内容。

8.尝试消除用户顾虑而不是假设一切正常

告诉你的客户支付是安全的、货物免运费而且随时可以退换，没有任何后顾之忧，这是能提升转化率的极佳策略。

如何使网页配色恰倒好处

1.色彩种类

一个网页尽量不要超过4种色彩，用太多的色彩会使人没有方向，没有侧重。当主题色确定好以后，在合计其他配色时，一定要合计配色与主题色的关系，要体现什么样的效果。另外，哪种因素占主要地位，是明度、纯度还是色相。

2.总体协调，局部对比

色彩是人的视觉最敏感的东西。主页的色彩处理得好，可以锦上添花达到事半功倍的效果。色彩总的应用原则应该是：总体协调，局部对比。主页的整体色彩效果应该是和谐的。只有局部的、小范围地方可以有一些激烈色彩的对比。色彩还具有显然的心理感觉，

例如冷、暖的感觉，进、退的效果等。

另外，色彩还有民族性，各个民族由于环境、文化、传统等因素的影响关于色彩的喜好也存在着较大的差异。充分运用色彩的这些特性可以使我们的主页具有深入的艺术内涵，从而提升主页的文化品位。

3.对比技巧

当页面平淡单调时，必须要用对比手法做变化来丰富页面的色彩制定;当页面变化过多，显得刺眼、杂乱时，可以通过调和方法进行调整，使得页面看起来更统一协调。主要是通过面积大小、冷暖对比来体现页面的主次关系、中心思想。

颜色平淡可加入适当类似色、对比色来使页面产生变化。颜色杂乱可以适当加入同类色或者类似色、白色、黑色、灰色做到统一调配的目的。对比色的搭配并不是绝对指红或绿、蓝或橙、黄或紫。对比色的第一视觉倾向越显然，配色难度就越大，也就是说越难调和;反之，倾向越不显然的对比色越容易调和。不是一种色彩面积用得越多或者越少，纯度、明度越高就能特别主体的主角色，主要是依据色彩互相之间的搭配关系来体现。一个页面中单纯使用某种颜色或者多种颜色搭配，就能够容易产生个性效果，但不推举初学者这样做。

4.色彩"凹凸调'

网页色彩搭配要注意背景色的深浅，即高调、低调。背景色浅称为高调，背景色深称为低调。底色深，文字的颜色则要浅，以深色的背景衬托浅色的内容(文字或图片);反之，底色暗淡，文字的颜色就要深一些，以浅色的背景衬托深色的内容(文字或图片)，这种深浅变化在色彩学中称为明度变化。

有些主页的底色是黑色，但文字也选用了较深的色彩，由于色彩的明度比较接近，访问者在阅览时，眼睛会感觉很吃力，影响了阅读效果。当然，色彩的明度也不能变化太大，否则屏幕上的亮度反差太强，同样会使访问者的眼睛受不了。

5.常用的配色方案

暖色调即红色、橙色、黄色、赭色等色彩的搭配。这种色调的运用，可使网页浮现温馨、和煦、热情的氛围。

冷色调即青色、绿色、紫色等色彩的搭配。这种色调的运用，可使主页浮现宁静、凉爽、高雅的氛围。

对比色调即把色性完全相反的色彩搭配在同一个空间里，例如红与绿、黄与紫、橙与蓝等。这种色彩的搭配，可以产生激烈的视觉效果，给人亮丽、鲜艳、喜庆的感觉。

当然，对比色调如果用得不好，会适得其反，产生俗气、刺眼的不良效果。这就要把握"大调和，小对比'这一个重要原则，即总体色调应该是统一和谐的，局部地方可以有一些小的激烈对比。

网站建设时应注意哪些细节

细节一：要从整体把握

打开一个网站，吸引我们的是什么，应该是整体风格，比如这个时候，我们合上笔记本，关上手机想一想，天猫网站是什么样子?支付宝是什么样子?京东又是什么样子我们发现，就算是同样做〔电商〕网站，网站整体风格有很大的差异，这些总体差异即体现在整体风格上，也体现在局部细节，这些细节包括logo的摆放位置布局，图片的选择处理、文字的大小间隔、各个区域的对齐和间距、栏目的选择和顺序。

细节二：对二级网站细节要求

完成了网站首页制定，就是二级网站的制定，和首页比较，一个在台前，一个在幕后，很多时候，只记得台前的风光，却忽视了背后哪些默默的支持，如果只有光鲜的表面，不过是昙花一现。一个网站的权重，其实很二级域名多多少少有着千丝万缕的关系，以链接为例，在首页，所有的链接都是真实有效的，而在二级域名，却存在的大量的无效链接，因为疏于〔管理〕，这些死链可能会越来越多，怎么办?

细节三：网站后台细节建设

曾经以为网络编辑埋怨公司的后台制定太让人发狂，原来已经在文字编辑工具拍好版的文章，到了后台，段落前头又多出了两行，无奈只好重新排版，无疑，这样的糟糕的制定，即多费了功夫，体验也相当的差。再比如图片编辑，不同的网站后台，对图片的要求是不一样的，有一个网站后台对图片的要求只有两个规格，竖版一个规格，横版一个规格，这种做法不知道是为啥?

细节四：内容编排细节

当然我们从制定的细节上谈内容，内容细节就要求网站的内容要做好排版，我们在做制定的时候可以关于列表的文字，12px的字体是标准网站字体，但是正文内容就应该设置成为14px。其次还有就是图片，