网页设计需要注意什么?

更新日期: 2018-11-13阅读: 3.4k标签: 设计

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

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


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

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

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

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


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

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

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


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

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

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


5、仔细检查所有的链接

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


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

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


7、合理的页面版式

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

8、舒缓的色彩设计

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

9、新颖的网页内容

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

10、减少使用特殊字符

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


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

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

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


12、不要适得其反

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


链接: https://fly63.com/article/detial/1337

设计师该不该学Web前端?_究竟需不需要了解HTML和CSS

先说说大家平时最苦恼的设计稿还原度问题,一个视觉超赞的稿子,怎么到了前端手里,字体边距就乱七八糟呢?为什么没对齐,为什么没加粗,还有说好的动效怎么都没上,完全不是情感化设计了啊。

优秀网页设计_优秀Web设计的69条设计原则

好的设计能够帮助企业提升数据,同时还可以提供用户一个良好的使用体验。不过今天讨论的重点并不是付费报告,而是这69条设计原则。

UED与UCD_用户体验设计/设计思考模式

User Experience Design(用户体验设计),简称UED。UED是以用户为中心的一种设计手段,以用户需求为目标而进行的设计。以用户为中心的设计, 英文叫做User-Centered Design 缩写为UCD,他是UED的一种具体的设计实现理念。

设计原则之依赖倒置js

高层模块不应该依赖低层模块,二者都应该依赖其抽象;抽象不应该依赖细节;细节应该依赖抽象。什么叫高层模块,什么叫底层模块,什么叫抽象,什么叫细节

Javascript面向对象的程序设计

这篇文章是关于Javascript的面向对象的程序设计,主要从三个方面来介绍,1. 理解对象属性; 2. 理解并创建对象; 3. 理解继承

别让这九个闹心的套路毁了你的网页设计

模式化的设计套路之所以为广大网页设计师所喜爱,很大程度上是因为它们具备有良好的可用性和可访问性,在转化率和用户留存率上有着不错的数据表现。但是这些通过数据来体现的设计模式,在用户的视角里,可能并不那么理想。

网页设计需要学那些东西?

初次接触或者想要进入网页设计行业的朋友会经常分不清楚web前端与网页设计之间的区别,不知道网页设计要学什么,web前端要学什么,因此感到很迷茫?

前端如何和设计师成为好朋友?

分享一些和设计师成为好朋友的个人经验,注意,这些经验技巧只适用于技术开发人员。如果有事情找设计师商量,千万不要站在设计师的背后

解密 Design System

设计系统的产生是为了某领域内产品在不同平台和设备上都保持设计和交互风格的统一。既然是一个系统 ,那必须具有相应的完整性,它为产品设计,产品内容等方面提供相应的指导

纯CSS Material Design风格按钮

其实Material Design的扁平化icon按钮,这类型的按钮往往只利用几何色块的变化,就能抓住使用者的眼光,并且从几何形状中明白按钮的含意,这也是Material Design非常强调的设计理念和精髓。

点击更多...

内容以共享、参考、研究为目的,不存在任何商业目的。其版权属原作者所有,如有侵权或违规,请与小编联系!情况属实本人将予以删除!