网页颜色搭配能力 文字字体、字号、字体排版等

对付做网页的初学者大概更习惯于利用一些大度的图片作为本身网页的配景,可是,欣赏一下大型的贸易网站,你会发明他们更多运用的是白色、蓝色、黄色等,使得网页显得典雅,大方和温馨。更重要的是,这样可以大大加速欣赏者打开网页的速度。

一般来说,网页的配景致应该柔和一些、素一些、淡一些,再配上深色的文字,使人看起来自然、舒畅。而为了追求精明的视觉结果,可觉得标题利用较深的颜 色。下面是我做网页和欣赏别人的网页时,对网页配景致和文字色彩搭配积聚的履历,这些颜色可以做正文的底色,也可以做标题的底色,再搭配差异的字体,必然 会有不错的结果,但愿对各人在建造网页时有用。

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″———配玄色文字较量悦目,一般作为正文
浅绿色底配玄色文字,或白色底配蓝色文字都很精明,但前者突出配景,后者突出文字。赤色底配白色文字,较量深的底色配黄色文字显得很是有结果。
此文只是起一个“抛砖引玉”的浸染,各人可以发挥想象力,搭配出更有新意、更精明的颜色,使网页更具有吸引力

如今,互联网越来越走近我们的糊口,网上冲浪也徐徐成为我们糊口不行缺少的一部门。网络世界花团锦簇,涌现出大量优秀精细的网页。大量网络信息的呈 现,无非就是通过文本、图像、Flash动画等,个中, 文本是网页中最为重要的设计元素。对付网页设计初学者而言,相识和把握网页设计中的文字排版设计就显得尤为重要,下面笔者想谈谈一己之见。
文字的名目化

字号、字体、行距

字号巨细可以用差异的方法来计较,譬喻磅#quotel.quoter#或像素(Pixel)。因为以像素技能为基本单元打印时需要转换为磅,所以,发起回收磅为单元。
最适合于网页正文显示的字体巨细为12磅阁下,此刻许多的综合性站点,由于在一个页面中需要布置的内容较多,凡是回收9磅的字号。较大的字体可用于标 题或其他需要强调的处所,小一些的字体可以用于页脚和帮助信息。需要留意的是,小字号容易发生整体感和精美感,但可读性较差。
网页设计者可以用字体来更充实地浮现设计中要表达的感情。字体选择是一种感性、直观的行为。可是,无论选择什么字体,都要依据网页的总体设想和欣赏者 的需要。譬喻:粗体字强壮有力,有男性特点,适合机器、修建业等内容;细体字雅致细致,有女性特点,更适合打扮、扮装品、食品等行业的内容。在同一页面 中,字体种类少,版面高雅,有不变感;字体种类多,则版面活泼,富厚多彩。要害是如何按照页面内容来把握这个比例干系。

从增强平台无关性的角度来思量,正文内容最好回收缺省字体。因为欣赏器是用当地呆板上的字库显示页面内容的。作为网页设计者必需思量到大大都欣赏者的 呆板里只装有三种字体范例及一些相应的特定字体。而你指定的字体在欣赏者的呆板里并不必然可以或许找到,这给网页设计带来很大的范围。办理问题的步伐是:在确 有须要利用非凡字体的处所,可以将文字制成图像,然后插入页面中。

行距的变革也会对文本的可读性发生很大影响。一般环境下,靠近字体尺寸的行距配置较量适合正文。行距的通例比例为10:12,即用字10点,则行距 12点。这主要是出于以下思量:适当的行距会形成一条明明的程度空缺带,以引导欣赏者的眼光,而行距过宽会使一行文字失去较好的延续性。

除了对付可读性的影响,行距自己也是具有很强表示力的设计语言,为了增强版式的装饰结果,可以有意识地加宽或缩窄行距,浮现奇特的审好心趣。譬喻,加 宽行距可以浮现轻松、舒展的情绪,应用于娱乐性、抒情性的内容恰如其分。别的,通过经心布置,使宽、窄行距并存,可加强版面的空间条理与弹性,表示出独到 的匠心。

行距可以用行高(line-height)属性来配置,发起以磅或默认行高的百分数为单元。譬喻:{line-height:20pt}、{line-height:150%}。

文字的整体编排

页面里的正文部门是由很多单个文字颠末编排构成的群体,要充实发挥这个群体形状在版面整体机关中的浸染。从艺术的角度可以将字体自己当作是一种艺术形 式,它在本性和感情方面临人们有着很大影响。在网页设计中,字体的处理惩罚与颜色、版式、图形等其他设计元素的处理惩罚一样很是要害。从某种意义上来讲,所有的设 计元素都可以领略为图形。

1.文字的图形化

字体具有两方面的浸染:一是实现字意与语义的成果,二是美学效应。所谓文字的图形化,等于强调它的美学效应,把暗号性的文字作为图形元素来表示,同时 又强化了原有的成果。作为网页设计者,既可以凭据通例的方法来配置字体,也可以对字体举办艺术化的设计。无论奈何,一切都应环绕如何更精彩地实现本身的设 计方针。
将文字图形化、意象化,以更富创意的形式表达出深层的设计思想,可以或许降服网页的单调与平淡,从而感感人心。

2.文字的叠置

文字与图像之间或文字与文字之间在颠末叠置后,可以或许发生空间感、跳跃感、透明感、杂音感和叙事感,从而成为页面中活泼的、令人注目标元素。固然叠置手 法影响了文字的可读性,可是能造成页面奇特的视觉结果。这种不追求易读,而决心追求“杂音”的表示手法,浮现了一种艺术思潮。因而,它不只大量运用于传统 的版式设计,在网页设计中也被遍及回收。

3.标题与正文

在举办标题与正文的编排时,可先思量将正文作双栏、三栏或四栏的编排,再举办标题的置入。将正文分栏,是为了求取页面的空间与弹性,制止通栏的机械以 及标题插入方法的单一性。标题虽是整段或整篇文章的标题,但不必然千篇一律地置于段首之上。可作居中、横向、竖向或边置等编排处理惩罚,甚至可以直接插入字群 中,以新颖的版式来冲破旧有的纪律。

4.文字编排的四种根基形式

页面里的正文部门是由很多单个文字颠末编排构成的群体,要充实发挥这个群体形状在版面整体机关中的浸染。
两头均齐:文字从左端到右端的长度均齐,字群形成方方正正的面,显得规则、严谨、雅观。
居中分列:在字距相等的环境下,以页面中心为轴线分列,这种编排方法使文字越发突出,发生对称的形式美感。
左对齐或右对齐:左对齐或右对齐使行首或行尾自然形成一条清晰的垂直线,很容易与图形共同。这种编排方法有松有紧,有虚有实,跳动而超逸,发生节拍与韵律的形式美感。左对齐切合人们阅读时的习惯,显得自然;右对齐因不太切合阅读习惯而较少回收,但显得新颖。
绕图分列:将文字绕图形边沿分列。假如将底图插入文字中,会令人感想融洽、自然。

文字的强调

1.行首的强调
将正文的第一个字或字母放大并作装饰性处理惩罚,嵌入段落的开头,这在传统媒体版式设计中称之为“下坠式”。此能力的发现溯源于欧洲中世纪的文稿誊录员。 由于它有吸引视线、装饰和活泼版面的浸染,所以被应用于网页的文字编排中。其下坠幅度应超过一个完整字行的上下幅度。至于放大几多,则依据所处网页情况而 定。
2.引文的强调
在举办网页文字编排时,经常会遇到提纲挈领性的文字,即引文。引文归纳综合一个段落、一个章节或全文大意,因此在编排上应给以非凡的页面位置和空间来强 调。引文的编排方法多种多样,如将引文嵌入正文的阁下侧、上方、下方或中心位置等,而且可以在字体或字号上与正文相区别而发生变革。
3.个体文字的强调
假如将个体文字作为页面的诉求重点,则可以通过加粗、加框、加下划线、加指示性标记、倾斜字体等手段有意识地强化文字的视觉结果,使其在页面整体中显得出众而精通。别的,改变某些文字的颜色,也可以使这部门文字获得强调。这些要领实际上都是运用了比拟的法例。

文字的颜色

在网页设计中,设计者可觉得文字、文字链接、已会见链接和当前勾当链接选用各类颜色。譬喻,假如你利用FrontPage编辑器,默认的配置是这样 的:正常字体颜色为玄色,默认的链接颜色为蓝色,鼠标点击之后又变为紫赤色。利用差异颜色的文字可以使想要强调的部门越发引人注目,但应该留意的是,对付 文字的颜色,只可少量运用,假如什么都想强调,其实是什么都没有强调。何况,在一个页面上运用过多的颜色,会影响欣赏者阅读页面内容,除非你有非凡的设计 目标。

颜色的运用除了可以或许起到强调溃散文字中非凡部门的浸染之外,对付整个文案的感情表达也会发生影响。这涉及色彩的感情象征性问题,限于篇幅,在这里不做深入探讨。

别的需要留意的是文字颜色的比拟度,它包罗明度上的比拟、纯度上的比拟以及冷暖的比拟。这些不只对文字的可读性产生浸染,更重要的是,你可以通过对颜色的运用实现想要的设计结果、设计感情和设计思想。

一、色彩处理惩罚
  
    色彩是人的视觉最敏感的对象。主页的色彩处理惩罚得好,可以锦上添花,到达事半功倍的结果。色彩总的应用原则应该是“总体协调,局部比拟”,也就是:主页的整 体色彩结果应该是调和的,只有局部的、小范畴的处所可以有一些强烈色彩的比拟。在色彩的运用上,可以按照主页内容的需要,别离回收差异的主色调。因为色彩 具有象征性,譬喻:嫩绿色、翠绿色、金黄色、灰褐色就可以别离象征着春、夏、秋、冬。其次尚有职业的符号色,譬喻:军警的橄榄绿,医疗卫生的白色等。色彩 还具有明明的心理感受,譬喻冷、暖的感受,进、退的结果等。别的,色彩尚有民族性,各个民族由于情况、文化、传统等因素的影响,对付色彩的爱好也存在着较 大的差别。充实运用色彩的这些特性,可以使我们的主页具有深刻的艺术内在,从而晋升主页的文化品位。下面先容几种常用的配色方案:  

    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.用两种色彩。先选定一种色彩,然后选择它的比拟色(在photoshop里按ctrl+shift+I)。我的主页用蓝色和黄色就是这样确定的。整个页面色彩富厚但不花稍。

3.用一个色系。简朴的说就是用一个感受的色彩,譬喻淡蓝,淡黄,淡绿;可能土黄,土灰,土蓝。确定色彩的要领大师差异,我是在photoshop里按前景致方框,在跳出的拾色器窗中选择"自界说",然后在"色库"中选就可以了:)

4.用玄色和一种彩色。好比大红的字体配玄色的边框感受很"跳"。

在网页配色中,隐讳的是:

1.不要将所有颜色都用到,只管节制在三种色彩以内。

2.配景和前文的比拟只管要大,(绝对不要用斑纹繁复的图案作配景),以便突出主要文字内容

颜 色 搭 配

一、赤色的色感暖和,性格坚强而外向,是一种对人刺激性很强的色。赤色容易引起人的留意,也容易使人欢快、感动、告急、激动、照旧一种容易造成人视觉疲惫的色。

a) 在赤色中插手少量的黄,会使其热力强盛,趋于躁动、不安。

b) 在赤色中插手少量的蓝,会使其热性削弱,趋于文雅、柔和。

c) 在赤色中插手少量的黑,会使其性格变的沉稳,趋于厚重、俭朴。

d) 在红中插手少量的白,会使其性格变的温柔,趋于蕴藉、羞涩、娇嫩。

二、黄色的性格冷酷、自豪、敏感、具有扩张和不安定的视觉印象。黄色是各类色彩中,最为娇气的一种色。只要在纯黄色中混入少量的其它色,其色相感和色性格均会产生较洪流平的变革。

a) 在黄色中插手少量的蓝,会使其转化为一种鲜嫩的绿色。其自豪的性格也随之消失,趋于一种和善、潮润的感受。

b) 在黄色中插手少量的红,则具有明明的橙色感受,其性格也会从冷酷、自豪转化为一种有分寸感的热情、暖和。

c) 在黄色中插手少量的黑,其色感和色性变革最大,成为一种具有明明橄榄绿的复色印象。其色性也变的成熟、随和。

d) 在黄色中插手少量的白,其色感变的柔和,其性格中的冷酷、自豪被淡化,趋于蕴藉,易于靠近。

三、蓝色的色感冷嘲热讽,性格俭朴而内向,是一种有助于人脑子冷嘲热讽静的色。蓝色的俭朴、内向性格,常为那些性格活泼、具有较强扩张力的色彩,提供一 个深远、广埔、安静的空间,成为衬托活泼色彩的友善而谦虚的伴侣。蓝色照旧一种在淡化后仍然似能保持较强本性的色。假如在蓝色中别离插手少量的红、黄、 黑、橙、白等色,均不会对蓝色的性格组成较明明的影响力。

a)          假如在橙色中黄的成份较多,其性格趋于甜美、亮丽、芬芳。

b)        在橙色中混入小量的白,可使橙色的知觉趋于烦躁、无力。

四、绿色是具有黄色和蓝色两种成份的色。在绿色中,将黄色的扩张感和蓝色的收缩感相中庸,将黄色的暖和感与蓝色的严寒感相抵消。这样使得绿色的性格最为和善、巩固。是一种柔顺、恬静、潢足、美妙的色。

a)          在绿色中黄的成份较多时,其性格就趋于生动、友善,具有幼稚性。

b)         在绿色中插手少量的黑,其性格就趋于庄重、精悍、成熟。

c)         在绿色中插手少量的白,其性格就趋于干净、清爽、鲜嫩。

五、              紫色的明度在有彩色的色料中是最低的。紫色的低明度给人一种沉闷、神秘的感受。

a)          在紫色中红的成份较多时,其知觉具有压抑感、威胁感。

b)         在紫色中插手少量的黑,其感受就趋于沉闷、伤感、可怕。

c)         在紫色中插手白,可使紫色沉闷的性格消失,变得优雅、娇气,并布满女性的魅力。

六、              白色的色感光亮,性格俭朴、纯洁、快乐。白色具有圣洁的不容加害性。假如在白色中插手其它任何色,城市影响其纯洁性,使其性格变的蕴藉。

a)         在白色中混入少量的红,就成为淡淡的粉色,鲜嫩而布满诱惑。

b)        在白色中混入少量的黄,则成为一种乳黄色,给人一种香腻的印象。

c)        在白色中混入少量的蓝,给人感受清冷、干净。

d)        在白色中混入少量的橙,有一种干燥的空气。

e)         在白色中混入少量的绿,给人一种稚嫩、柔和的感受。

f)         在白色中混入少量的紫,可诱导人遐想到淡淡的芬芳。

您大概感乐趣的文章:

内容版权声明:除非注明,否则皆为本站原创文章。

转载注明出处:https://www.heiqu.com/wsdpxs.html