按键盘上方向键 ← 或 → 可快速上下翻页,按键盘上的 Enter 键可回到本书目录页,按键盘上方向键 ↑ 可回到本页顶部!
————未阅读完?加入书签已便下次继续阅读!
三、网店可追求个性的区域?
在上述的网站设计元素中,人们有着自己的偏好,每一种风格都有着自己特殊的顾客群,即使你不能争取到所有的顾客,但你必须要让你的顾客群尽量的大,大到能够实现你预定的目标,这样的个性才可以和值得坚持的。
淘宝网是属于各个创业者的平台,你要在其中表现出你的个性来的门路是很多的。但是最合适的只有:网店的整体色彩风格、图片的特色、元素的布局规划这三个领域。
第四章 第二节
网店审美的通用原则
网页设计属于平面设计的范畴,但它又与其它平面设计不同,它在遵从艺术规律的同时,还考虑人的生理特点,色彩搭配一定要合理,给人一种和谐、愉快的感觉,避免采用纯度很高的单一色彩,这样容易造成视觉疲劳。 它既是一项技术性工作,它又是一项艺术性很强的工作,因此,设计者在设计网页时除了考虑网站本身的特点外,还要遵循一定的艺术规律,从而设计出色彩鲜明、性格独特的网站,它遵循的审美三原则是。
1。特色鲜明
一个网站的用色必须要有自己独特的风格,这样才能显得个性鲜明,给浏览者留下深刻的印象。
2。搭配合理
网页设计虽然属于平面设计的范畴,但它又与其它平面设计不同,它在遵从艺术规律的同时,还考虑人的生理特点,色彩搭配一定要合理,给人一种和谐、愉快的感觉,避免采用纯度很高的单一色彩,这样容易造成视觉疲劳。
3。讲究艺术性
网站设计也是一种艺术活动,因此它必须遵循艺术规律,在考虑到网站本身特点的同时,按照内容决定形式的原则,大胆进行艺术创新,设计出既符合网站要求,又有一定艺术特色的网站。
第四章 第三节
色彩的基本知识:
1。颜色是因为光的折射而产生的。
2。红,黄,蓝是三原色,其它的色彩都可以用这三种色彩调和而成。网页html语言中的色彩表达即是用这三种颜色的数值表示例如:红色是color (255;0;0)十六进制的表示方法为(FF0000)白色为(FFFFFF); 我们经常看到的〃bgColor=#FFFFFF〃就是指背景色为白色。
3。颜色分非彩色和彩色两类。非彩色是指黑,白,灰系统色。彩色是指除了非彩色以外的所有色彩。
4。任何色彩都有饱和度和透明度的属性,属性的变化产生不同的色相,所以至少可以制作几百万种色彩。
网页制作用彩色还是非彩色好呢?根据专业的研究机构研究表明:彩色的记忆效果是黑白的3。5倍。也就是说,在一般情况下,彩色页面较完全黑白页面更加吸引人。
我们通常的做法是:主要内容文字用非彩色(黑色),边框,背景,图片用彩色。这样页面整体不单调,看主要内容也不会眼花。
第四章 第四节
常见颜色的含义
红色:热情、浪漫、火焰、暴力、侵略。红色在很多文化中代表的是停止的讯号,用于警告或禁止一些动作。
紫色:创造、谜、忠诚、神秘、稀有。紫色在某些文化中与死亡有关。
蓝色:忠诚、安全、保守、宁静、冷漠、悲伤。
绿色:自然、稳定、成长、忌妒。在北美文化中,绿色代表的是「行」,与环保意识有关,也经常被连结到有关财政方面的事物。
黄色:明亮、光辉、疾病、懦弱。
黑色:能力、精致、现代感、死亡、病态、邪恶。
白色:纯洁、天真、洁净、真理、和平、冷淡、贫乏。白色在中华文化中也代表着死亡的颜色。
第四章 第五节
网页色彩搭配的原理
1。色彩的鲜明性原理。网页的色彩要鲜艳,容易引人注目。
2。色彩的独特性原理。要有与众不同的色彩,使得大家对你的印象强烈。(参考设计思考第二篇网站CI的标准色彩一节)
3。色彩的合适性原理。就是说色彩和你表达的内容气氛相适合。如用粉色体现女性站点的柔性。
4。色彩的联想性原理。不同色彩会产生不同的联想,蓝色想到天空,黑色想到黑夜,红色想到喜事等,选择色彩要和你网页的内涵相关联。
第四章 第六节
网页设计中的色彩处理原则
色彩是人的视觉最敏感的东西。主页的色彩处理得好,可以锦上添花,达到事半功倍的效果。色彩总的应用原则应该是“总体协调,局部对比”,也就是:主页的整体色彩效果应该是和谐的,只有局部的、小范围的地方可以有一些强烈色彩的对比。在色彩的运用上,可以根据主页内容的需要,分别采用不同的主色调。因为色彩具有象征性,例如:嫩绿色、翠绿色、金黄色、灰褐色就可以分别象征着春、夏、秋、冬。其次还有职业的标志色,例如:军警的橄榄绿,医疗卫生的白色等。色彩还具有明显的心理感觉,例如冷、暖的感觉,进、退的效果等。另外,色彩还有民族性,各个民族由于环境、文化、传统等因素的影响,对于色彩的喜好也存在着较大的差异。充分运用色彩的这些特性,可以使我们的主页具有深刻的艺术内涵,从而提升主页的文化品位。下面介绍几种常用的配色方案:
1。暖色调。即红色、橙色、黄色、赭色等色彩的搭配。这种色调的运用,可使主页呈现温馨、和煦、热情的氛围。
2。冷色调。即青色、绿色、紫色等色彩的搭配。这种色调的运用,可使主页呈现宁静、清凉、高雅的氛围。
3。对比色调。即把色性完全相反的色彩搭配在同一个空间里。例如:红与绿、黄与紫、橙与蓝等。这种色彩的搭配,可以产生强烈的视觉效果,给人亮丽、鲜艳、喜庆的感觉。当然,对比色调如果用得不好,会适得其反,产生俗气、刺眼的不良效果。这就要把握“大调和,小对比”这一个重要原则,即总体的色调应该是统一和谐的,局部的地方可以有一些小的强烈对比。
最后,还要考虑主页底色(背景色)的深、浅,这里借用摄影中的一个术语,就是“高调”和“低调”。底色浅的称为高调;底色深的称为低调。底色深,文字的颜色就要浅,以深色的背景衬托浅色的内容(文字或图片);反之,底色淡的,文字的颜色就要深些,以浅色的背景衬托深色的内容(文字或图片)。这种深浅的变化在色彩学中称为“明度变化”。有些主页,底色是黑的,但文字也选用了较深的色彩,由于色彩的明度比较接近,读者在阅览时,眼睛就会感觉很吃力,影响了阅读效果。当然,色彩的明度也不能变化太大,否则屏幕上的亮度反差太强,同样也会使读者的眼睛受不了。
第四章 第七节
网页色彩搭配的技巧
有的网友问我:“到底用什么色彩搭配好看呢?你能不能推荐几种配色方案?”别急,这里有一点技巧,可以帮助你迅速成为调色大师:)
1。用一种色彩。这里是指先选定一种色彩,然后调整透明度或者饱和度,(说得通俗些就是将 色彩变淡或则加深),产生新的色彩,用于网页。这样的页面看起来色彩统一,有层次感。
2。用两种色彩。先选定一种色彩,然后选择它的对比色(在photoshop里按ctrl+shift+I)。我的主页用蓝色和黄色就是这样确定的。整个页面色彩丰富但不花稍。
3。用一个色系。简单的说就是用一个感觉的色彩,例如淡蓝,淡黄,淡绿;或者土黄,土灰,土蓝。确定色彩的方法各人不同,我是在photoshop里按前景色方框,在跳出的拾色器窗中选择〃自定义〃,然后在〃色库〃中选就可以了:)
4。用黑色和一种彩色。比如大红的字体配黑色的边框感觉很〃跳〃。
在网页配色中,忌讳的是:
1。不要将所有颜色都用到,尽量控制在三种色彩以内。
2。背景和前文的对比尽量要大,(绝对不要用花纹繁复的图案作背景),以便突出主要文字内容
第四章 第八节
网页设计颜色搭配参考
(一)网页配色基本概念
(1)白纸黑字是永远的主题,谁都说不出不好来。
(2)网页最常用流行色
·兰色——蓝天白云,沉静整洁的颜色。
·绿色——绿白相间,雅致而有生气。
·橙色——活泼热烈,标准商业色调。
·暗红——宁重、严肃、高贵,需要配黑和灰来压制刺激的红色,
(3)颜色的忌讳
·忌脏——背景与文字内容对比不强烈,灰暗的背景令人沮丧!
·忌纯——艳丽的纯色对人的刺激太强烈抗议,缺乏内涵。
·忌跳——再好看的颜色,也不能脱离整体。脱离群众是自取其辱!
·忌花——要有一种主色贯穿其中,主色并不时面积最大的颜色,而是最重要,最能揭示和反映主题的颜色,就象领导者一样,虽然在人数上居少数,但起决定作用。
·忌粉——颜色浅固然显的干净,但如果对比过弱,整得苍白无力了,就象病夫一样无可救药。
·蓝色忌纯,绿色忌黄,红色忌艳。
(4)几种固定搭配
·蓝白橙——蓝为主调。白底,蓝标题栏,橙色按钮或ICON做点缀。
·绿白兰——绿为主调。白底,绿标题栏,兰色或橙色按钮或ICON做点缀。
·橙白红——橙为主调。白底,橙标题栏,暗红或桔红色按钮或ICON做点缀。
·暗红黑——暗红主调。黑或灰底,暗红标题栏,文字内容背景为浅灰色。
(二)网页设计理念
(1)内容决定形式
先把内容充实上,再分区块,再定色调,再处理细节。
(2)先整体,后局部,最后回归到整体。
全局考虑,把能填上的都填上,占位置。然后定基调,分模块设计。最后调整不满意的几个局部细节。
(3)功能决定设计方向
·看网站的用途,决定设计思路。商业性的就要突出赢利目的;政府型的就要突出形象和权威性的文章;教育性的,就要突出师资和课程。
(三)如何快速高效的完成设计工作
(1)借鉴成功者的作品。
借鉴的是道念,思想,局部精致的点缀。
在网上搜索同类网站,找几个顺眼的,用一个为基本兰图,把几个优点整合成自己的,这样最高效快捷,而且还出成果,能学到很多东西。
(2)上设计论坛,找参考资料,借鉴前辈的经验.
第四章 第九节
网页设计中确定颜色搭配八步走
第一步、底色和图形色 色彩搭配的问题确实不是一个简单的问题。这一代的设计师比上一代的设计师,所能运用的色彩工具多了许多。如今,我们能运用好计算机为我们提供的丰富色彩,看来不是很简单的事情。就我个人而言,在我从事设计师工作以来,往往也会迷失在色彩的世界。现在交流一下自己学过的和掌握的一些经验,希望大家指正。配色所要注意的要素 实际设计时,我们经常会按照设计的目的来考虑与形态、肌理有关联的配色及色彩面积的处理方案,这个方案就是我的配色计划。在做配色计划时,我们应该考虑下述几点以突出视觉效果。1。底色和图形色 在设计时我们会经常遇到用几个色做各种形的构成,作为底的色我们往往会将它推远,而作为图形或文字的色我们要将它拉近。这