发表日期:2021-02-24 06:24文章编辑:jianzhan浏览次数: 标签:
每日大家在互联网技术上看到的网站全是有颜色的,无论是五颜六色系還是黑、白、灰,颜色组成了网站的总体设计风格,也为客户带来了不1定的视觉效果体验。好的颜色配搭针对网站的网页页面来讲是是非非常关键的,要想做好这1点最先要对色调有1定的掌握。
网页页面视觉效果体验关键是由方式(或叫合理布局)、颜色、照片和文本信息内容构成,共中颜色关键指的便是颜色的配搭和应用。网页页面设计方案必须考虑到和配搭的是页的色调而并不是同片的色调,因此大家能够将全部网页页面作为1个画布,随后对必须的一部分开展颜色填充,使其看起来即好用又美观大方。要想很好的玩儿转网页页面设计方案颜色配搭,大家最先要对色调有1定的掌握,掌握色调能够从下列两层面下手,1层面是不一样色调的代表实际意义,另外一层面是颜色心理状态学专业知识。
互联网技术风页上的色调,在HTML下看到的是以色调英文单词或106进制的表明方式(如#000000表明为黑色)。不一样的色调拥有不一样的含意,网页页面上的色调搭档2也是1种无声的語言,给人各种各样不一样的的觉得和想到。色调的代表实际意义是人们在长期性的应用颜色时获得的1种共性的基本常识,网站网页页面设计方案师必须将色调自身的含意、网站网页页面和企业的企业网站建设精准定位3者融合起来,最后得出合适的网站网页页面设计方案计划方案。
网站网页页面设计方案技能1:找准主题色彩
在分析网站网页页面设计方案中颜色配搭的技能1找准主题色彩前,大家先来掌握1下几款不一样色彩整的网页页面设及相对性应的取得成功实例。
不一样色调的代表实际意义和相对性应的网页页面设计方案取得成功实例。
鲜红色:激情、豪放、愉悦、气血、年青;(取得成功实例:可口可乐公司、肯德基)
黄色:高雅、颇具、璀璨、开朗、溫暖、全透明;(取得成功实例:法拉利、麦当劳)
黑色:严肃认真、夜晚、沉着冷静;(取得成功实例:Uber Brand Guide)
白色:纯真、简易、清洁;(取得成功实例:博采高新科技)
蓝色:天空、清新、高新科技、靠谱、能量;(取得成功实例:戴尔、大家轿车、IBM)
翠绿色:绿色植物、性命、活力、身心健康;(取得成功实例:星巴克)
灰色:代表理智、端庄、稳重;(取得成功实例:iPhone、维基百科、纽约时报等)
紫色:浪漫、荣华富贵、聪慧、想像;(取得成功实例:yahoo)
橙色:代表快乐、信赖;(取得成功实例:芬达、亚马逊、火狐)
大家可以看出,无论是哪样种类的网站,在开展网页页面设计方案时最最先要做好主题色彩的挑选,并以此种色调为主色彩向外拓展到同色系的别的色调。不难看出,网站网页页面设计方案中颜色配搭的技能1为先准主题色彩整。
网站网页页面设计方案巧2:遵照网页页面设计方案颜色配搭标准
在网页页面设计方案颜色配搭中,除考虑到色调、网站自身具备的特性外还要遵照并反映1定的造型艺术性和规律性性。大家最在网页页面设计方案中常见的几个色调为蓝色、翠绿色、橙色,和暗鲜红色。
网页页面设计方案颜色配搭标准
1、颜色的独特性标准:1个网站的颜色独特,很非常容易让人留意,会给访问者线人1新的觉得。
2、颜色的与众不同性标准:要有不同寻常颜色,网页页面的用色务必要有自身与众不同的设计风格,这样才可以给人访问者留下刻骨铭心的印象。
3、颜色的造型艺术性标准:网站制作是1种造型艺术主题活动,因而务必遵照造型艺术规律性。依照內容决策方式的标准,在考虑到网站自身特性的另外,胆大开展造型艺术自主创新,设计方案出既合乎网站规定,又具备1定造型艺术特点的网站。
4、颜色配搭的有效性标准:颜色要依据主题来明确,不一样的主题采用不一样的颜色。比如,用蓝色反映高新科技型网站的技术专业,用粉鲜红色反映女士的柔情等。
ps:网页页面设计方案颜色配搭标准及取得成功实例
1、蓝为主调——蓝色多与白、橙配搭。白底,蓝题目栏,橙色按钮或ICON做装点,这样的网页页面设计方案给人1种蓝天白云蓝天,沉寂干净整洁的觉得。取得成功实例:戴尔。
2、绿为主调——翠绿色多与白、兰两色配搭。白底,绿题目栏,兰色或橙色按钮或ICON做装点,绿白相间的网页页面设计方案给人清雅而有发火。取得成功实例:星巴克。
3、橙为主调——橙色多与白、红配搭。白底,橙题目栏,暗红或桔鲜红色按钮或ICON做装点。橙色开朗激情,这样的这样的网页页面设计方案颜色配搭是规范的商业服务色彩,多用于商业服务网站的网页页面设计方案。取得成功实例:亚马逊。
网站网页页面设计方案巧3:选对网页页面颜色配搭方式
可以够为网页页面有效配色是每一个网页页面设计方案师必备专业技能之1,它针对客户对网页页面的视觉效果体验起着主导功效。1个网页页面颜色配搭是不是有效立即危害着浏览者心态和体会的优劣。好的颜色配搭会给浏览者带来很强的视觉效果冲击性力,不适当的颜色配搭则会让浏览者浮躁。
分析:网页页面颜色配搭方式
1、同种颜色的配搭方式
同种颜色配搭的方式是指先选定1种主色,随后再以这款色调为基本开展全透明度和饱和状态度的调剂,根据对色调开展变淡或加深获得其化新的色调。
益处:让网页页面的全部网页页面看起来颜色统1,且具备层级感。
2.相邻颜色配搭方式
相邻颜色指的是在色环上邻近的两种不一样色调,如翠绿色和蓝色、鲜红色和黄色即互为相邻色。
益处:选用相邻色配搭的网页页面能够防止颜色杂乱无章,非常容易做到网页页面和睦统1的实际效果。
3.比照颜色配搭方式
1般觉得,颜色的3原色(红、黄、蓝)是最能反映颜色间的差别的3款色调。颜色的这类明显比照实际效果具备很强的视觉效果引诱力,可以起到突显关键的功效。
益处:在网页页面设计方案中根据有效应用比照色,可以使网站特点独特、关键突显。以1种色调为主色彩,将其邻近比照色做为装点,以起到画龙点晴的功效。
4、冷、暖色颜色配搭方式
冷色调调颜色配搭指的是应用翠绿色、蓝色及紫色等冷色调系颜色开展配搭,暖色彩颜色配搭是挑唆用鲜红色、橙色、黄色等暖色系色调的配搭。
益处:冷色调调颜色配搭的网页页面能够为客户构建出平静、清爽和优雅的氛围,冷色调颜色与白色配搭1般会得到较好的视觉效果实际效果。暖色彩颜色配搭可为网页页面构建出平稳、和睦和激情的氛围。
5、文本与网页页面的情况色比照的配搭方式
文本內容的色调与网页页面的情况色的比照要突显,底色深,文本的色调就应浅,这样才可以让深色的情况烘托出浅色系的內容(文本或照片);反之,底色淡,文本的色调就要深些,和浅色系的情况烘托深色的內容(文本或照片)。更多有关资讯欢迎浏览:http://www.fractal-technology.com/index.html