网页设计过程中遇到的问题
设备越来越多，用户采用的设备也不相同，但不论从什么设备进入你的网站，作为用户体验设计工作目标，就要尽量确保在任何设备上，打开你的网站，都能够给用户类似、相对一致的体验。下面介绍网页设计过程中遇到的问题，希望可以为您带来帮助。
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。其次还有就是图片，产品的图片特别要注意不能变形。这其实和后台编辑有着千丝万缕的关系，展现在用户面前的文字大小，图片大小，要考虑到不同设备的显示效果，当然，还有的网站在内容旁边加上广告，在大量广告出现的时候，有没有遮挡住内容，有没有影响到网页的打开速度，这些都是网站设计者需要考虑的，广告固然可以为网站带来利润，但是，让人发狂的打开速度，或者有趣的内容被广告搞得眼花缭乱，问一下自己，这样做，是为了网站明天更美好，还是收割网站红利!
