Android扁平化设计——颜色搭配

写在前面

前端真的全是小细节啊,为了找到好看的颜色搭配找了好久。下面分享一下我觉得几种好看的颜色搭配。

1.为什么是扁平化设计

扁平化概念的核心意义是:去除冗余、厚重和繁杂的装饰效果。而具体表现在去掉了多余的透视、纹理、渐变以及能做出3D效果的元素,这样可以让“信息”本身重新作为核心被凸显出来。同时在设计元素上,则强调了抽象、极简和符号化。

对于Android来说,Google推出的Material Design确实好看,终于有了媲美苹果的设计感。

下面是一些扁平化设计的案例,颜色鲜艳但是不刺眼,整体页面十分简洁,看着就舒服。


Android扁平化设计——颜色搭配_第1张图片
image.png
Android扁平化设计——颜色搭配_第2张图片
image.png
Android扁平化设计——颜色搭配_第3张图片
image.png

2.颜色选择

扁平化设计的颜色究竟该怎么搭配。下面给出我觉得很好用的配色网站

1)首先是最容易搜到的一张图,这张图来自flatuicolors.com
Android扁平化设计——颜色搭配_第4张图片
配色1.png

下面给出色号,按照上图的顺序

#00BE9E #00D896 #0097D5 #A555B0 #2B475B
#00B5A0 #00B06A #007EB3 #993EA8 #243B4D
#F9C74B #F5823E #FA4C48 #ECF0F1 #92A6A6
#FF9F40 #E25527 #D13834 #BFC4C8 #7C8D8E 

这个是链接:flatuicolors.com 获取更多配色

2)然后是另一个网站,htmlcolorcodes.com

支持中文~


Android扁平化设计——颜色搭配_第5张图片
htmlcolorcodes.com

这个是链接:htmlcolorcodes.com

3)然后是一个超级好用工具 Sip

这是一款mac上的颜色工具,好用到哭。


Android扁平化设计——颜色搭配_第6张图片
Sip

如果看到喜欢的颜色,想知道色号怎么办!快用Sip!!


Android扁平化设计——颜色搭配_第7张图片
Sip

点那个按钮,然后在屏幕上一点,色号就保存在剪切板里了,还支持多种颜色格式
Android扁平化设计——颜色搭配_第8张图片
Sip

3.使用符合Material Design的控件

比如ToolBar,BottomNaigationBar等等


留着以后看

以上

你可能感兴趣的:(Android扁平化设计——颜色搭配)