作为前端工程师必须懂得网页设计需要注意什么？

1、在不同设备上采用相似的设计

用户可以通过不同类型的设备访问你的网站，这些设备包括：电脑、平板、手机、音乐播放器、甚至是智能手表等。无论用户使用什么设备访问你的网页，确保他们具有类似的体验，这是用户体验设计中的一条重要标准。

 

2、导航的设计要简单易用、清晰明了

导航设计是网页可用性的基石。记住，如果用户在你的网站里找不到导航，那么无论你的网站有多少都没用用。这也是导航设计要遵循以下原则的原因：

简单。每个网站都应该有尽可能简单的结构。
清晰。导航的每项对用户而言，都应该是清楚的。
一致。系统的导航页在每一页中都应该是相同的。

用户以最少的点击次数，最快地到达他们想要浏览的网页。这才是导航设计的目的。

 

3、 改变访问过的链接的颜色

链接是导航的一个关键因素。假如用户点击过的链接没有改变颜色，很可能导致用户多次点击同一个链接。

如果用户知道自己过去访问的链接和现在还未访问过的链接，那么用户会更容易决定自己下一次要点击什么。

 

4、让页面浏览变得更容易

用户浏览我们的网页时，并不是通读所有的内容，而是快速地扫描整个网页。因此，如果用户来到这个网站，是为了寻找特定的内容或者是完成某个任务，那么他们会先浏览整个网页，直到用户找到了自己想要去的地方。因此，作为网页设计者的我们，应该通过设计网站可视化的层级架构帮助这些用户尽快达成自己的目的。可视化的层级架构意味着网页上每个元素的摆放或呈现都具有权重。

我们在设计网站时，要确保网页标题、登录注册按钮、导航栏或其它同等重要的元素放在用户很容易看到的地方，以减少用户寻找的时间。

 

5、仔细检查所有的链接

当用户点击网站上的一个链接，界面上却出现404的错误页面时，用户很容易变得沮丧。当用户在网站上寻找内容时，他们希望自己点击过的每个链接都是自己正在寻找的那个，而不是出现404的错误页面、或者点进去后，却发现不是自己寻找的那个页面。

 

6、确保能点击的元素让用户看起来就能点击

一个物体的样子会告诉用户如何使用它。看起来像按钮或链接的视觉元素却不能点击，很容易困扰用户，这些视觉元素包括：文字下划线并不代表链接、拥有动画效果的元素也不是超链接。用户想要知道界面上哪些区域是纯静态内容，哪些区域是可以点击的。让可以点击的元素明显一点。

 

 

7、合理的页面版式

设计网页时，一定要注意页面版式的合理性。一个合理的版式和让人一目了然的网页能够给人带来舒适的感觉，并且会让人愿意花时间去了解。注重版式的设计，不要板块冗杂；页面版式的搭配，注重协调简洁。合理地搭配设计页面中的版式，呈现一个清新的网页。

8、舒缓的色彩设计

无论哪个行业的网页，在设计过程中都不要一味地追求视觉刺激，做出奇异的色彩搭配。在设计网页的过程中，设计者一定要注重页面色彩的搭配，多用暖色调，协调搭配冷暖色。只有色彩足够协调、舒缓，才能够让人有继续停留的念头。

9、新颖的网页内容

网页中的内容，犹如人的灵魂不可或缺。设计一个网页，肯定都是想要宣传某个企业或产品，而网页中的内容更是不能够缺少的。现今，想要用内容吸引用户，就一定需要有新颖的内容，从文字或者其他形式的内容出发，注重原创和内容的新颖。

10、减少使用特殊字符

设计网页时，尽量少用特殊字符。在不同的计算机或者不同的平台中，看到的情况有时候有一些差别，如果使用了特殊字符，很可能会有比较糟糕的展示效果，所以应当尽量减少特殊字符的使用。

新片场https://www.wode007.com/sites/73286.html 傲视网https://www.wode007.com/sites/73285.html

11、不要让促销广告遮住内容

现实生活中广告已经让人比较反感了，如果你的网页中广告居然挡住了主要内容，这几乎是逼着你的用户生气关闭页面，这样换来的广告营收从某种意义上也是饮鸩止渴。

另外一方面，长时间的互联网浏览经验会培养出用户的另外一种广告应对策略，当他们看到广告的时候会主动忽略它。这对于广告的转化率同样是毁灭性的打击。

 

12、不要适得其反

不要为了漂亮而牺牲网站的可用性。比较晃眼的文本和广告本身体验不佳，它们会让人分心，在网页设计中，字体的处理与颜色、版式、图形化等其他设计元素的处理一样非常关键。网页设计的外观不应该影响它本身的可用性。不能为了美观而牺牲内容的可读性和对比性。