网页设计也是一个有技巧性的工作，有很多因素需要考虑。这里我将列举一些设计师在设计网站时遇到的常见情况，即那些应该做到的，和应该避免的事项。希望能给设计师同胞们提供一点灵感和启发。
应该做的：
1.在不同终端设备上提供用户相似的浏览体验
用户可以通过不同的设备访问你的网站：电脑、平板、手机或智能手表。为了营造浏览体验的统一性，在视觉和交互设计方面都应该尽可能设计得相似，这样用户能在切换终端浏览的时候，更加顺畅，节省注意力的切换成本。比如当ta在电脑上浏览到某一处时，换成用手机浏览也能快速找到那个页面。
2.清晰、易用的导航栏设计
一个网站的导航栏是其可用性的基石。如果用户无法通过导航栏访问目标页面，那么网站设计得再好看也无济于事。关于导航栏的设计，你应该做到：
简单：尽可能简单的结构。
清晰：导航选项应该让用户一目了然。
一致：每一个页面的导航描述应该保持一致。
导航栏的存在是为了让用户通过最少的点击次数访问目标页面，同时仍然易于浏览。
3.对已经点击过的链接，应设置不同的颜色
链接是网站内容的重要组成部分。如果已经点击过的链接没有被标记，那么用户很可能会重复打开。让用户知道浏览历史和当前所在的页面，能指导他们后续的浏览行为，也能提高他们的浏览效率，避免了重复访问相同页面。
4.使用户更加方便地浏览网站
当用户访问网站时，他们希望能快速地浏览页面而不是只字不差地看完所有内容。因此，如果用户有一个意图去找到某个页面，他们会选择快速的浏览去寻找页面入口。作为设计师，应该使网站具备清晰的视觉层次感（即用户第一眼看到的时候，注意力最先被吸引的地方，通常较大或颜色深一些的字体等）方便用户浏览。某些结构和元素地重复出现，也是一种规律和对内容的分类，这也能帮助用户更好地完成任务。
5.检查所有链接的可点击性
当用户点击了某些表明上看似可以点击，打开之后却是404页面的链接后，会感到不愉快。用户通过首页内容，激发了进一步浏览内页的好奇心时，设计师要保证每一个出现在用户视野里的链接都是可访问的，否则你好不容易让用户对网站的产生好感的努力会前功尽弃。
6.确保可点击元素的样式的统一
页面上一个设计元素的样式会指导用户如何与之交互。比如某些视觉元素看起来像是按钮或链接，结果用户点击了却没有反应（带下划线的文字，用户通常认为是可点击的；当方框的文字看起来像是按钮，用户也会尝试去点击），这样会让用户感到困惑。用户需要知道页面里哪些是可以点击的，哪些纯粹只是文字内容。
图中带方框的 Products 就会让用户以为可以点击，但实际上却不可点
不该做的：
1.不要让用户等待太久
这个人人的注意力和时间稀缺的时代，大家的耐心很有限。比如我们在电梯里的短短几十秒内都要拿出手机来刷一遍朋友圈。调查表明，10秒钟的等待可以说是大部分用户能聚焦的界限了。
如果用户打开了某个页面，加载内容的时间太长，他们会感到不耐烦甚至直接关掉它。即便这是一个设计精美，交互出色的网站，很多用户依然不会倾向于给予更多耐心和时间。
2.链接不要默认为在新的标签页中打开
不同用户有不同习惯去打开新的标签页。即便你设计成了在当前页面跳转去打开新的页面，那些喜欢「在新标签页中打开页面」的用户依然能通过鼠标右键选择这种方式。而如果你默认了所有页面都得在新标签页中打开，那么那些喜欢「在当前页面跳转」的用户就没有选择了。
3.不要让页面上有太多广告内容
太多的推广信息和商业广告可能会让网站的内容难以辨认和阅读。或者说，任何看起来像广告的内容通常会被用户忽略（这种现象被称为「双盲」）。
4.不要让自动播放的视频发出声音
浏览某些页面会遇到自动播放视频，如果自动发出音乐或声响会惊吓到用户。 这样的设计应谨慎使用，只有在适当和预期的情况下才能使用。
在 Facebook 和 Twitter 上的时间线内容里会有自动播放的视频，但是被设置成了无声，他们也提供用户关闭自动播放的设置权限。
5.不要为了美观牺牲网站的可用性
网站的页面设计不应该影响到用户去获取网站的信息。颜色的对比，包括文字的颜色和背景图片的颜色，都应该做到保持网站内容易读性。同样，就算有绚丽的交互样式，也应该为网站内容服务，不能本末倒置。
标题字色与背景图片色对比不够，影响了可读性
网友评论