网页设计中容易出现的问题
闪烁或闪烁的内容可能会触发敏感个体的癫痫发作,它不仅可以引起癫痫发作,而且对于一般用户来说,这不仅让人讨厌而且会使用户分心。下面介绍网页设计中容易出现的问题,希望对您有所帮助。
1、让你的访客等待内容加载
当访问者不得不等待你的站点加载时,他们会变得沮丧,如果你的站点不能加载足够快的话,他们可能会离开你的站点。即使是设计最精美的加载指示器,如果加载时间过长,也会迫使用户离开站点。
2、在新标签页中打开链接
这种简单粗暴的行为会直接禁用了返回按钮,这并不是用户返回以前站点的正常方式。
3、让促销广告占据界面内容
促销和广告内容可以掩盖他们旁边的信息,它会增加用户查阅信息的操作步骤,并会增加用户的厌恶。并不是说任何看起来像广告的东西通常被用户忽视(这种现象被称为“横幅盲”)。
4、劫持滚动
滚动劫持是当设计师/开发人员操纵滚动条在其网站上的行为不同时: 这可以包括动画效果,固定滚动点,甚至滚动条本身的重新设计。 劫持滚动是许多用户最烦人的事情之一,因为控制远离他们。 当您设计网站或用户界面时,您希望让用户通过网站或应用程序控制其浏览和移动。
5、自动播放声音视频
在后台播放视频、音乐或声音会激怒用户。这些元素应谨慎使用,只有在适当和预期时使用。
6、牺牲可用性为求美观
站点或用户界面的设计不应影响用户在屏幕上使用内容的能力。 重要的是要避免内容繁琐,色彩不均匀,妨碍网站的可读性或颜色对比度不足(例如下面的示例)。
7、使用闪烁的文字和广告
闪烁或闪烁的内容可能会触发敏感个体的癫痫发作。 它不仅可以引起癫痫发作,而且对于一般用户来说,这不仅让人讨厌而且会使用户分心。
图片在网页设计中常见的使用技巧
抓人眼球的首图
横跨屏幕的轮播首图是时下流行的网页设计手法,设计师通过覆盖视野式的图片来营造身临其境的体验,这非常符合人类视觉优先的信息获取方式,所以,漂亮的首图是抓住用户注意力的重要手段。优质的首图能够让用户明白,他们可以从这个网站获取一些什么。
小贴士:
首图最好只用高清图片。没有什么比低保真甚至失真的图片给人的体验更差了,如果你想使用首图,那么图片质量意味着一切。
如果你想使用文字覆盖图片的方式来制作首图,那么请务必确保图片中的视觉主体能被用户轻松识别、理解,同时和文字内容有足够的对比度。
在自然环境中展示
根据环境和使用场景来展示产品是电商网站常用的机巧。而实际的数据也表明,这样的图片拥有着极高的转化率。举个例子,下面所展示的 GorillaPod 就将产品置于实际的使用场景中,给予用户真实的使用体验。灵活的三脚架在整个图片中作为焦点而存在整个首图的设计富有创造性,信息和内容的传递也颇为高效。
相比于色彩丰富的图片,黑白色调的图片无法使用抓人眼球的色彩来吸引访客,黑白照片更多的是依靠内容本身来进行视觉传达。现代的黑白摄影作品强调艺术性,并且许多摄影师认为,这样的图片和摄影作品更加纯粹。
小贴士:
如果你你使用黑白图片作为背景,那么你可以赋予CTA按钮以一个醒目的色彩,从而起到吸引用户注意力的作用。
色彩叠加
这里说的色彩叠加值得是用半透明的色彩图层叠加在图片上,这种手法通常能够让图片更加匹配品牌色,或者视觉设计的需求。所叠加的色彩能够让图片更容易引起用户的情绪反应。
色彩叠加强化了图片的感染力。
即使是黑白色调的背景,色彩叠加也同样可以强化其感染力,不过要选对色彩才行。
小贴士:
想要为图片添加特定的效果并不难,这里有教程教你如何使用PS和CSS来达成目的;
当你使用单一色彩来作为叠加图层的时候,控制好色彩的透明度。透明度较低的色彩会让背景的图片不那么容易识别,想要让效果更微妙,应当控制好这个度。
文字排版
精心设计的排版能够为你的品牌提升个性,当这些排版和图片搭配到一起的时候,整个设计的形式感和表现力就有了明显的提升。文本的样式和其中包含的信息,和图片内容相互呼应,互为解读,这是最佳的搭配。
同一个界面下,图片和文本之间不仅仅有对抗,还有协同。
小贴士:
充满形式感的排版是非常不错的视觉元素,但是它不应该喧宾夺主,如果它太过于显眼会降低图片作为视觉元素的存在感。
时刻谨记可读性的问题,过于花哨的字体和排版设计可能存在色彩对比度的问题,以及识别度的问题。
充满形式感的字体和排版设计并不意味着复杂,它有时候也可以是简单的,使用简单易读的字体,同样可以带来优秀的效果。
不对称布局
不对称布局本身也是一种流行的设计手法。许多网页设计师尤其喜欢这种有趣的排版布局方式。这种布局非常适合用来引导用户的视觉,因为页面有了轻重对比,所以它可以以合乎逻辑的方式引导用户的眼睛逐步浏览页面内容。
文字和图片的视觉轻重不同,你可以让两者分别置于页面的对称位置,视觉重量上的不对称就由此形成。结构上的对称让页面足够平衡,而视觉上的差异则让页面显得参差有趣。
如何理解网页设计商业化倾向
网站是由诸多的网页构成,网站存在的价值是被客户访问,客户的浏览率是网站广告收费的重要依据,也是评估网站价值的重要依据之一。网页是构成互联网的基本元素,是引导客户进入网络的大门。网页作为信息传达的载体,具有提高消费者对企业或商家新产品的了解,增强企业或商家的知名度,树立企业或商家形象,提高企业或商家信誉,促进销售等方面的功能。那么,如何使客户浏览后记住这个网站?企业或商家如何使自己的网站与众不同?这是设计师要认真思考的问题。
一、利用图像美化网页,提高点击率
网页设计中内容应当是第一位的,但是从商业的角度考虑,页面设计也是非常重要的。设计师除了利用互联网的特性和企业目标市场的准确定位外,还要把页面设计的趣味盎然,引人入胜,从众多的页面中脱颖而出,以吸引读者的眼球,从而增加页面的点击率。
网页是由文字、图像等元素构成的,各种设计手段与编排手法的运用,就是要让读者产生一种心理暗示,引导读者对目标网站产生兴趣和阅读欲望。
文字是网页中必不可少的设计元素,也是网页中主要信息描述的要素,所以网页中文字占据了很大的面积。但是页面上文字太多,就会显得沉闷,缺乏生气。图像是构成网页设计要素之一,它具有强烈的视觉效果,能使页面显得活泼生动,美观大方,图像的好坏直接影响阅读者的观赏兴趣。图像还能补充文字说明,给读者直观的表现。能给网页锦上添花,并能潜移默化地给读者思想情感上的启迪与感染,也能表达设计师个人的设计风格。
一个优秀的页面设计必定是形式与内容的完美结合。一方面,网页设计所追求的形式美,必须适合主题的需要,这是网页设计的前提。只讲究形式美感,过于强调独特的设计风格而脱离内容,或者只求内容而缺乏艺术的表现,页面设计都会变得空洞而乏味。另一方面要确保网页上的每一幅图像都有存在的必要性,不要为了炫耀而刻意装饰,了解企业或商家的经营策略,具有针对性地设计。因为图像是为页面而服务的。图像的大小、位置、数量、形式等因素,直接关系到网页的视觉传达。图像要与内容特性相吻合,不能相脱离,更不能相互冲突。
二、吸引读者注意力,提高网站知名度
互联网凭借其信息量大、覆盖面广、方便快捷、互动性强等特点,逐渐成为人们学习、生活、工作中获取信息的重要媒体。从中国互联网信息中心的调查数据看,我们50%的上网用户目的是获取信息,居各种上网目的的第一位,正是由于人们对信息量的需求,导致了人们对这一新兴媒体的依赖。
在Internet上信息的传播是靠客户的浏览,如果没有访问者,信息将无用武之地。网站需要丰富自己的网上传播内容及传播表达手段,以吸引更多的读者访问自己的网站,激活自己的主页和信息页。激活率越高,就意味着它对网民的吸引力越大,从而吸引更多的小企业、个体经营者租用自己的网站设置网页,获得更多的收入。目前网络媒介一般者是免费向读者提供信息的,它从内容传播本身并不能取得收入。但它还是坚持不懈地更新网上新闻、娱乐方面的内容,其用意无非是持之以恒、锲而不舍地在网上建立自己网站的声望,加强知名度、印象度,为开展广告经营,取得广告收入的回报创造条件,打下基础。因而对于一个网站来说,如何让读者更多更好地接受信息是提高网站知名度的关键。
三、传递商品信息,诱发购买欲
从信息接受者的角度考虑,视觉是人们获取信息的主要渠道。一个人在接受外界信息时,经由视觉接受的信息占全部信息的83%,11%的信息来自于听觉,3.5%的信息来自于嗅觉,1.5%的信息来自于触觉,1%的信息来自于味觉。对于网络广告信息来说,视觉形象的表现力比语言的表现力更强,能达到更好的效果。因而,在某种程度上来看,与其用语言向读者灌输信息,不如让读者去看,让形象去说服读者。
图像是文字的具象化,图像能极大地提升文字的魅力、张力和感性,一幅好的图像,能将设计师抽象的思考予以“具体化”的表达,把某些无法用文字表现出来的视觉特征,通过图像形象地表现出来,它应该是一种文字意念的“再创造”。
网页中广告的图像通常是通过画面的视觉形象对浏览者的视觉产生刺激,增强人们对广告信息——商品或者劳务等的印象,在人们毫无反感的心理状态下,不知不觉地接受了广告所传播的信息。网络广告从图像入手,让图像说话,用形象传递信息,以强烈的视觉冲击力打动观众的心,激发观众的联想和刺激观众的想象,让观众在审美的过程中接纳商品信息。网络广告中图像是商品信息的载体,它的最主要的功能就是将产品或者企业的商业活动所承载的信息、概念转化为视觉语言,进行形象、艺术的描绘,以此来感染大众的情绪,影响他们的心理,完成商业运作及广告宣传,让大众最终实施消费行为。
网页设计推动了网络经济的发展,促进了商品的流通。我们的设计师应该在追求商业性的同时还应该注意它的艺术性,艺术性越强,感染力会更高,艺术性是影响商业性的一个不可忽视的方面。
网页中的各构成要素
1、风格定位
对于设计某个网站来说,要做的第一步工作就是确定网站整体的风格,不同的网站需要有不同的风格,其风格要与主题内容相统一。目前,网页的种类很多,较为常见的有:新闻机构类、政府机关类、科教文化类、娱乐艺术类、电子商务类、个性化网页类。这些不同性质的网页应体现不同的风格,比如,娱乐类网页风格应体现活泼生动一些,政府机关类网页应体现出比较庄重、严肃的感觉。在统一的风格页面中,添加图片、文字、动画等元素,来丰富页面内容,在添加这些元素的过程中也要注意色调的统一,这就需要设计师具备良好的美术修养。
2、版面排版
网页的版式设计同报刊杂志等平面媒体的版式设计有很多共同之处,它在网页的艺术设计中占据着重要的地位。但网页的排版与书籍杂志的排版又有很多差异。印刷品都有固定的规格尺寸,网页则不然,它的尺寸是由读者来控制的。这使网页设计者不能精确控制页面上每个元素的尺寸和位置。而且,网页的组织结构不像印刷品那样为线性组合,这给网页的版式设计带来了一定的难度。当我们确定了网页总体风格之后,我们要根据现有的图片、文字等素材进行页面划分,文字作为最原始、最有力的信息传递方式,在网页设计中也是至关重要的。
3、色彩的运用
在网页设计中,好的色彩搭配是网页设计成功的一半。在一个色彩搭配具备专业水平的网站,即使只使用很少的图形,仍会带给浏览者深刻的印象和舒适的视觉感受。一般来说,色彩,在一个页面不应超过三个,其中择一为主色调;应恰当使用颜色蕴含的文化心理信息。色彩的运用遵循“总体协调,局部对比”的原则,也就是主页的整体色彩应该是和谐统一的,只有局部运用一些强烈的色彩对比。
不同网页的主题可以用不同的色彩来表现。以下为几种常用色系:
(1)蓝色,是商业宣传用色,能使网页显得非常有专业水准。体现出一种专业和正式氛围。蓝色往往也被用为严肃庄重的场合,体现出一种凝重和肃穆。(2)绿色,是自然色,给人以清新自然的感觉,可以大大舒缓视觉上的压力。绿色可以用于与环保相关的主题,如旅游风景区网站。(3)红色,是比较热烈的颜色,会使网页变得生机勃勃。红色也是运动的色彩,有很强的视觉感染力和号召力。(4)黄色系也是宣传色系中的一种。黄色给人轻松随意的生活气息,能够体现出一种友善和多维的效果。同时,黄色又是一种非常鲜明的色彩,它可以与许多种颜色搭配起来使用。
此外,我们还可以适当的运用一些黑、白、灰的颜色搭配使用,可以产生意想不到的效果。
一个页面中尽量不要超过4种色彩,色彩太多找不到主题色,会显得没有主次,令人眼花缭乱。再者,需要注意的是文字的颜色与背景颜色的区分,对比太强或太弱都会影响浏览者的阅读。
除了以上论述的几种要素,还有页面的布局、框架的构成等也属于网页的构成要素。
网页作为一种新的视觉表现形式,它的发展虽然没有多长时间,但它兼容了传统平面设计的特征,又具备其所没有的优势,成为今后信息交流的一个非常有效的途径。作为一种综合性的设计,这就要求设计师具备全面的专业素质,懂得如何处理好内容与形式的关系,如何设计出让浏览者过目不忘的优秀网页,使人产生美的共鸣。