网页设计中的规则和禁忌

日期：2018-10-22 人气：1370671

导读：　网页设计是一个棘手的话题。当你创建网站时你需要考虑很多事情。为了简化这个任务，我这里准备了一个列表，每个网页设计师在设计网页时都应该考虑这些注意事项。好消息是，这都是一些简单的设计原则。　　应该做什么　　1.不管设备如何，都应该提供相同的用户体验　　用户会使用不同的设备来访问你的网站：他们可通过台式电脑或笔记本电脑，平板电脑，手机，音乐播放器甚至手

　网页设计是一个棘手的话题。当你创建网站时你需要考虑很多事情。为了简化这个任务，我这里准备了一个列表，每个网页设计师在设计网页时都应该考虑这些注意事项。好消息是，这都是一些简单的设计原则。

　　应该做什么

　　1.不管设备如何，都应该提供相同的用户体验

　　用户会使用不同的设备来访问你的网站：他们可通过台式电脑或笔记本电脑，平板电脑，手机，音乐播放器甚至手表上访问您的网站。UX设计很关键的一部分是要确保用户应该具有类似的用户体验，不论他们是通过什么来访问你的网站，不论他们是使用什么样的设备。

　　如果用户是通过手机访问你的网站，他们应该能毫不费劲的找到他们需要的所有东西，就像他们在家里通过桌面端查看你的网站一样。

　　2.设计一个简洁，易用的导航

　　导航是可用性的基石。请记住，这不关乎于一个网站设计的有多好，但必须确保用户可通过自己的方式进行浏览。这就是为什么你的网站上的导航应该设计成这样。

　　•简单(每个站点都应该有最简单的结构)

　　•简洁(导航选项对访客而言必须清楚易懂)

　　•一致(主页的导航系统应该在每个页面上都一样)

　　设计导航方式，尽可能减少点击次数而帮助用户到达他们想去的网页。同时，应易于浏览并能轻易找到他们想去的地方。

　　3.更改已访问链接的颜色

　　链接是导航过程中的关键因素。当已访问的链接没有改变颜色时，用户可能会无意中重复访问相同的页面

　　4.轻松浏览你的页面

　　当用户访问你的网站时，他们更有可能快速扫描屏幕，而不是阅读页面的所有内容。因此，如果访问者想要查找内容或完成某项任务，他们将一直浏览直到找到他们需要的内容。而作为设计师，你可以通过设计好的视觉层次结构来帮助他们。视觉层次结构是指以暗示重要性的方式安排或呈现元素(例如，他们的眼睛应该集中在拿了? 第一、第二等)

　　5.仔细检查所有链接

　　当用户点击站点上的链接并收到提示404错误页面时，用户可能很容易变得沮丧。当访问者正在搜索内容时，他们希望每个链接都可以将它们带向所指的地方，而不是出现404错误的提示或者其他一些他们不想去的地方。

　　6.确保可点击的元素对用户显而易见

　　一个物体的外观可告知用户如何使用它。视觉元素看起来像是链接或按钮，但不可点击(即，有下划线的单词没有链接，具有文字动作的元素，但不是超链接)这样很有可能会使用户混淆。用户需要知道页面的哪些区域是纯静态内容，哪些区域是可点击的。

　　应让用户明白哪些是可点击的元素

　　橙色的盒子是一个按钮吗?答案是：不。形状和标签使其看起来像一个按钮，但它不是。

　　不应该做什么

　　1.让你的访客等待网页加载

　　网页用户的注意力和耐心往往很差。根据NNGroup研究：

　　10秒是将用户的注意力集中在此任务上的最低限度

　　当访问者必须等待你的网站加载时，如果你的网站加载速度不够快，他们会变得沮丧，并可能离开你的网站。如果加载时间过长，即使你有设计精美的加载指示器，也可能迫使用户离开网站。

　　2.不要在新标签页中打开链接