Android Development How to make your app UI nice and generous (color Book II)

Source: Internet
Author: User

We have a headache in the absence of app development: a button to change the color of the past, or it is very difficult to see, eventually only temporarily abandoned, wasting a lot of development time and energy.
Development specification Chapter see Android Development How to make their app UI beautiful, generous (specification article one)

First, the app commonly used with reference

Bottom background color, content background color, two colors similar, but can distinguish
Title Background color any suit
Title text color is usually black or white blackbody
Content text is usually black or white Arial
Unimportant content light Grey
Important content title The color around the background color is usually brighter than the title color, as the accent color
Color combination of color, complementary color, similar color, 3 characters (red, yellow, blue three colors on the Hue ring to form a positive triangle, known as the combination of three primary colors, this combination has a strong dynamic)
The color of an activity interface is best controlled within 3 types

Second, the Fool-style color scheme (pick up using the color picker tool that comes with Android studio) Three, the common color code

<!--common Colors--
<color name= "White" > #ffffff </color><!--
<color name= "Ivory" > #fffff0 </color><!--Ivory--
<color name= "Lightyellow" > #ffffe0 </color><!--bright yellow--
<color name= "Yellow" > #ffff00 </color><!--Yellow-to-
<color name= "Snow" > #fffafa </color>< Snow White!--
<color name= "Floralwhite" > #fffaf0 </color><!--Flower White---
<color name= "LemonChiffon" > #fffacd </color><!--Lemon Silk--
<color name= "Cornsilk" > #fff8dc </color><!--M-Satin
<color name= "SeaShell" > #fff5ee </color><!--Sea-bass--
<color name= "Lavenderblush" > #fff0f5 </color><!--Mauve--
<color name= "Papayawhip" > #ffefd5 </color><!--Parquet--
<color name= "Blanchedalmond" > #ffebcd </color><!--white Apricot--
<color name= "Mistyrose" > #ffe4e1 </color><!--light Rose--
<color name= "Bisque" > #ffe4c4 </color><!--Orange-to-
<color name= "Moccasin" > #ffe4b5 </color><!--deerskin-color
<color name= "Navajowhite" > #ffdead </color><!--Nawa--
<color name= "Peachpuff" > #ffdab9 </color><!--Peachy--
<color name= "Gold" > #ffd700 </color><!--Gold--
<color name= "Pink" > #ffc0cb </color><!--Pink--
<color name= "Lightpink" > #ffb6c1 </color><!--Bright pink--
<color name= "Orange" > #ffa500 </color><!--Orange--
<color name= "Lightsalmon" > #ffa07a </color><!--Bright Beige--
<color name= "Darkorange" > #ff8c00 </color><!--Dark orange-to-
<color name= "Coral" > #ff7f50 </color><!--Coral--
<color name= "Hotpink" > #ff69b4 </color><!--Hot Pink--
<color name= "Tomato" > #ff6347 </color><!--tomato-color
<color name= "orangered" > #ff4500 </color><!--Red-orange--
<color name= "Deeppink" > #ff1493 </color><!--Dark Pink--
<color name= "fuchsia" > #ff00ff </color><!--Fuchsia--
<color name= "Magenta" > #ff00ff </color><!--Red-purple---
<color name= "Red" > #ff0000 </color><!--Red---
<color name= "Oldlace" > #fdf5e6 </color><!--old suit--
<color name= "Lightgoldenrodyellow" > #fafad2 </color><!--Bright golden yellow--
<color name= "linen" > #faf0e6 </color><!--Linen--
<color name= "Antiquewhite" > #faebd7 </color><!--Antique White-to-
<color name= "Salmon" > #fa8072 </color><!--Fresh Meat--
<color name= "Ghostwhite" > #f8f8ff </color><!--Ghost White-to-
<color name= "Mintcream" > #f5fffa </color><!--Mint-
<color name= "WhiteSmoke" > #f5f5f5 </color><!--Smoke-white
<color name= "Beige" > #f5f5dc </color><!--Beige-to-
<color name= "Wheat" > #f5deb3 </color><!--light Yellow--
<color name= "Sandybrown" > #f4a460 </color><!--Sand-brown--
<color name= "Azure" > #f0ffff </color><!--sky-Blue
<color name= "Honeydew" > #f0fff0 </color><!--Honey--
<color name= "AliceBlue" > #f0f8ff </color><!--Allisland--
<color name= "Khaki" > #f0e68c </color><!--Khaki--
<color name= "Lightcoral" > #f08080 </color><!--Bright Coral--
<color name= "Palegoldenrod" > #eee8aa </color><!--pale Kylin-color
<color name= "Violet" > #ee82ee </color><!--Violet--
<color name= "DarkSalmon" > #e9967a </color><!--Dark Beige--
<color name= "Lavender" > #e6e6fa </color><!--Lavender---
<color name= "Lightcyan" > #e0ffff </color><!--Bright Cyan--
<color name= "Burlywood" > #deb887 </color><!--solid Wood--
<color name= "Plum" > #dda0dd </color><!--Plum-color
<color name= "Gainsboro" > #dcdcdc </color><!--Light grey---
<color name= "Crimson" > #dc143c </color><!--Dark Crimson---
<color name= "palevioletred" > #db7093 </color><!--Violet--
<color name= "Goldenrod" > #daa520 </color><!--Gold Kylin--
<color name= "Orchid" > #da70d6 </color><!--Lavender---
<color name= "Thistle" > #d8bfd8 </color><!--Thistle-
<color name= "Lightgray" > #d3d3d3 </color><!--Bright Grey--
<color name= "Lightgrey" > #d3d3d3 </color><!--Bright Grey--
<color name= "Tan" > #d2b48c </color><!--Tan-to-
<color name= "Chocolate" > #d2691e </color><!--Smart-to-
<color name= "Peru" > #cd853f </color><!--Peruvian-to-
<color name= "indianred" > #cd5c5c </color><!--Indian Red----
<color name= "mediumvioletred" > #c71585 </color><!--Violet--
<color name= "Silver" > #c0c0c0 </color><!--silver-to-
<color name= "Darkkhaki" > #bdb76b </color><!--dark brown--
<color name= "Rosybrown" > #bc8f8f </color><!--Brown rose-to-
<color name= "Mediumorchid" > #ba55d3 </color><!--Powder Purple---
<color name= "Darkgoldenrod" > #b8860b </color><!--Dark Gold--
<color name= "Firebrick" > #b22222 </color><!--brick-color
<color name= "Powderblue" > #b0e0e6 </color><!--powder Blue--
<color name= "Lightsteelblue" > #b0c4de </color><!--Bright Steel Blue--
<color name= "Paleturquoise" > #afeeee </color><!--Sapphire Green--and
<color name= "Greenyellow" > #adff2f </color><!--Yellow-green--
<color name= "LightBlue" > #add8e6 </color><!--Bright Blue--
<color name= "Darkgray" > #a9a9a9 </color><!--Dark grey---
<color name= "Darkgrey" > #a9a9a9 </color><!--Dark grey---
<color name= "Brown" > #a52a2a </color><!--Brown--
<color name= "Sienna" > #a0522d </color><!--Ochre-
<color name= "DarkOrchid" > #9932cc </color><!--Dark Purple---
<color name= "Palegreen" > #98fb98 </color><!--Pale green---
<color name= "Darkviolet" > #9400d3 </color><!--Dark Violet--
<color name= "Mediumpurple" > #9370db </color><!--Violet---
<color name= "LightGreen" > #90ee90 </color><!--bright green--
<color name= "Darkseagreen" > #8fbc8f </color><!--Dark Highland--
<color name= "SaddleBrown" > #8b4513 </color><!--heavy Brown--
<color name= "Darkmagenta" > #8b008b </color><!--Dark Magenta---
<color name= "darkred" > #8b0000 </color><!--dark red--
<color name= "Blueviolet" > #8a2be2 </color><!--Violet Blue---
<color name= "Lightskyblue" > #87cefa </color><!--Bright sky blue--
<color name= "Skyblue" > #87ceeb </color><!--sky-Blue
<color name= "Grey" > #808080 </color><!--Grey--
<color name= "Olive" > #808000 </color><!--Olive--
<color name= "Purple" > #800080 </color><!--Purple---
<color name= "maroon" > #800000 </color><!---Colour
<color name= "Aquamarine" > #7fffd4 </color><!--Green-to-
<color name= "Chartreuse" > #7fff00 </color><!--Yellow-green--
<color name= "Lawngreen" > #7cfc00 </color><!--Green Grass---
<color name= "Mediumslateblue" > #7b68ee </color><!--dark blue---
<color name= "Lightslategray" > #778899 </color><!--Bright Blue grey---
<color name= "Lightslategrey" > #778899 </color><!--Bright Blue grey---
<color name= "Slategray" > #708090 </color><!--Gray-to-stone
<color name= "Slategrey" > #708090 </color><!--Gray-to-stone
<color name= "Olivedrab" > #6b8e23 </color><!--dark brown--
<color name= "Slateblue" > #6a5acd </color><!--Stone Blue---
<color name= "Dimgrey" > #696969 </color><!--Dark grey---
<color name= "Mediumaquamarine" > #66cdaa </color><!--Green---
<color name= "Cornflowerblue" > #6495ed </color><!--Chamomile--
<color name= "Cadetblue" > #5f9ea0 </color><!--Army Blue-
<color name= "Darkolivegreen" > #556b2f </color><!--Dark olive green--
<color name= "Indigo" > #4b0082 </color><!--Indigo--
<color name= "Mediumturquoise" > #48d1cc </color>< Emerald!--
<color name= "Darkslateblue" > #483d8b </color><!--Dark gray blue----
<color name= "Steelblue" > #4682b4 </color><!--Steel Blue--
<color name= "Royalblue" > #4169e1 </color><!--Royal blue---
<color name= "Turquoise" > #40e0d0 </color><!--Green-green--
<color name= "Mediumseagreen" > #3cb371 </color><!--Aquamarine---
<color name= "Limegreen" > #32cd32 </color><!--Orange Green--
<color name= "Darkslategray" > #2f4f4f </color><!--Dark Tile Grey---
<color name= "Darkslategrey" > #2f4f4f </color><!--Dark Tile Grey---
<color name= "Seagreen" > #2e8b57 </color><!--Sea-Green
<color name= "Forestgreen" > #228b22 </color><!--Forest Green--and
<color name= "Lightseagreen" > #20b2aa </color><!--Bright Sea blue---
<color name= "DodgerBlue" > #1e90ff </color><!--flashing Blue-
<color name= "Midnightblue" > #191970 </color><!--Grey-Blue
<color name= "Aqua" > #00ffff </color><!--Light green---
<color name= "Cyan" > #00ffff </color><!--Cyan--
<color name= "Springgreen" > #00ff7f </color><!--Spring Green---
<color name= "Lime" > #00ff00 </color><!--acid Orange--
<color name= "Mediumspringgreen" > #00fa9a </color><!--Spring Green---
<color name= "Darkturquoise" > #00ced1 </color><!--Dark Gem green---
<color name= "Deepskyblue" > #00bfff </color><!--deep sky blue--
<color name= "Darkcyan" > #008b8b </color><!--Dark Cyan--
<color name= "Teal" > #008080 </color><!--water Duck-color
<color name= "Green" > #008000 </color><!--Green--
<color name= "Darkgreen" > #006400 </color><!--dark green--
<color name= "Blue" > #0000ff </color><!--Blue--
<color name= "MediumBlue" > #0000cd </color><!--Medium Blue--
<color name= "Darkblue" > #00008b </color><!--dark blue--
<color name= "Navy" > #000080 </color><!--Navy--

Resources:
Petal net Color Matching

Android Development How to make your app UI nice and generous (color Book II)

Related Article

Contact Us

The content source of this page is from Internet, which doesn't represent Alibaba Cloud's opinion; products and services mentioned on that page don't have any relationship with Alibaba Cloud. If the content of the page makes you feel confusing, please write us an email, we will handle the problem within 5 days after receiving your email.

If you find any instances of plagiarism from the community, please send an email to: info-contact@alibabacloud.com and provide relevant evidence. A staff member will contact you within 5 working days.

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.