错误的网页设计布局
当前位置:贝知网>知识分享>设计开发>错误的网页设计布局
错误的网页设计布局
时间:2022-12-16 设计开发

错误的网页设计布局

错误的网页设计布局

网站缺乏自己的特点,当我们打开电脑,粗略一看,好像所有的网站都差不多。从标题的位置到按钮的编排,再到动画的采用,一切都是如此。今天给大家说一下错误的网页设计布局,供大家参考和阅读。

网页设计是一门新兴的与网络交叉的设计学科,近年来随着网络的发展而逐渐受到人们的重视,它本身就以网络为载体,以最快捷方便的方式向受众传达各种信息。

而网页设计不只是把东西放上去,这是远远不够的!要考虑受众如何能在网页上接收到越来越多的有效信息,让他们在网站上留下良好的印象,才能促进自己网站的运营。这就需要从审美方面入手,结合使用方便的要求,才能产生一个清晰、整体良好的页面。也使浏览性更好,也更容易接收信息,同时提高网站的形象。使用一些基本的平面设计形式,也可以使网页更加美观。

然而,网页设计师不是想当就能当的。随着电子商务时代的到来,大量的网站映入我们的眼帘。为了让你的网站脱颖而出,一些简单的美化和设计显然是不够的。让我们先从一些典型的错误讲起。

第一,塞

由于老板的要求,网站需要包含足够多的信息,然后再美曰其名:我们的网站是最有价值的。因此,网页设计者经常面临多塞信息的窘境。各种信息,如文本、图片、动画等,都要塞进页面,如果没有规范化、条理化、就谈不上艺术加工了。这种做法也会直接导致用户体验的大幅下降,即使网站有他们需要的信息,但谁也不会花费时间在大量的信息中去翻找自己想看的内容。

第二,太花

这种情况下就是设计者把网页做得很花哨,很不实用,如使用很深的带有花哨图案的图片作为背景,严重干扰了浏览,获取信息很困难。同时还运用不同的色彩、风格迥异的图片、文字、动画,使页面丰富多彩。

这种过度的包装甚至比没有任何装饰的页面更糟糕,没有任何装饰至少不会影响其基本的功能需求。也许网页设计师起初的意图是想使网页看起来美观,但他却适得其反。这是网页设计的一个大忌。

第三,千篇一律

网站缺乏自己的特点,当我们打开电脑,粗略一看,好像所有的网站都差不多。从标题的位置到按钮的编排,再到动画的采用,一切都是如此。只要你把文字和背景区分开,就是达到目的了。

造成这种情况主要是由于设计者没有充分利用自己的知识去分析其网站的优势、发挥自己的网站的特点,而是采用走捷径的方式,就是一种大众化做法去做,这样做起来确实很容易,但是失去了网页的特征,就像是流水线产品,从表面上看都是一样的,所以就起不到网页设计的目的。

第四,纯技术化网页

在这类网站上,有很多东西纯粹是为了炫耀技术,比如有很多不同风格的动画(缺乏美感甚至与主题无关),还有很多使用ja;vascript和动态HTML技术,但从来没有抓住整体的中心,导致页面混乱。

自古以来,许多艺术家和学者都提出了各种关于形式美的规律,许多经得起推敲的作品都是根据这些规律来创作的,以完成它们的审美价值。因此,在网页设计的过程中,设计师必须积极学习、掌握并主动、自觉地运用这些规律,才能创造出好的作品。

设计手机网站注意事项

手机网站开发设计过程中,但凡能有简单文字来说明问题的,那就尽可能的少用或者不用图片,在非用不可的情况下可以采用标清模式。下面介绍设计手机网站注意事项,希望可以帮助到各位。

第一、图片要清晰且少用

电脑端网站使用图片会让网站看起来更加的美观,增加人们的访问量,但这种模式并不一定适用于手机网站当中。在手机网站中使用图片不仅仅会增加用户的手机流量,同时还会因为网站页面的加载影响到用户上网的体验,所以,手机网站开发设计过程中,但凡能有简单文字来说明问题的,那就尽可能的少用或者不用图片,在非用不可的情况下可以采用标清模式,这样既能解决问题还不会占用过多的内容和流量。

第二、设计要简洁

很多喜欢用手机登录企业手机网站的人都知道,企业的手机网站的内容和排版与电脑端网站是有不小差异的,这是因为两者在网站的框架结构不同造成的,为了能够让手机用户有好的上网浏览效果,利用简洁的“目录版”排版更容易让读者找到自己所需的内容。

第三、最好不要采用分页

电脑端使用分页模式这样会增加网站的流量,但这种模式不建议使用在字数较少的手机网站上。因为在手机网站上使用分页广告的话让增加用户的阅读难度,稍有不慎点中广告会增加用户对网站的不满,此时反倒不如一拉到底的单页网站给人们的体验。

手机网页设计的注意事项

一、选用合适的字体。

手机网页设计成功离不开排版,排版应该获得和图片同样的重视。虽然可供选择的字体很多,设计师要考虑的方面很多,比如说,目标客户和客户公司的性质。为手机网站页眉和内容选用合适的字体是必不可少的,无衬线字体和有衬线字体通常会为设计带来良好的效果。除此之外,你还可以结合其它字体,专为孩子和女性打造网站。

二、选择合适的配色方案。

任何手机网站的设计都离不了合适的配色方案,这对创建一个整洁干净的网站同样适用。坚持使用淡色和非彩色的投影对成功设计一个简洁网站大有裨益。浅色的投影可以帮助用户把焦点转向网站内容。标志使用黑色和较深的投影,手机网页中的页眉和导航元素使用浅色背景,这些都是不错的案例,并没有规定在简洁网页设计中不能使用大胆的颜色,但是这样的颜色要小心,克制地使用。有时候,手机网站有必要使用深色背景色来吸引某些目标用户。比起渐变色,有些手机网站更钟爱纯色。如果你的手机网站非得要使用纹理和渐变色,也不要用得太过火。

三、提高页面加载速度,手机网站以简洁为主。

一般来说,手机网站在用户下载和浏览时要比PC端网站的速度慢得多,页面东西太复杂,会耗掉用户等待网站加载的耐心,尤其是导航栏要简短清晰,能够快速地指引用户浏览网站的深层信息。对于网站内容来说,简洁突出重点就好,所谓的内容越丰富越好已不适用于手机网站了。

四、避免使用弹窗。

无论是出于方便用户联系网站客服还是做些小广告的目的,都要尽可能避免弹出窗口的应用,手机网站本来加载速度就慢,再添加这些窗口,必然会影响用户体验,阻碍用户浏览网站的视线,进而占用用户流量,引起反感而放弃对网站的继续访问。

五、手机网站图片要适配设置。

从手机上浏览网站必然没有那么方便,操作也不如PC端灵活自如,前面也说到了使用网站设计技术可以解决网站适应屏幕的问题,网站图片也不例外,但为了用户能将页面使用图片的地方看得更加清晰,可采用整站缩放的模式,而不是用户点击单张图片的缩放模式,当然,手机网站能少用图片是最好的。

六、网站操作简单化。

关于新页面的打开方式,最好采用当前页面显示的方式来设计,以免新窗口造成网站资源占用的负担,同时对于出现网站错误的现象最好设置提醒,让用户快速找到页面出口进行跳转,而不是不断地进行返回操作。

七、交互式的互动行为。

用户在移动客户端都喜欢进行留言,分享功能。特别是看到一篇很棒的帖子都会选择分享到朋友圈或者空间中,让朋友也参与里面。例如现在比较流行的做就是做微信公众号大咖们,往往一篇帖子都会造成几千人的持续浏览、点赞或者分享内容,粉丝喜欢中这种参与行为,因为这种圈子拉动粉丝在持续发酵中,用户慢慢都会舍不得离开。