400-609-4309

网页设计要注意什么

网页设计要注意什么

无论在什么设备上,尽量提供类似的体验,因为用户可能会从不同的设备上访问你的网站,可能在桌面端上,笔记本电脑、平板电脑和手机上,甚至有可能在智能手表上打开你的网站。下面是网页设计要注意什么的介绍,希望对您有所帮助。

网页设计要注意什么

1、无论在什么设备上,尽量提供类似的体验

用户可能会从不同的设备上访问你的网站,可能在桌面端上,笔记本电脑、平板电脑和手机上,甚至有可能在智能手表上打开你的网站。而作为用户体验设计的工作目标之一,就是尽量确保无论在哪个设备上打开,都能给用户以类似、相对一致的体验。

如果用户需要在手机上查看你的网站,那么他应该能够像在家里的电脑上查看的时候那样,找打所有他希望能找到的内容。

2、清晰而易用的导航设计

导航是网页可用性的基石。如果用户无法通过导航找到自己想要的内容,那么无论网站设计多好,都是不达标的。所以,你的网站导航应该符合下面的特征:

简单(每个网站都应该具备简单明了的结构)

清晰(导航的选项对于用户而言应该是不言自明的)

一致(导航在各个页面上应该都是一致的)

这样的导航能够让用户尽可能少的点击用来抵达他们要去的页面。

3、让已访问的链接显示为别的色彩

每个网站当中各种链接都不少。为了和文本区分开来,链接通常色彩不一样,如果用户点击之后再返回,链接色彩不作区分的话,用户可能会无意中重复访问相同的页面。所以,让已访问过的链接显示为其他的色彩,让用户更好地决定下一步点击哪里。

4、让用户更容易扫视页面

当用户刚刚开始打开网页的时候,可能会倾向于快速扫视整个页面,而非通读所有内容。当用户想要快速判断出他们想要的内容在哪里的时候,就需要快速扫视、定位。作为设计师,让页面的层次结构足够清晰,才能让用户更清晰地快速获取信息。如何将内容按照重要性、有层次地呈现出来,还是挺考验网页设计师的权衡能力的。

将屏幕标题、登录表单、导航类目和其他的关键内容设置为视觉焦点,便于用户发现。

5、仔细检查所有链接

当链接所指向的页面不存在的时候,用户所打开的页面就会自然地变为404了,而这种情况是一定会让用户产生沮丧的情绪的。为了避免用户在浏览过程中因此对你的网站产生失望的情绪,请务必确保没个链接都指向正确的页面。

6、确保元素的视觉和功能表里如一

许多元素的外观特征会呈现出它功能性的一面,这也就是我们常说的显而易见、不言自明的设计。链接通常会呈现成特定的色彩,带有下划线,如果你的内容文本中有这么一段文字拥有这样的特征,用户通常会认为它是一个链接。如果点击的时候发现它无法跳转,会让人有“被欺骗”的感觉。用户需要知道哪些内容是可点击的,而哪些只是强调,设计要表里如一。

7、不要让你的用户长时间等待加载

不论是面对APP还是网页,用户的耐心都非常之有限。有研究表明,7秒的等待几乎是用户的等待极限,而10秒的加载时间,只会让绝大多数的用户关闭页面,再精美的加载动画都安抚不了用户的烦躁。所以,不要让你的用户等待加载,尤其是这个加载时间很长的时候。相关的应对策略很多,比如你可以采用占位符先显示布局,逐步加载内容,至少让用户知道,这个过程正在推进。

8、不要让促销广告盖住内容

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

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

9、避免滚动劫持

滚动劫持通常指的是开发者或者设计师为了实现新的布局、动画或者排版,而修改了滚动的固定点甚至滚动条和体验本身,带来的非常规的滚动体验。滚动劫持是最恼人的状况之一,所以,通常而言,除非极个别的原因,尽量不要过度调整和修改用户滚动浏览的体验设计。

Mac Pro 的页面就加入了一些令人抓狂的滚动特效,这是为了适配它的视差布局。

视频和音频自动播放对于用户而言是一种失控的体验,对于用户也是一种刺激。这样的设计应该谨慎使用,除非用户对此已经有所预期。

Facebook 的视频被设置为自动播放,但是不会出声。只有当用户在浏览视频并且与之互动的时候,才会触发声音控制,外放出声。

11、不要为了漂亮而牺牲可用性

网站和APP的界面设计的外观不应该影响它本身的可用性。避免繁琐的设计,为了美观而牺牲内容的可读性和对比性都是不能让人接受的体验。

12、不要使用晃眼的文本和广告

令人晃眼的文本和广告本身体验不佳,它们会让人分心,而且还会触发体质敏感的癫痫患者发病。

良好的网页设计必须要注意的几点要素

网页必须要有良好的结构

良好的网站页面结构,可以使用户在浏览网站时,能够清晰的了解自己想要浏览页面所处的位置,从而快速进入到这个页面。并且在用户浏览完这个页面之后,也能知道自己当前浏览页面所在的位置,以及快速的切换到其它的页面。比如说网站的导航栏、面包屑导航、站内检索功能,亦或是其它一些相关链接和推荐等,都能使网站的结构更加合理,为用户浏览页面起到很好的帮助作用,这也是做营销型网站所必备的一些功能。

页面避免过多不必要的元素

研究表明,网站上过多的动画、图片,以及酷炫的效果,虽然第一眼能够吸引住用户注意,但是事实却是利大于弊的。如果这些元素太多的话,会使网站服务器负担加重,导致网站打开速度受到影响,这对用户来说是非常反感的。并且,这些元素会吸引用户的注意力,这就导致用户容易忽略掉网站本身的重要内容。所以说,设计页面应尽量避免这些非必要的元素,还用户一个干净简洁的网站页面,这样才能使网站真正发挥出作用。

网页的标题文字必须醒目

设计醒目的页面文字标题,就是让用户一眼看上去,就知道这个页面主要强调的是什么,这样用户就能快速了解这个页面所表达的含义。如果是一个主次不分明、重点不突出的页面,用户则很难判断是否有自己需要的内容,因为大部分用户在未确定这个页面是否对自己有帮助之前,是不会浏览页面中的详细内容的。一般等到20秒之后,基本上就会选择离开了。所以,一个优秀的页面,就应该用既醒目,又能吸引用户的标题告诉用户这个页面表达的是什么内容。

为用户提供丰富的页面内容

由于每个用户的需求都是不尽相同的,因此网站想要满足更多用户的额需求,解决更多用户的疑问,就必须要在页面当中提供更多有价值的内容,这样才能满足更多的用户需求。网站的内容越是丰富,相关的信息越多,越详细,就能够使更多用户浏览,并解决其疑问,当然用户停留的时间也就会越长。反过来说,如果网站的内容越少,拥有的用户自然也就会越少。所以,不断为用户提供更多有价值的内容,才是网站永葆活力的关键。

总的来说,任何一个优秀的营销型网站,其页面中都必须具备以上几点要素,如此才会取得成功。而那些效果欠佳的网站,在以上几个方面中,都会或多或少的存在某些问题,相信大家通过阅读这篇文章,能够有所收获,并将其运用到自己的网站中去。只要长期坚持去做,相信用不了多久,你的网站一定会有所好转,一定会慢慢拥有更多的忠实用户,如此,给企业带来盈利也就指日可待了。

企业做网页设计时需要注意哪些细节问题

1.缺乏文字和图片都需要具备较高的可读性

缺乏对比度网页上的文字和图片都需要具备较高的可读性,最简单的方法就是让它们具有高对比度。但是许多设计师却经常忽视这条规则。图片背景与文字对比 度太差,导致文字模糊不清无法阅读,用户不仅错过这段话也错过了你要传达的重要内容。你必须保证每一个元素都与它周围的其他元素区别开来,记住这些基本方 法,色彩、空间、尺寸。合理地运用它们让你的每个元素都清晰可见。

2.糟糕的导航和操作流程

糟糕的导航和操作流程,当我登陆了网页的第一眼,你就得让我明白接下来我该做哪个操作。点击按钮以及信息需要放在显眼的位置——这就是为什么导航和菜 单栏往往处于页面的顶部。导航的标签内容和运行效果必须清晰直观,当你尝试使用水平方向的滚动条或者其他一些不太寻常的动效设计的时候,给用户一些暗示让 他们知道你的网页如何工作吧。过于复杂的设计会让用户感到无所适从并放弃你的网站。

网页设计要注意什么

3.糟糕的图片搭配处理

糟糕的图片搭配处理没有什么比一个优秀的图片被其他设计掩盖更糟糕了。如果你花了时间为你的网站搭配了一张优秀的图片,为什么要让它被其他的设计元素 所覆盖呢?加上简单的一行字就可以了,这也是为什么透明按钮成为了新的流行趋势。成都网页设计师再追逐潮流的时候,经常会落入这样的误区。顶栏很有趣,滚 动也很棒,可是当你为它们搭配上文字,一切就容易变得不那么和谐了。页面上的每个图片都需要与文本搭配,让每个文字都可读,图片上的每个设计元素都清晰可 见。不要用文本或者按钮覆盖图片上任何重要的部分。当你觉得你的页面设计出现了这样的情况,最好更换一个更加简洁的背景并在其他地方放上你的这张图片吧。 当第一眼看到上面这张图的时候你会被吸引是因为它的素描风格。但仔细看看,人物面部被文字遮盖了,那段褒奖之辞也让整体显得杂乱无章。

4.不使用网格在网页设计

不使用网格在网页设计中,有些“杂乱”也能让人赏心悦目,不对称是其中的一种,不使用网格绝对不是,是否使用网格是区分设计好坏的专业指标之一。网格 让一切变得清晰有组织性,让你的元素之间保持一致的适当的间距,你知道应当把你的元素放在哪儿、怎么放。帮助你确定元素的尺寸、文本的尺寸和空间,通过比 例展现内容的侧重点。

5.不采用响应式设计

不采用响应式设计,使用响应式设计框架,使用响应式设计框架,使用响应式设计框架,重要的事情说三遍,你的网页或许需要在手机上运行,它必须要和在电 脑上运行一样流畅。我总能遇到一些网站,在手机上加载出的是一整个页面。这些网站并不是响应式设计,至少没有手机版的视图,以至于用户无法使用。

6.链接丢失崩溃的链接

链接丢失崩溃的链接是网页上最让人恼火的事之一。养成每年都去审核你的网页上链接是否畅通的习惯吧,你可以手动检查或是使用某些工具,如果你的logo并不能链接到你的网站首页,我也会感到奇怪。Logo都是要链接到网站首页的。(以及当处于首页 的时候,不要禁用返回按钮。)考虑链接的可用性。保证你的链接,特别是那些文本中的链接足够明显并且易于点击而不造成误操作。不要在你的文本中添加很多文 字链接,特别是在小的移动设备屏幕上,用户很难点击到正确的链接。

7.自动播放音乐在网页上添加声音

自动播放音乐在网页上添加声音会很生动,可千万别在没有用户提示的情况下播放音乐。你应当提供给用户一个打开/关闭音乐的按钮,并且默认关闭。音乐或 许会让用户惊艳,可要是用户正处于工作环境或是心情很差的时候这么做却适得其反。用户需要能完全操控你的网页,而自动播放的音乐却与之背道而驰。我需要网 页音乐但播放必须得到我的同意,如果我没办法找到按钮关闭自动播放的音乐,那只能直接关掉网页。但应用在广告上这倒是个不错的招数。如果你有声音的内容必 须要播放,考虑放一个大的弹出式静音按钮。用户往往会接受几秒钟的广告时间并会去阅读内容。虽然这不是一个理想的方法,却是一个比较好的解决方案。

网站制作需要注意什么

网站建设人群定位

网站各式各样,但并不是所有的网站类型都适合。首先要清楚了解自己的行业特点,自身企业的用户群体与及用户需求,自己想通过网站来做什么事情?如果是一般的企业,想通过网站来宣传自己,建议采用一般的展示型网站形式。而如果建站的目的是为了通过网络展开销售,实现网络营销,则是电子商务类的网站。找好自己的定位,是建立一个网站的基础。并不是越好的技术,越炫丽的效果就越好。不同的用户有不同的需求。

选择一个好的域名和空间商

域名非常重要,由于不是英语母语国家,大部分用户对英文并不敏感,所以,你的网站除非只面对高端用户,否则建议使用简单的数字或者拼音作为域名。简单的数字当然是最好记的了。如果没有好的数字可选择,拼音也是比较理想的选择。千万不要觉得你用拼音就没档次。互联网上,简单、易记,才是制胜的法宝。

找一个合适的负责人

找了服务商来负责网站的开发,还要找一个合适的对接人来负责和网站服务商接触,这个人最起码应该懂一些互联网的相关知识。如果既不懂技术,又不懂设计,那最起码也应该是有些互联网应用经验的人,只有这样,才能减少沟通上的成本,使开发顺利进行。

文字能见度低

首先,网站制作要避免文字能见度过低的问题;文字能见度过低,简单一点的说是网页上色彩与色彩之间对比强度过低,超出了人的视觉识别的范围。网页上的背景色彩与文字结合在一起,文字与背景色的搭配就成为了一个难题。

要知道人们浏览一个页面,很多时候是为了看内容的,很多网站制作的新手为了使整个页面“和谐”,忽略了文字的可识别性。容易让人看起来费劲,这里我们就要讲究一个定理:高明度色彩的背景,我们采用低明度色彩的文字会更好的识别;

而低明度的背景,采用的是高明度色彩的文字则更好识别,注意最好不要采用明度相近的背景色与文字,这样我们难以分辨文字的内容。

页面缺乏主色调

其次,网页缺乏主色调,网页缺乏主色调这个应该说是很长时间都存在的问题,早些时候在互联网没那么发达的时候,网站的页面相对来说比较简单,而今天网站技术快速发展,凌乱的网页已经让用户感到不喜欢了。

我们要让我们的网页看起来主题分明,简单明晰。如果说标题用一个颜色,图片用一个颜色,背景用一个颜色,Logo用一个颜色,每一个东西都用一个颜色,那网页看起来就会色彩繁多却复杂混乱,不堪入目。所以说,我们应当将内容想好,背景用什么颜色,所有的颜色,或者说是标题用什么颜色,以主色调为主,其他颜色辅助。当然,也要注意上面所说的文字可见度,以及整个网页的美感。

12 12 分享:

相关课程

发表评论

登录后才能评论,请登录后发表评论...
提交评论

最新文章