写在前面
前端真的全是小细节啊,为了找到好看的颜色搭配找了好久。下面分享一下我觉得几种好看的颜色搭配。
1.为什么是扁平化设计
扁平化概念的核心意义是:去除冗余、厚重和繁杂的装饰效果。而具体表现在去掉了多余的透视、纹理、渐变以及能做出3D效果的元素,这样可以让“信息”本身重新作为核心被凸显出来。同时在设计元素上,则强调了抽象、极简和符号化。
对于Android来说,Google推出的Material Design确实好看,终于有了媲美苹果的设计感。
下面是一些扁平化设计的案例,颜色鲜艳但是不刺眼,整体页面十分简洁,看着就舒服。
2.颜色选择
扁平化设计的颜色究竟该怎么搭配。下面给出我觉得很好用的配色网站
1)首先是最容易搜到的一张图,这张图来自flatuicolors.com
下面给出色号,按照上图的顺序
#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
3)然后是一个超级好用工具 Sip
这是一款mac上的颜色工具,好用到哭。
如果看到喜欢的颜色,想知道色号怎么办!快用Sip!!
点那个按钮,然后在屏幕上一点,色号就保存在剪切板里了,还支持多种颜色格式
3.使用符合Material Design的控件
比如ToolBar,BottomNaigationBar等等
留着以后看