Android开发怎么让自己的APP UI漂亮、大方(配色篇二)

我们在没有效果图的app开发中有一件事情肯定很头疼:一个按钮的调色改过来改过去,还是很难看,最终只能暂时作罢,浪费了大量的开发时间和精力。
开发规范篇见<a href="http://www.jianshu.com/p/7ac07ad42f3c">Android开发怎么让自己的APP UI漂亮、大方(规范篇一)</a>

一、APP常用搭配参考##

底层背景色,内容背景色 ,两种颜色相近,但能区分
标题背景色 任意花色
标题文字色 通常为黑色或白色黑体
内容文字 通常为黑色或白色宋体
不重要的内容 浅灰色
重要的内容 标题背景色附近的颜色通常比标题色亮,为强调色
彩色颜色组合方式有,互补色,相似色,3角色(红、黄、蓝三种颜色在色相环上组成一个正三角形,被称为三原色组合,这种组合具有强烈的动感)
一个Activity界面的颜色最好控制在3种以内
附加较常用配色:
1、底层背景色 f4f4f4
2、内容背景色 白色
3、引用背景色 dedede
4、标题背景色 如34A2DA
5、标题强调色 如1785C6 比上面小171717左右

二、傻瓜式配色方案(<a href="http://www.jianshu.com/p/85594765d8c0"><u>使用Android studio自带的拾色工具拾取即可</u></a>)##

三、常用配色代码##

<code>
<color name="white">#ffffff</color>
<color name="ivory">#fffff0</color>
<color name="lightyellow">#ffffe0</color>
<color name="yellow">#ffff00</color>
<color name="snow">#fffafa</color>
<color name="floralwhite">#fffaf0</color>
<color name="lemonchiffon">#fffacd</color>
<color name="cornsilk">#fff8dc</color>
<color name="seaShell">#fff5ee</color>
<color name="lavenderblush">#fff0f5</color>
<color name="papayawhip">#ffefd5</color>
<color name="blanchedalmond">#ffebcd</color>
<color name="mistyrose">#ffe4e1</color>
<color name="bisque">#ffe4c4</color>
<color name="moccasin">#ffe4b5</color>
<color name="navajowhite">#ffdead</color>
<color name="peachpuff">#ffdab9</color>
<color name="gold">#ffd700</color>
<color name="pink">#ffc0cb</color>
<color name="lightpink">#ffb6c1</color>
<color name="orange">#ffa500</color>
<color name="lightsalmon">#ffa07a</color>
<color name="darkorange">#ff8c00</color>
<color name="coral">#ff7f50</color>
<color name="hotpink">#ff69b4</color>
<color name="tomato">#ff6347</color>
<color name="orangered">#ff4500</color>
<color name="deeppink">#ff1493</color>
<color name="fuchsia">#ff00ff</color>
<color name="magenta">#ff00ff</color>
<color name="red">#ff0000</color>
<color name="oldlace">#fdf5e6</color>
<color name="lightgoldenrodyellow">#fafad2</color>
<color name="linen">#faf0e6</color>
<color name="antiquewhite">#faebd7</color>
<color name="salmon">#fa8072</color>
<color name="ghostwhite">#f8f8ff</color>
<color name="mintcream">#f5fffa</color>
<color name="whitesmoke">#f5f5f5</color>
<color name="beige">#f5f5dc</color>
<color name="wheat">#f5deb3</color>
<color name="sandybrown">#f4a460</color>
<color name="azure">#f0ffff</color>
<color name="honeydew">#f0fff0</color>
<color name="aliceblue">#f0f8ff</color>
<color name="khaki">#f0e68c</color>
<color name="lightcoral">#f08080</color>
<color name="palegoldenrod">#eee8aa</color>
<color name="violet">#ee82ee</color>
<color name="darksalmon">#e9967a</color>
<color name="lavender">#e6e6fa</color>
<color name="lightcyan">#e0ffff</color>
<color name="burlywood">#deb887</color>
<color name="plum">#dda0dd</color>
<color name="gainsboro">#dcdcdc</color>
<color name="crimson">#dc143c</color>
<color name="palevioletred">#db7093</color>
<color name="goldenrod">#daa520</color>
<color name="orchid">#da70d6</color>
<color name="thistle">#d8bfd8</color>
<color name="lightgray">#d3d3d3</color>
<color name="lightgrey">#d3d3d3</color>
<color name="tan">#d2b48c</color>
<color name="chocolate">#d2691e</color>
<color name="peru">#cd853f</color>
<color name="indianred">#cd5c5c</color>
<color name="mediumvioletred">#c71585</color>
<color name="silver">#c0c0c0</color>
<color name="darkkhaki">#bdb76b</color>
<color name="rosybrown">#bc8f8f</color>
<color name="mediumorchid">#ba55d3</color>
<color name="darkgoldenrod">#b8860b</color>
<color name="firebrick">#b22222</color>
<color name="powderblue">#b0e0e6</color>
<color name="lightsteelblue">#b0c4de</color>
<color name="paleturquoise">#afeeee</color>
<color name="greenyellow">#adff2f</color>
<color name="lightblue">#add8e6</color>
<color name="darkgray">#a9a9a9</color>
<color name="darkgrey">#a9a9a9</color>
<color name="brown">#a52a2a</color>
<color name="sienna">#a0522d</color>
<color name="darkorchid">#9932cc</color>
<color name="palegreen">#98fb98</color>
<color name="darkviolet">#9400d3</color>
<color name="mediumpurple">#9370db</color>
<color name="lightgreen">#90ee90</color>
<color name="darkseagreen">#8fbc8f</color>
<color name="saddlebrown">#8b4513</color>
<color name="darkmagenta">#8b008b</color>
<color name="darkred">#8b0000</color>
<color name="blueviolet">#8a2be2</color>
<color name="lightskyblue">#87cefa</color>
<color name="skyblue">#87ceeb</color>
<color name="grey">#808080</color>
<color name="olive">#808000</color>
<color name="purple">#800080</color>
<color name="maroon">#800000</color>
<color name="aquamarine">#7fffd4</color>
<color name="chartreuse">#7fff00</color>
<color name="lawngreen">#7cfc00</color>
<color name="mediumslateblue">#7b68ee</color>
<color name="lightslategray">#778899</color>
<color name="lightslategrey">#778899</color>
<color name="slategray">#708090</color>
<color name="slategrey">#708090</color>
<color name="olivedrab">#6b8e23</color>
<color name="slateblue">#6a5acd</color>
<color name="dimgrey">#696969</color>
<color name="mediumaquamarine">#66cdaa</color>
<color name="cornflowerblue">#6495ed</color>
<color name="cadetblue">#5f9ea0</color>
<color name="darkolivegreen">#556b2f</color>
<color name="indigo">#4b0082</color>
<color name="mediumturquoise">#48d1cc</color>
<color name="darkslateblue">#483d8b</color>
<color name="steelblue">#4682b4</color>
<color name="royalblue">#4169e1</color>
<color name="turquoise">#40e0d0</color>
<color name="mediumseagreen">#3cb371</color>
<color name="limegreen">#32cd32</color>
<color name="darkslategray">#2f4f4f</color>
<color name="darkslategrey">#2f4f4f</color>
<color name="seagreen">#2e8b57</color>
<color name="forestgreen">#228b22</color>
<color name="lightseagreen">#20b2aa</color>
<color name="dodgerblue">#1e90ff</color>
<color name="midnightblue">#191970</color>
<color name="aqua">#00ffff</color>
<color name="cyan">#00ffff</color>
<color name="springgreen">#00ff7f</color>
<color name="lime">#00ff00</color>
<color name="mediumspringgreen">#00fa9a</color>
<color name="darkturquoise">#00ced1</color>
<color name="deepskyblue">#00bfff</color>
<color name="darkcyan">#008b8b</color>
<color name="teal">#008080</color>
<color name="green">#008000</color>
<color name="darkgreen">#006400</color>
<color name="blue">#0000ff</color>
<color name="mediumblue">#0000cd</color>
<color name="darkblue">#00008b</color>
<color name="navy">#000080</color>
<code>

参考资料:
<a href="http://huaban.com/pins/103303762/" >花瓣网配色</a>
<a href="http://www.xueui.cn/tutorials/mobile-phone-app-interface-color-collocation-case.html" >[手机APP界面颜色搭配案例]</a>

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
  • 序言:七十年代末,一起剥皮案震惊了整个滨河市,随后出现的几起案子,更是在滨河造成了极大的恐慌,老刑警刘岩,带你破解...
    沈念sama阅读 203,547评论 6 477
  • 序言:滨河连续发生了三起死亡事件,死亡现场离奇诡异,居然都是意外死亡,警方通过查阅死者的电脑和手机,发现死者居然都...
    沈念sama阅读 85,399评论 2 381
  • 文/潘晓璐 我一进店门,熙熙楼的掌柜王于贵愁眉苦脸地迎上来,“玉大人,你说我怎么就摊上这事。” “怎么了?”我有些...
    开封第一讲书人阅读 150,428评论 0 337
  • 文/不坏的土叔 我叫张陵,是天一观的道长。 经常有香客问我,道长,这世上最难降的妖魔是什么? 我笑而不...
    开封第一讲书人阅读 54,599评论 1 274
  • 正文 为了忘掉前任,我火速办了婚礼,结果婚礼上,老公的妹妹穿的比我还像新娘。我一直安慰自己,他们只是感情好,可当我...
    茶点故事阅读 63,612评论 5 365
  • 文/花漫 我一把揭开白布。 她就那样静静地躺着,像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上,一...
    开封第一讲书人阅读 48,577评论 1 281
  • 那天,我揣着相机与录音,去河边找鬼。 笑死,一个胖子当着我的面吹牛,可吹牛的内容都是我干的。 我是一名探鬼主播,决...
    沈念sama阅读 37,941评论 3 395
  • 文/苍兰香墨 我猛地睁开眼,长吁一口气:“原来是场噩梦啊……” “哼!你这毒妇竟也来了?” 一声冷哼从身侧响起,我...
    开封第一讲书人阅读 36,603评论 0 258
  • 序言:老挝万荣一对情侣失踪,失踪者是张志新(化名)和其女友刘颖,没想到半个月后,有当地人在树林里发现了一具尸体,经...
    沈念sama阅读 40,852评论 1 297
  • 正文 独居荒郊野岭守林人离奇死亡,尸身上长有42处带血的脓包…… 初始之章·张勋 以下内容为张勋视角 年9月15日...
    茶点故事阅读 35,605评论 2 321
  • 正文 我和宋清朗相恋三年,在试婚纱的时候发现自己被绿了。 大学时的朋友给我发了我未婚夫和他白月光在一起吃饭的照片。...
    茶点故事阅读 37,693评论 1 329
  • 序言:一个原本活蹦乱跳的男人离奇死亡,死状恐怖,灵堂内的尸体忽然破棺而出,到底是诈尸还是另有隐情,我是刑警宁泽,带...
    沈念sama阅读 33,375评论 4 318
  • 正文 年R本政府宣布,位于F岛的核电站,受9级特大地震影响,放射性物质发生泄漏。R本人自食恶果不足惜,却给世界环境...
    茶点故事阅读 38,955评论 3 307
  • 文/蒙蒙 一、第九天 我趴在偏房一处隐蔽的房顶上张望。 院中可真热闹,春花似锦、人声如沸。这庄子的主人今日做“春日...
    开封第一讲书人阅读 29,936评论 0 19
  • 文/苍兰香墨 我抬头看了看天上的太阳。三九已至,却和暖如春,着一层夹袄步出监牢的瞬间,已是汗流浃背。 一阵脚步声响...
    开封第一讲书人阅读 31,172评论 1 259
  • 我被黑心中介骗来泰国打工, 没想到刚下飞机就差点儿被人妖公主榨干…… 1. 我叫王不留,地道东北人。 一个月前我还...
    沈念sama阅读 43,970评论 2 349
  • 正文 我出身青楼,却偏偏与公主长得像,于是被迫代替她去往敌国和亲。 传闻我的和亲对象是个残疾皇子,可洞房花烛夜当晚...
    茶点故事阅读 42,414评论 2 342

推荐阅读更多精彩内容