网页设计中普遍存在的一些问题

网页设计中普遍存在的一些问题

作为设计师,让页面的层次结构足够清晰,才能让用户更清晰地快速获取信息,如何将内容按照重要性、有层次地呈现出来,还是挺考验网页设计师的权衡能力的。下面介绍网页设计中普遍存在的一些问题,希望对您有帮助。

网页设计中普遍存在的一些问题

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

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

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

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

3、仔细检查所有链接

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

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

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

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

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

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

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

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

7、避免滚动劫持

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

8、不要让视频和音频自动播放并出声

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

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

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

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

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

网页设计中问题及解决办法

1 色彩种类运用过多

很多站长为了让自己的网站更有吸引力,往往会给网站增添一些绚丽的颜色,加入大量色彩鲜艳的文字与边框,而这些颜色的运用与图片内容并不协调。降低了网站内容的可读性。所以如何更好的把握网站<访问者的喜好,为用户提供一个可读性更强的网站?这其中颜色就起到了相当大的作用。

解决办法:最好的办法是使用最多三种主色调与素雅的背景。

1、推荐给大家两篇关于颜色搭配的文章《6条网页设计配色原则,让你秒变配色高手》以及《Web Color Design——设计师谈网页配色艺术》

2、如果你还在为获取web颜色而烦恼的话,建议你使用Color Scheme Designer取色工具,以不同的模式,可以让你一下获取相近的四个颜色。

2 字体大小存在问题

这类问题往往存在多种表现形式,包括字体不足12号使得用户无法看清甚至点不到后退按钮。很多网页的上的字体都是正常大小,对我们来说刚好,但是父母来说网页上的字就会偏小了。

解决办法:一般中文的字体大小是12px或者14px。随着显示器分辨率不断提高,12px的文字在大于1440*900的显示器里看起来会显得比较小,阅读起来不是很容易,所以现在网页设计里面用12px的已经比较少了,特别是文章正文部分,普遍都会用14px。

对于font-family,一般来说14px及以下大小的文字,应当设置为宋体,当然也可以设置为微软雅黑。不过在XP下默认是没有雅黑字体的,所以在css里面可以这样设置字体: font-family:"Microsoft Yahei",simSun,Arial; 把几个字体用逗号隔开,如果系统没有第一种字体,就用第二种,如果没有第二种就用第三种,以此类推。 对于大于14px的文字,特别是大于16px的文字,宋体看起来就比较丑陋了,所以建议是用黑体或者微软雅黑,看起来回舒服一些。

3 过度使用GIF、动画与音效

在某些情况下,GIF动画非常有趣;动画能够让访问者获得更好的使用体验;音效可能也有助于提升感受。但这些都只是点缀,切记不可画蛇添足。GIF动画过多会造成一种庸俗而幼稚的氛围,而大家对于音效以及音乐的取向也有所不同。有时,我们精心设计,却难以实现效果。

解决办法:千万别让费尽心力添加的动画与音效成了刺眼又刺耳的垃圾元素。使用GIF动画最好能免则免

4 超大的导航菜单

大型的导航菜单,对于包含大量不同子页面的网站而言,似乎是一个很好的解决方案,然而实际情况并非如此。我们常见的网站设计错误就是在边栏及子菜单中塞进长长的清单,超大的导航菜单对于绝大多数的普通用户而言,看起来更像是迷宫。这看似满足了全部用户的需求,实则会分散用户注意力,并让用户觉得不那么爽。如果导航、侧栏与底栏无法协同工作,那么网站内容再好也将没有意义。

解决办法:信息分类整合其实是就是为了应对这种情况而存在的,将网站的导航内容规划为不同的大分类,有了层级,用户更容易筛选;又或者你可以将导航设计成为更为有趣的图文式链接,让它看起来不那么枯燥,也不失为一个可取的方案。永远不要低估在屏幕上留白的重要性,因为其是创造平衡美感的重要基础。

网页设计中要注意哪些问题

一、要将选项呈现出来

当我们在搜索的时候,都会有下拉框,需要进行额外的操作才能看到其中的选项,如果将这些选项隐藏起来,就会增加用户搜索信息的难度。因此,建议将选项的展示做得更加明显一些,下拉框最好只放在用户习惯的地方。

二、排版的时候不要太过于直白

太过直白的页面虽然看上去能一目了然,但是过于平淡的排版会让用户失去阅读的兴趣,因此企业应该适当地增加一些小节,并且让它们之间相互联系,提高用户的阅读兴趣。但是要注意,每节之间的留白不宜过大,否则会削弱彼此间的关联感。

网页设计中普遍存在的一些问题

三、链接过多

在网页中加一些了解能让用户搜索到更多想要的知识,但是也不要加太多,否则会分散用户的注意力,让人眼花缭乱,特别是那些想引导用户点击下载按钮的页面。同时,建议导航和操作链接要在样式上有所区分,让用户一目了然。

四、弹窗过于频繁

很多网站现在都有一个弹窗,弹窗的好处就是可以让客户第一时间下单,但是弹窗弹的过于频繁也会流失一些潜在客户,让人看文章的时候产生一些反感。

按钮的美观性

五、按钮的美观性

很多网站设计的按钮,非常一般,比如:立即注册、点击购买。这些按钮对于用户来说没有什么吸引力。现在大部分人都比较现实,比如说你可以起一些让客户感觉有利可图的东西,就像点击有奖、开始省钱等等。

网页中的各构成要素

1、风格定位

对于设计某个网站来说,要做的第一步工作就是确定网站整体的风格,不同的网站需要有不同的风格,其风格要与主题内容相统一。目前,网页的种类很多,较为常见的有:新闻机构类、政府机关类、科教文化类、娱乐艺术类、电子商务类、个性化网页类。这些不同性质的网页应体现不同的风格,比如,娱乐类网页风格应体现活泼生动一些,政府机关类网页应体现出比较庄重、严肃的感觉。在统一的风格页面中,添加图片、文字、动画等元素,来丰富页面内容,在添加这些元素的过程中也要注意色调的统一,这就需要设计师具备良好的美术修养。

2、版面排版

网页的版式设计同报刊杂志等平面媒体的版式设计有很多共同之处,它在网页的艺术设计中占据着重要的地位。但网页的排版与书籍杂志的排版又有很多差异。印刷品都有固定的规格尺寸,网页则不然,它的尺寸是由读者来控制的。这使网页设计者不能精确控制页面上每个元素的尺寸和位置。而且,网页的组织结构不像印刷品那样为线性组合,这给网页的版式设计带来了一定的难度。当我们确定了网页总体风格之后,我们要根据现有的图片、文字等素材进行页面划分,文字作为最原始、最有力的信息传递方式,在网页设计中也是至关重要的。

3、色彩的运用

在网页设计中,好的色彩搭配是网页设计成功的一半。在一个色彩搭配具备专业水平的网站,即使只使用很少的图形,仍会带给浏览者深刻的印象和舒适的视觉感受。一般来说,色彩,在一个页面不应超过三个,其中择一为主色调;应恰当使用颜色蕴含的文化心理信息。色彩的运用遵循“总体协调,局部对比”的原则,也就是主页的整体色彩应该是和谐统一的,只有局部运用一些强烈的色彩对比。

不同网页的主题可以用不同的色彩来表现。以下为几种常用色系:

(1)蓝色,是商业宣传用色,能使网页显得非常有专业水准。体现出一种专业和正式氛围。蓝色往往也被用为严肃庄重的场合,体现出一种凝重和肃穆。(2)绿色,是自然色,给人以清新自然的感觉,可以大大舒缓视觉上的压力。绿色可以用于与环保相关的主题,如旅游风景区网站。(3)红色,是比较热烈的颜色,会使网页变得生机勃勃。红色也是运动的色彩,有很强的视觉感染力和号召力。(4)黄色系也是宣传色系中的一种。黄色给人轻松随意的生活气息,能够体现出一种友善和多维的效果。同时,黄色又是一种非常鲜明的色彩,它可以与许多种颜色搭配起来使用。

此外,我们还可以适当的运用一些黑、白、灰的颜色搭配使用,可以产生意想不到的效果。

一个页面中尽量不要超过4种色彩,色彩太多找不到主题色,会显得没有主次,令人眼花缭乱。再者,需要注意的是文字的颜色与背景颜色的区分,对比太强或太弱都会影响浏览者的阅读。

除了以上论述的几种要素,还有页面的布局、框架的构成等也属于网页的构成要素。

12 12 分享:

相关课程

发表评论

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

最新文章