当前位置:380元网站建设 虎网站 > 建站百科 > 正文

一个优秀的网页设计是这样打造出来的

发布日期:2019-06-30

      网页设计是一件很繁琐的事情,因为在设计时要考虑很多事情。为了简化网页设计这件事,本文列举了每个网站设计者都应该考虑的行为准则,包括能做什么,不能做什么。放心,这些准则都是一些很简单的原则。

一个优秀的网页设计是这样打造出来的

设计网站时,应该做什么

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

用户可以通过不同类型的设备访问你的网站,这些设备包括:电脑、平板、手机、音乐播放器、甚至是智能手表等。

无论用户使用什么设备访问你的网页,确保他们具有类似的体验,这是用户体验设计中的一条重要标准。

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

导航设计是网页可用性的基石。

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

简单。每个网站都应该有尽可能简单的结构。

清晰。导航的每项对用户而言,都应该是清楚的。

一致。系统的导航页在每一页中都应该是相同的。

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

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

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

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

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

用户浏览我们的网页时,并不是通读所有的内容,而是快速地扫描整个网页。

因此,如果用户来到这个网站,是为了寻找特定的内容或者是完成某个任务,那么他们会先浏览整个网页,直到用户找到了自己想要去的地方。

因此,作为网页设计者的我们,应该通过设计网站可视化的层级架构帮助这些用户尽快达成自己的目的。

可视化的层级架构意味着网页上每个元素的摆放或呈现都具有权重(比如说,我们的设计决定了用户先看到哪个,再看到哪个,更后看到哪个)。

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

用户的视线是Z字形的。

5. 仔细检查所有的链接

当用户点击网站上的一个链接,界面上却出现404的错误页面时,用户很容易变得沮丧。

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

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

一个物体的样子会告诉用户如何使用它。

看起来像按钮或链接的视觉元素却不能点击,很容易困扰用户;这些视觉元素包括:文字下划线并不代表链接、拥有动画效果的元素也不是超链接。

用户想要知道界面上哪些区域是纯静态内容,哪些区域是可以点击的。

让可以点击的元素明显一点。

如上图,你认为那个橙色的框是个按钮吗?相信很多人都觉得它看起来像个按钮,但其实它并不是。

设计网站时,不该做什么

1. 不要让用户等

网站用户的耐心和注意力是非常小的。根据NNGroup的研究,10秒是用户集中注意力完成一个任务的极限。

当用户在等待内容加载时,他们很可能会变的沮丧。如果加载速度很慢,用户很可能会离开这个网站,即使是足够漂亮的加载动画设计也无法改变这个结果。

2. 在新标签页打开链接

在新标签页打开链接的设计让用户无法使用“返回”按钮返回之前的页面。这是非常不好的设计。

3. 整个网站充斥着广告

促销和广告会掩盖网站里的内容,也会让用户很难集中注意力去完成任务,更不用说那些看起来像广告的事情常常会被用户忽略(这种现象被称为:旗帜盲点)。

4. 滚动劫持(Hijack scrolling)

滚动劫持是指:网站的设计者或开发者控制滚动条,从而使得用户在滚动鼠标时,会在网站上看到不同的效果,包括动画效果、固定的滚动点、甚至是重新设计过的滚动条。

滚动劫持是用户更不喜欢的设计之一,因此,它夺取了用户控制滚动条的权利。

当你设计网站时或设计用户界面时,你应该让用户自己决定自己浏览的网页或APP的位置。

如上图,这个页面就采用了这个设计效果。它使用单页面平行布局的方式,用右边的点来代替每个页面。

5. 自动播放视频(有声音)

在后台自动播放视频、音乐或声音文件,都是用户难以接受的设计方式。

用户很少使用这些元素,除非是在适当的时候。

Facebook会在网页上自动播放视频,但是在静音状态。但是当用户意识到自己在看视频时,用户可以自己点击屏幕决定声音的有无以及大小。

6. 为了网站的美观牺牲网站的可用性

一个网站或用户界面的设计不应该因为内容影响用户的消费能力。更好不要在文字后使用繁重的背景、也不要使用让用户很难阅读或颜色对比不明显的配色方案。

如上图,低对比的配色方案很难看清楚界面上的字。

7. 使用闪烁的文字或广告

闪烁的内容或闪烁会导致易感人群的癫痫病。这样的设计不仅能引发癫痫,而且还会因吸引用户的注意力而惹恼

10月中旬芽庄旅游攻略精彩景点及体验活动介绍

    10月中旬芽庄旅游攻略精彩景点及体验活动介绍 芽庄是越南南部海滨城市,被誉为越南最美的海滨城市之一。在10月中旬,正值秋季,气候宜人,阳光明媚,是去芽庄旅游的时节。本文将为您介绍芽庄的精彩景点及体验活动,帮助您更好地规划行程。 一、景点介绍 1. 泰山岛 泰山岛是芽庄的海岛之一,距离市区约25公里,乘坐快艇只需30分钟即可到达。岛上有美丽的沙滩、清澈的海水和各种水上运动,如滑水、摩托艇、帆板等。...

       自适应网页制作所碰到的问题 自适应网页通过多个设备来为客户提供服务,然而应该注意的是,在加载方面十分缓慢,只有少数的企业会为移动访问者使用自适应,这种趋势正在改变,首先务必明白为网站建立一个自适应网页的长处和缺点,那么这里来谈谈自适应网页制作所碰到的问题有哪些。 自适应网页制作所碰到的问题   响应式设计将会保持受欢迎的趋势,这可能是由于还没有找到一个解决方式。自适应设计尽管不太受程序员的待见,但仍然在发展。倘若网站还不支持...

       网站建设之如何做网站备案? 网站备案是网站使用时必须有的。对于网站备案的流程和注意事项,我们今天给大家分享一下 备案流程 网站主办者登陆接入服务商企业侧系统 网站主办者进行网站备案时可有三种供选择的登录方式: 方式一:网站主办者登录部级系统,网站备案所需资料,网站备案所需资料,企业网站备案需要准备:1份(营业执照)副本彩色扫描件或复印件;1份网站负责人的身份证彩色扫描件或复印件;1张负责人的半身彩色照片(.jpg格式)。 ...

       福田国晖律师跟虎网科技签定网站建设合约 国晖选用虎网站网络实用型网站案例,此案例比经济型多了些功能,如动漫广告图片、在线客服QQ/MSN等聊天工具、顶部侧部二级分类导航、走马灯等功能。国晖是经深圳市福田区工商局审核的正规企业,统一社会信用代码:24403200410430164。国晖在深圳市福田区区莲花支路1号公交大厦3楼334室。   国晖所在公司事务、证券与资本市场、投融资与并购、企业风险防控、海商海事、知识产权、信息技术与互联网、...

       企业制作网站的一些因素 在制作网站的时候一头雾水,不知道什么是核心,在网络上查找了很多资料,才发现制作网站的学问太深了,这时候意识到自己这方面的知识那么的缺乏,那么企业制作网站时有哪些因素呢? 企业制作网站的一些因素   好的页面是要容易理解的,倘若用户浏览网站的时候,根本就不需要考虑花费时间去明白这个网站,就可以知道网站的大概内容是什么,不需要其他引导就知道做什么。要求制作网站前,写文案的时候,要关注清晰易读。倘若要设...

       浅析网站页面快照不更新的五大要点 网页快照的更新情况代表着搜索引擎对于页面的认可度,目前随着百度算法的不断调整,很多站长议论纷纷,众说纷纭,有的站长认为百度快照与网站的排名和流量无关,而有的人认为网页快照与网站流量和权重有关,但毫无疑问的是,网页的快照更新跟网页的“活”性有关,如果说网页快照不更新,可以说是“死”网页,这对于网站来说绝对不是好事,而想要解决网站不更新的问题,就要找到网页不更新的原因,只有对症下药方可痊愈。 一、服...

最新模板
少儿英语培训机构网站建设 培训公司网站建设
成人自考网站建设 成人培训网站制作设计版面
智能家居摆设设计网站建设 智能家居装修企业网站建设
铜螺母,铜螺丝,螺栓,螺钉工厂网站建设
废气处理设备,如活性炭吸附箱、RTO蓄热式氧化处理设备、光氧等离子复合设备 低温等离子设备 光氧催化设备等网企业网站建设
图文阅读