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

写在前面

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

1.为什么是扁平化设计

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

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

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


image.png
image.png
image.png

2.颜色选择

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

1)首先是最容易搜到的一张图,这张图来自flatuicolors.com
配色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

支持中文~


htmlcolorcodes.com

这个是链接:htmlcolorcodes.com

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

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


Sip

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


Sip

点那个按钮,然后在屏幕上一点,色号就保存在剪切板里了,还支持多种颜色格式
Sip

3.使用符合Material Design的控件

比如ToolBar,BottomNaigationBar等等


留着以后看

以上

©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

相关阅读更多精彩内容

友情链接更多精彩内容