网页设计如何培养色感
网页设计如何培养色感?以下就是网页设计如何培养色感等等的介绍,希望为您带来帮助。
对于设计好一个网站,配色是尤其重要,如果你的绘图艺术能力还不够高,但可以在颜色和内容的运用上有所突破,可以让你的网站设计看起来更加专业一些。很多设计师喜欢用颜色去表达心情,用心情去确定如何运用颜色,这往往是经验丰富的设计师才能很好做到的。在这里就总结了一些关于如何运用颜色和绘制界面的经验方法。
多看优秀网站的配色方法
在网上可以搜索到很多关于网站配色的理论性文章,这些文章的理论性确实很强,却在讲述上过于术语化,例如对比色、相关色、暖色系、冷色系、配色原则等,这对于初学者来说并不是很好的主意,但艺术论坛上有一些关于网站剖析图文并茂的经验总结的文章可以学习借鉴一下。网上还有很多配色表,这对初学者来说也并不容易理解,这里建议多看一些优秀的网站作品,或者多学习一些优秀设计师的配色方法。
另外,如果你看到一些优秀的网站时,可以把它的色系拾取下来,并将布局简单记录一下,这样一方面做了一个积累,也可以避免以后的设计作品有抄袭重复的危险,还可以提高自己的色感和鉴赏能力。除了配色用色,网站布局上要多关注包括内容设置,导航栏设置,位图的应用,不同类型的网站的布局是有区别的,例如娱乐网站的布局和商业网站的布局就有很大的区别。除了布局,还要多学习优秀网站的创意,看用户体验,简单地操作一下,看下执行效果,看下是否达到了它所要表达的效果。
多看优秀的标志设计
判断一个优秀的标志作品主要有几方面:颜色的运用,整体造型,执行效果等。这里我们主要学习一下标志作品在颜色上的运用,并以此为借鉴。
看优秀标志作品的用意,就是从中感受颜色的组合,并为我的网站服务,从而锻炼自己的色感。
优秀的logo在感观上是很取悦人的,其中最重要的方面是在色彩运用上,既然有过人之处,我们为何不从总学习呢?看标志作品的好处有一下几点:
1、它是一个最简单的配色表。颜色大多数不过三种,这和符合设计网站的风格。
2、标志作品在颜色借鉴上提供的信息十分有限,它只可以给你一些颜色上的参考,所以不会有被认为说抄袭的威胁。
3、如果你有意去打造自己的个人网站那么可以为自己设计一个logo,logo用色和网站用色结为一体,给人以整体感观上整洁专业,这是很有理论根据的,一些文章都有提到这点,这也是一个网站设计的基本原则。
多看优秀的设计作品,不但可以给你带来灵感,也可以教给你一定的设计原则,这和网站设计在一定程度上是相同的!
浅谈网页颜色的搭配技巧
一般来说,网页的背景色应该柔和一些、素一些、淡一些,再配上深色的文字,使人看起来自然、舒畅对于做网页的初学者可能更习惯于使用一些漂亮的图片作为自己网页的背景,但是,浏览一下大型的商业网站,你会发现他们更多运用的是白色、蓝色、黄色等,使得网页显得典雅,大方和温馨。更重要的是,这样可以大大加快浏览者打开网页的速度。
一般来说,网页的背景色应该柔和一些、素一些、淡一些,再配上深色的文字,使人看起来自然、舒畅。而为了追求醒目的视觉效果,可以为标题使用较深的颜 色。下面是我做网页和浏览别人的网页时,对网页背景色和文字色彩搭配积累的经验,这些颜色可以做正文的底色,也可以做标题的底色,再搭配不同的字体,一定 会有不错的效果,希望对大家在制作网页时有用。
BgcolorΚ″#F1FAFA″———做正文的背景色好,淡雅
BgcolorΚ″#E8FFE8″———做标题的背景色较好
BgcolorΚ″#E8E8FF″———做正文的背景色较好,文字颜色配黑色
BgcolorΚ″#8080C0″———上配黄色白色文字较好
BgcolorΚ″#E8D098″———上配浅蓝色或蓝色文字较好
BgcolorΚ″#EFEFDA″———上配浅蓝色或红色文字较好
BgcolorΚ″#F2F1D7″———配黑色文字素雅,如果是红色则显得醒目
BgcolorΚ″#336699″———配白色文字好看些
BgcolorΚ″#6699CC″———配白色文字好看些,可以做标题
BgcolorΚ″#66CCCC″———配白色文字好看些,可以做标题
BgcolorΚ″#B45B3E″———配白色文字好看些,可以做标题
BgcolorΚ″#479AC7″———配白色文字好看些,可以做标题
BgcolorΚ″#00B271″———配白色文字好看些,可以做标题
BgcolorΚ″#FBFBEA″———配黑色文字比较好看,一般作为正文
BgcolorΚ″#D5F3F4″———配黑色文字比较好看,一般作为正文
BgcolorΚ″#D7FFF0″———配黑色文字比较好看,一般作为正文
BgcolorΚ″#F0DAD2″———配黑色文字比较好看,一般作为正文
BgcolorΚ″#DDF3FF″———配黑色文字比较好看,一般作为正文
浅绿色底配黑色文字,或白色底配蓝色文字都很醒目,但前者突出背景,后者突出文字。红色底配白色文字,比较深的底色配黄色文字显得非常有效果。
此文只是起一个“抛砖引玉”的作用,大家可以发挥想象力,搭配出更有新意、更醒目的颜色,使网页更具有吸引力。
如何改善网站的可读性
访客来到你的网站是找寻他们想要的信息,如果文章的内容被设计所掩盖,导致读者难于阅读,这样只会让访客对你的网站避而远之。这里介绍11种方法来改善网站的可读性,吸引读者留在网页上阅读。
1、为你的链接添加下划线。读者一般都喜欢在文章中看到下划线,所以这是一个很好的主意。
2、为段落中的文字使用适当的行高。这是一种快速、简单的方法,用段落中字体的大小来测算行高。较为理想的情况是行高大约为字体大小的1.5倍。
3、保持书面表达简短。同样的意思,如果你用书面文字写出来需要50个字,但是用嘴说的话可能只需要30个字。所以,删除不必要的表达。
4、为你的文档使用结构层次。例如:文章标题——介绍——正文标题——内容——副标题——内容,这样会让你的网页更符合逻辑流程。
5、使用以斜体和粗体显示的文字应用样式时,不要改变它们的字体颜色。因为这样做容易让读者混淆,可能让他们误认为这是一个连接。
6、避免整块的文本。大段大段的文字,只会快地吓跑读者。
7、文章标题和副标题必须突出。这样做的一个好处是可以让读者在时间了解这篇文章标题下面的内容是什么。让标题突出显示要做的只是使用更大的字体,为字体添加下划线、更改颜色等。
8、使文章内容保持一个合理的宽度。浮动布局常常会使文章的内容超出屏幕之外,使人无法阅读,或阅读不完整。
9、段落数适当,但总体多段落比少段落效果要好。在纸上写作时,通常每一段话有4-5个句子组成;而在网络上,每个段落有2-3句话组成是更加常见的。这样做是为了使段落呈现在一个漂亮的容易理解的小块中。
10、分页。如果你为一篇文章使用分页样式,要保证文章的导航是清晰且易于使用的。
11、使用标签。为一些缩写词使用添加说明,并不是所有的读者都了解缩写词的含义。这样我们可以在常规样式中,缩写词下面加一条虚下划线。
色彩构成中的一些基础知
1、同类色对比
同类色即色相环上相差0°-15°之间的色彩,同类色对比其实就是同一色相在冷暖、明暗、或者是纯度之间的色彩对比,举个例子吧!就像月季花的花瓣一样的颜色渐变。
在设计中,常拿来做大面积的背景处理,因为同类色对比,无论总的色相是否特别鲜艳,整体都是协调,柔和的。
2、邻近色对比
邻近色就是色相环上相差0°-60°之间的色彩,比如说红紫、蓝绿。相比于同类色对比来说,邻近色对比更丰富和活泼,邻近色对比同时也能保证色相的倾向和统一,但这种效果则更为鲜艳,更生动,更能引起关注,色调冷暖的变化显得更有力量。
3、对比色对比
对比色即色相环上相差0°-120之间的色彩,比如黄蓝、橙紫。对比色比起邻近色又更加的强烈和饱满,对比色能使观众兴奋和激动,不过也因此容易造成视觉上和精神上的疲倦。因为色彩跨度搭,所以颜色上很难组织,很容易带来画面的杂乱和倾向性不强,缺乏个性。
4、互补色对比
互补色指在色相环上相差180°的色彩,来个最简单粗暴的例子就是红配绿,赛狗屁。这类对比能最大程度的冲击人们的视觉,最具吸引力。(想象一个上身红,下身绿的人在附近溜达,你能不盯着他看吗?)对比起对比色对比,互补色对比又更丰富,更强烈,不过弊端就是很容易就会有不安定和不协调的感觉,会给人粗俗原始的感觉,要想把互补色组织得倾向明显 ,统一和调和的感觉,就要注意颜色得比重。