关闭顶部展开顶部

重新认识网页色彩 新科技新设计_建站经验教程

编辑Tag赚U币

推荐:个性网页设计精讲,有风格有创意
很多人都想创意那么是否一定要不同的网页框架之类的问题,但在个性设计中更注重的是色彩以及图形图像等细节上展示出独特的风格。

出色的网页设计总是会让用户留下深刻印象,一个出色的网页少不了出色的色彩搭配。如今时代不同,色彩的搭配定义也走向了个性化,多样化。但是,色彩的使用在网页设计中起到了很关键的作用,成功的网站往往运用了成功的色彩搭配。

每个人都有自己对色彩的认识,有的人会认为蓝色色调的网站是清新的,绿色色调的网站是富有生机的,而红色是喜庆的。所以,我们必须要重新地客观地认识网页色彩,在新科技有新的网页设计。

在设计网页之前,要有大量的鉴赏与实践。色彩本身代表的情感以及其内涵在心理上会给用户从感官到思维上的理解,要从鉴赏中寻找到网页色彩搭配可寻性规律,千万不要败到在理论色彩上。

主色调是一个网页的中心。无论是做单页面,还是做整个网站的色彩搭配,都要先确定主色调。主色调可以是一种,也可以是两种,也可以更多,但过多的主色调只会让网页没有主色。我们接触的大多是主色调为一种的,在几年前我们看到的更是五花八门的颜色,形容网页就非常零星,比如说这朵花是红色的,这颗草是绿色的,这个分界线是蓝色的,这个背景是灰色的……而现在,新科技下的色彩设计,要先确定好设计对象的主色调,下面我们开根据精讲一些实例。

我们看上图,我们可以很明显的看出整个网页中以蓝色为主调。如果要再精细的讲,就是以蓝色为主,不同深度的搭配。最浅则就是白色偏蓝,最深是深蓝接近黑。整个画面的虚实结合,空间感非常好,给人第一感觉就是大气。

这个网页给我的第一感觉就是典雅。而典雅的来源则是这个网页的主色,也就是棕色。这个棕色的RGB代码为#66453C,加上棕色对白色、灰色、红色、加水稀释出来的效果,画面和谐统一,有一种古色古香的韵味。

这两个实例后,很多人就开始问我如果要在一个网页使用一种主色而又有其他颜色,又担心不好如何搭配,担心比例失调,那么我们应当先明确主色,遵循主从关系。比如说红黄绿是网页设计需要用到的三种颜色,如果拿红色作为主色,那么可以在红色周围以黄色作为辅助色,绿色作为“调料色”。所谓的调料色就是颜色中衬托出来的小细节,比如说一片绿从中有几朵粉花,粉花就是调料色。这样做插图个性化就显得非常强烈,会使整个网页互动感十足。

刚刚讲的都是一个主色调的,现在我们讲一下两个主色调的网页设计搭配。一种主色调虽然常用,但是易于被抄袭,从而失去了个性、独一。而双色不易被模仿,并且有很强的视觉效果。大家可以看一下上图中的网页设计。蓝色与红色两种色调的结合,强烈而又清新的效果就凸显在用户面前,画面和谐不会显得杂乱。

接下来我推荐三种网页设计搭配,供大家学习,图片的左边为主色,右边会辅助色。

这三种颜色的组合主要运用在女性、运动系列的网页站,令人感觉富有活力。

这个页面可以运用在商务、男性、女性、运动、个人博客等网页设计,是一款相对综合而不失个性的网页设计搭配。

这一款更倾向于专题类以及商务类的网页设计,富有商业气息,给人一种可信感。

总结:本章节主要讲了网页色彩当中的主色调,当然网页色彩不仅仅包括这些,将会有其他网页设计的案例给大家欣赏。色彩没有固定的模式,那么“色彩”这个词汇就成了灰色,象征哀吊。色彩随着时代而推进。最后阐述一下主色调的内涵,不仅仅是什么颜色显眼以及面积大,也要考虑到在什么位置上,要突出什么样的对象。加之辅佐突出主色调,要让主色调具备影响力。

本文由广州做网站公司 www.wangzhan-china.com 编纂,转载请注明出处。

分享:医疗网站专题页面该怎么能抓住用户的心理
如果说你的页面不能被用户所认可,就说明你的页面是失败的。今天,笔者来和大家一起分析下,医疗网站专题页面怎么能抓住用户的心理?

来源:模板无忧//所属分类:建站经验教程/更新时间:2013-04-16
相关建站经验教程
闂備焦鐪归崺鍕垂闁秵鍋ら柡鍥舵緛缂嶆牠鏌涢埄鍐姇闁抽攱甯楅妵鍕即濡も偓娴滄儳顪冮妶蹇曠Ф闁瑰嚖鎷�
婵犵數鍋涢顓熸叏椤撱垹纾婚柟鐐灱濡插牓鏌¢崒婵囩《濠⒀勭⊕娣囧﹪鎳犻澶嗗亾濠靛鐓熼柕蹇婃櫅閻忔煡鏌熼崙銈嗗
婵犵數濮烽。浠嬪焵椤掆偓閸熷潡鍩€椤掑嫷妫戠紒杈╁仜椤撳吋寰勭€n亝顓鹃柣搴f嚀鐎氼厽绔熼崱娆愬床濞戞柧绶氶弻锝夊閳轰胶浼堥梺鐟板殩閹凤拷
婵犵數濮烽。浠嬪焵椤掆偓閸熷潡鍩€椤掑嫷妫戠紒杈╁仜椤撳吋寰勬繝鍕靛悑闂備浇顕栭崹搴ㄥ礋椤撗勑氶梻浣筋嚙闁帮絽岣胯铻炴繛鎴欏灪閸嬪鏌ㄩ悤鍌涘
闂傚倷鑳舵灙缂佺粯鍔欓獮濠冩償閵娿儳鍔﹀銈嗗笒閸婂摜鏁崼鏇炵閻庢稒岣块惌鎺斺偓瑙勬礃缁诲牓寮幘缁樻櫢闁跨噦鎷�
闂傚倷鑳舵灙缂佺粯鍔欓獮濠冩償閵娿儳鍔﹀銈嗗坊閸嬫捇鏌涘顒夊剳缂侇喖锕弫鍌炲礈瑜忛悡鎾绘煟鎼搭垳宀涢柡鍛箞閹苯鈻庨幋鐘碉紳婵炴挻鑹鹃敃銉р偓姘炬嫹
闂傚倷娴囬妴鈧柛瀣尰閵囧嫰寮介妸褉妲堥梺浼欏瘜閸o綁寮诲☉妯锋斀闁归偊浜為懗铏圭磽娴i潧濡芥俊鐐舵椤曪綁濡搁埡濠冩櫖濠电偛妫欓崹鐢电箔閿熺姵鈷戦柛婵嗗閳ь剙顭烽獮濠囧箻閼告娼熼梺璺ㄥ櫐閹凤拷
闂傚倷绀侀幖顐﹀疮閻楀牊鍙忓瀣捣缁€濠傤熆閼搁潧濮堥柣鎿勭秮閹娼幏宀婂妳濠电偛鐪伴崐鏇㈡箒闂佹寧绻傚Λ娆戠矆閳ь剟姊洪崨濞氭垿鎮ч悩鑼殾闁规壆澧楅弲鎼佹煥閻曞倹瀚�
濠电姷顣藉Σ鍛村垂椤忓牆绀堟繝闈涙-閻斿棙淇婇姘倯閻庢氨绮妵鍕箻鐎靛摜鐣洪柣搴㈢啲閹凤拷
婵犵數濮烽。浠嬪焵椤掆偓閸熷潡鍩€椤掑嫷妫戠紒杈╁仜椤撳ジ宕堕妸銉紩婵$偑鍊栭幐鑽ゆ崲閸愵亖鍋撳铏彧濞e洤锕、娑樜旈埀顒佹櫠閸欏绡€妞ゎ偒鍠楃€氾拷
濠电姷顣藉Σ鍛村垂椤忓牆绀堟繝闈涙-閻斿棙鎱ㄥ璇蹭壕閻庤娲﹂崜鐔笺€佸▎鎾崇闁绘挸绨堕崑鎾绘偨閸涘﹦鍘搁梺鍓插亝缁诲嫬鐡┑鐘愁問閸n垶骞忛敓锟�
濠电姷顣藉Σ鍛村垂椤忓牆绀堟繝闈涙-閻斿棙鎱ㄥ璇蹭壕闂佸搫鑻幊姗€宕洪埀顒併亜閹哄棗浜鹃梺瀹狀嚙闁帮綁鐛幋锕€绠涢梻鍫熺⊕椤斿棝姊绘担鍛婃儓閻庢碍鎮傞獮蹇涙晸閿燂拷
濠电姷顣藉Σ鍛村垂椤忓牆绀堟繝闈涙-閻斿棙鎱ㄥ璇蹭壕閻庤娲╃紞渚€鐛€n亖鏀介柛顐亗缁憋拷
婵犵數濮烽。浠嬪焵椤掆偓閸熷潡鍩€椤掑嫷妫戠紒杈╁仜椤撳吋寰勬繝鍕幀闂備胶鎳撻悺銊ф崲閸曨垼鏁傞悗娑櫭肩换鍡樸亜閺嶎煈娈斿褍寮剁换婵嬶綖椤旇棄顏�
闂備浇顕ф鎼佸储濠婂牆绀堟繝闈涱儐閸嬪鏌熼幆鐗堫棄闁活厽顨呴埞鎴︽偐閹绘帗娈梺濂告涧缂嶅﹪寮婚妶澶嬪殟闁靛鍎遍~宥夋⒑缂佹ḿ澹勭紓宥勭閻e嘲鈻庨幘瀛樻闂佽法鍣﹂幏锟�
UB闂傚倷绀佸﹢杈╁垝椤栫偛绀夋俊銈呮噽瀹撲線鏌涢妷銏℃珕閻庢碍宀搁幃妤€鈽夊▍铏灴閿濈偤鏁撻敓锟�
闂傚倷娴囨竟鍫熴仈缁嬫娼栧┑鐘崇閻掗箖鎮楅悽鐢点€婇柛瀣崌閻涱噣宕归鍙ョ棯婵犵數濮崑鎾绘煥閻曞倹瀚�
闂備浇顕ф鍝ョ不瀹ュ鍨傞柛婵嗗閼板潡鏌涢姀銏犳
闂傚倷绀侀幉鈥愁潖缂佹ɑ鍙忓瀣捣缁€濠傤熆鐠鸿櫣鐏遍柛妤佺缁绘盯宕卞Δ鈧銏ゆ煕閻愬樊妲圭紒缁樼〒缁辨瑩鎮╅崫鍕腐闂備胶枪妤犲繘骞忛敓锟�
缂傚倸鍊搁崐鐑芥倿閿曞倹鍋¢柨鏇炲€搁崹鍌涚節婵犲倸顏い鈺呮敱閵囧嫰骞掑鍥舵М缂備焦褰冨﹢閬嶅焵椤掑倸浠柛濠冪箘缁辨挸顫濇0婵囨櫓闂佽法鍣﹂幏锟�
©2017 www.mb5u.com濠电姷顣藉Σ鍛村垂椤忓牆绀堟繝闈涙-閻斿棙鎱ㄥ璇蹭壕閻庢鍣崳锝夊箖閳哄懎绠甸柟鐑樻尭閻︼拷
闂傚倷娴囬妴鈧柛瀣崌閺岀喖顢涘⿰鍐炬毉濡炪們鍎婚幏锟�&闂傚倷绀侀幉锛勬暜閹烘嚦娑㈠籍閸噥妫呴梺璺ㄥ櫐閹凤拷