多语言展示
当前在线:261今日阅读:113今日分享:31

三个实用方法搞定网页配色设计

最值得收藏的色彩设计方法!色彩搭配是一门花样繁多的学问,但任天下奇招再多,独孤九剑总有破法,今天阿里的同学这篇色彩设计方法,仅有简单3大类,但囊括了众多顶尖的配色技巧,不可多得的集大成篇,别错过咯。
方法/步骤
1

为什么要整理设计色彩方法?在色彩设计应用中,我们对颜色不同程度的理解,影响到设计页面的表现,熟练地运用色彩搭配,设计时岂不事半功倍。一张优秀的设计作品,它的色彩搭配必定和谐得体,令人赏心 悦目,反思我们在设计过程中,怎样的色彩搭配更容易达到设计目的,又是什么影响了我们的配色思维呢?以下几点常会影响色彩搭配思维:仅关注色彩表象搭配方法不够系统色彩与构成掌握不到位

3

整体蓝色设计带来统一印象,颜色的深浅分别承载不同类型的内 容信息,比如信息内容模块,白色底代表用户内容,浅蓝色底代表回复内容,更深一点的蓝色底代表可回复操作,颜色主导着信息层次,也保持了twitter的品牌形象。观点:颜色差分割页面层次和模块,并代表不同功能任务属性。邻近色 配色近邻色配色方法比较常见,搭配比同色系稍微丰富,色相柔和过渡看起来也很和谐。

4

类似色配色类似色配色也是常用的配色方法,对比不强给人色感平静、调和的感觉。

注意事项

基于品牌色的类似色运用,有主次地用到页面各类控件和主体内容中

推荐信息