摘要:前言 我们开始设计电脑端或者手机端网页界面设计的时候,总是需要先确定好网页的配色方案。那么,这时,除非是客户提出色彩方案,我们大部分要面对的情况的是,根据客户的需求创建出一个色彩方案。在此,我想教大家如何从图片这一来源中获取灵感并创建出色彩方案。 一、选择图片 首先,去各...

今日推荐 惊呆了,学会了PS剪纸效果,设计排版原来如此简单

今日推荐 做设计除了模糊渐变,记得巧用画笔和模糊画廊

今日推荐 [网站设计教程]数百张腾讯游戏Banner设计免费分享给湖南人

前言

 

我们开始设计电脑端或者手机端网页界面设计的时候,总是需要先确定好网页的配色方案。那么,这时,除非是客户提出色彩方案,我们大部分要面对的情况的是,根据客户的需求创建出一个色彩方案。在此,我想教大家如何从“图片”这一来源中获取灵感并创建出色彩方案。

一、选择图片

 

首先,去各大网站搜索你喜欢的图片,图片的选择应该尽量选择色调有变化且明暗对比也较为明显的,因为黑白或低对比度的色调只会让你最后的色彩方案看起来不够鲜明。

选择图片去下面这几个网站是不错的:
http://500px.com/flow/curate
https://www.flickr.com/explore/
http://wallbase.cc/

要从配色方面吸引自己的图片上进行选择。 长沙12UI设计教程网,长沙网站设计教程,毛玉萌博客

1、主色调的运用范围

 

在网页设计的时候,主色调的使用范围在整个网页的色彩面积较大的地方,例如用于网页背景或形状元素上。当然,一种色彩是无法开始设计的,因此接下来我们会选择第二种颜色。

辅助色的选择 辅助色通常是一个能烘托、能与之产生呼应的颜色,如果主色调是一个冷色调,那么辅助色就偏向为一个暖色调。因为一张色彩丰富的图片必定是具备冷暖两种倾向的色彩,因此,你这时会在主色调的另外相反色温的色调上进行选择。

在这里我选择了红色屋顶的暖橙色,和蓝色的冷感进行了均衡。 长沙12UI设计教程网,长沙网站设计教程,毛玉萌博客

3、高光和阴影

 

这里通常是指主色调在图片上展示出来的高光和阴影部分。这时,已经无需完全依靠图片了。我们的色彩方案里已经备选了三种颜色,而剩下的色彩就在主色调基础上调整变化。

主色调增加白色就变作高光部分,作为第四种颜色。 长沙12UI设计教程网,长沙网站设计教程,毛玉萌博客

高光和阴影色在网页中也作为一种修饰的颜色选择,注意慎用。高光和阴影色可选其中一种作为中立色。因为这种利用黑白变幻出的颜色层次丰富,因此这里的选择会非常多。这就需要你在最终色彩方案中再根据实际情况进行调整。

4、确定色彩方案

 

色彩方案选择好以后,最好确保整体颜色不得超过3种颜色:主色、辅助色、高亮/阴影色。 即使是三种颜色,但是色调都不会偏离整体的蓝色基调。 长沙12UI设计教程网,长沙网站设计教程,毛玉萌博客

本文《【网站设计制作】网页设计时,如何来获取最佳的配色方案呢》来源互联网学习所得,技术支持:920seo

本文《【网站设计制作】网页设计时,如何来获取最佳的配色方案呢》所属栏目:UI设计教程   网站设计

本文《【网站设计制作】网页设计时,如何来获取最佳的配色方案呢》请注明出处,链接:https://12ui.cn/uijc/147.html

发表评论

◎欢迎参与讨论,留言审核通过将公布在留言本。