H5,设计方案,H5页面配色,解决互联网一系列问题 咨询热线:400-9635-676

当前位置:首页 > 网站建设 > 网页设计

H5页面配色该如何做

发布时间:2019-10-15来源:UI智媒阅读量:127

H5设计方案的颜色必须考虑到和配搭的是页的色调而并不是同片的色调,因此人们能够将全部网页页面作为1个画板,随后对必须的一部分开展颜色添充,使其看上去即好用又美观大方。

愿意非常好的玩转网页制作色彩的搭配,人们更先要对色调有必须的掌握,掌握色调能够从下列两层面下手,不仅是不一样色调的寓意,与此同时是性格色彩学专业知识。互联网技术风页上的色调,在HTML下见到的要以颜色英文单词或是十六进制的表达方式(如#000000表达为灰黑色)。

不一样的色调拥有不一样的含意,网页页面上的色调搭挡2都是这种无音的語言,给人各种各样不一样的的觉得和想到。

色调的寓意是大家在长期性的应用颜色时获得的这种关联性的基本常识,网站高端设计师必须将色调自身的含意、网页页面和企业的企业网站建设精准定位三个结合在一起,更后算出合适的网站高端设计计划方案。

H5页面配色该如何做

网站高端设计方法一:

选准主题风格色彩在分析网站高端设计中色彩的搭配的方法一选准主题风格色彩前,人们先來认识一下几种不一样色调节的网页页面设及相对性应的经典案例。

不一样色调的寓意和相对性应的网页制作经典案例。

鲜红色:激情、豪放、愉悦、气血、年青;(经典案例:可口可乐公司、麦当劳)

淡黄色:高雅、颇具、璀璨、开朗、溫暖、全透明;(经典案例:兰博基尼、肯德基)

灰黑色:严肃认真、夜里、沉着冷静;(经典案例:Uber Brand Guide)

乳白色:纯真、简易、清洁;(经典案例:分形高新科技)

深蓝色:天上、清新、高新科技、靠谱、能量;(经典案例:戴尔、大众汽车、IBM)

翠绿色:绿色植物、性命、活力、身心健康;(经典案例:星巴克咖啡)

深灰色:代表理智、端庄、稳重;(经典案例:iPhone、wiki百科、卫报等)

蓝紫色:烂漫、荣华富贵、智慧型、想像;(经典案例:搜狗)

橘色:代表快乐、信赖;(经典案例:芬达、amazon、谷歌浏览器)

人们由此可见,无论是哪样种类的平台网站,在开展界面设计时更更先要搞好主题风格色彩的挑选,并为此颜色主导色彩向外拓展到同类色的别的色调。不难看出,网站高端设计中色彩的搭配的方法一为本准主题风格色调节。

H5页面配色该如何做

网站高端设计巧二:

遵照网页制作色彩的搭配标准在网页制作色彩的搭配中,除开考虑到色调、平台网站自身 具备的特性外也要遵照并反映必须的表现力和周期性。人们更在网页制作中常见的好多个色调为深蓝色、翠绿色、橘色,及其深红色。网页制作色彩的搭配标准

1、颜色的鲜明性标准:一个企业网站的色彩鲜艳,非常容易引人注目,会给访问者眼前一亮的觉得。

2、颜色的丰富性标准:要有不同寻常颜色,网页页面的色彩搭配务必要有自身与众不同的设计风格,那样能够给人访问者留有刻骨铭心的印像。

3、颜色的表现力标准:网站制作是这种造型艺术主题活动,因而务必遵照造型艺术规律性。依照內容决策方式的标准,在考虑到平台网站自身 特性的另外,胆大开展造型艺术自主创新,设计方案出既合乎平台网站规定,又具备必须艺术风格的平台网站。

4、色彩的搭配的合理化标准:颜色要依据主题风格来明确,不一样的主题风格采用不一样的颜色。比如,用深蓝色反映高新技术企业平台网站的技术专业,用淡粉色反映女士的柔情似水等。

网页制作色彩的搭配标准及经典案例

1、蓝主导调——深蓝色多与白、橙配搭。白色背景,蓝标题栏,橘色按键或ICON做装点,那样的界面设计让人觉得蓝天白云草地,冷寂干净整洁的觉得。经典案例:戴尔。

2、绿主导调——翠绿色多与白、兰双色配搭。白色背景,绿标题栏,兰色或橘色按键或ICON做装点,绿白两色的界面设计给人清雅然而有发火。经典案例:星巴克咖啡。

3、橙主导调——橘色多与白、红配搭。白色背景,橙标题栏,褐色或橙红色按键或ICON做装点。橘色开朗激情,那样的那样的网页制作色彩的搭配是规范的商业服务色彩,多用以商务网站的界面设计。经典案例:amazon。

H5页面配色该如何做

网站高端设计巧三:

选好网页页面色彩的搭配方式可以够为网页页面有效颜色是每一网站设计师必需专业技能其一,它针对客户对网页页面的視覺感受起着主导地位。1个网页页面色彩的搭配是不是有效立即危害着来访者心态和体会的优劣。好的色彩的搭配会给来访者产生较强的視覺撞击力,不适当的色彩的搭配则会让来访者心浮气躁。分析:网页页面色彩的搭配方式

1、相同色调搭配方式相同色彩的搭配的方式就是指先选中这种基本色,随后再用这个色调为基本开展清晰度和对比度的调节,根据对色调开展变浅或加重获得其化新的色调。

益处:让网页页面的全部网页页面看上去颜色一致,且具备质感。

2、相邻色彩的搭配方式相邻颜色指的是在色盘上邻近的二种不一样色调,如翠绿色和深蓝色、鲜红色和淡黄色即相互之间对比色。

益处:选用对比色配搭的网页页面能够防止颜色杂乱无章,非常容易超过网页页面和睦一致的实际效果。

3、比照色彩的搭配方式通常觉得,颜色的三原色配色表(红、黄、蓝)是充分体现颜色间的差别的几款色调。颜色的这类明显比照实际效果具备较强的視覺吸引力,可以具有突出主题的功效。

益处:在网页制作中根据有效应用邻近色,可以使平台网站特点独特、重中之重突显。以这种色调主导色彩,将其邻近邻近色做为装点,以具有画龙点晴的功效。

4、冷、暖色调色彩的搭配方式冷色系色彩的搭配指的是应用翠绿色、深蓝色及蓝紫色等冷色调颜色开展配搭,暖色系色彩的搭配就是指应用鲜红色、橘色、淡黄色等暖色系颜色的配搭。

益处:冷色系色彩的搭配的网页页面能够为客户构建出平静、清爽和优雅的气氛,冷色调颜色与粉色搭配通常会得到不错的空间感。暖色系色彩的搭配若为网页页面构建出平稳、和睦和激情的气氛。

5、文本与网页页面的背景颜色比照的搭配技巧文本內容的色调与网页页面的背景颜色的比照要突显,背景色深,文本的色调就应浅,那样能够让深棕色的背景图显现出浅灰色的內容相反,背景色淡,文本的色调还要深些,和浅灰色的背景图烘托深棕色的內容

H5页面配色该如何做


责任编辑:温艾敏

以上就是H5页面配色该如何做的全部内容。更多精彩请进入网页设计栏目查看。

转载请注明出处:https://www.uizm.com/design/1336.html

相关推荐

相关问题?