[App] Material Design Palettes - Android Design Resources

{
"lightbox_close": "Close",
"lightbox_next": "Next",
"lightbox_previous": "Previous",
"lightbox_error": "The requested content cannot be loaded. Please try again later.",
"lightbox_start_slideshow": "Start slideshow",
"lightbox_stop_slideshow": "Stop slideshow",
"lightbox_full_screen": "Full screen",
"lightbox_thumbnails": "Thumbnails",
"lightbox_download": "Download",
"lightbox_share": "Share",
"lightbox_zoom": "Zoom",
"lightbox_new_window": "New window",
"lightbox_toggle_sidebar": "Toggle sidebar"
}
Material Design Palettes​Picking out the right color palette for your design can be a bit tricky. I normally just buy a bunch of colorful parrots from my local pet store so I can bring them home and run them through a blender. Then I just arrange the feathers and see what looks nice.
There are easier ways of doing this, it turns out. While there are many great websites that you can visit to create color pallets, sometimes it's more convenient to use an app on your Android phone. That's where the "Material Design Palettes" app comes in. You can generate different color palettes and preview how they would look in a design.'
Features:
- Android UI conventions: Color palettes, file format, structure & guidelines.
- Save your design. Create your own gallery and compare.
- Selectors for the intensity of the color. Including colorPrimary, colorPrimaryDark, colorPrimaryLight and colorAccent.
- Selector for Light, Dark and Light with Dark ActionBar. The rest of the colors should fall into place accordingly.
Click to expand...
Click to collapse
You can save your designs and revisit them later. Keep creating new designs and then compare them side by side to see which one you like the best.
- 100% of the Material Design Palettes are available and categorized by Google codes.
- Individual and Consolidated Material Design Palettes.
- Export: colors.xml, themes.xml, styles.xml, toolbar.xml and a small demo Activity/layout.
- Multilanguage: English, Spanish, Italian, Portuguese and Russian.
Click to expand...
Click to collapse
Select colors from a palette within the app. You can easily browse through the different hues until you find the one you want.
​
Download Material Design Palettes​

Can i use this app on my xperia z c6603/5.1.1.?

Xzborneo87 said:
Can i use this app on my xperia z c6603/5.1.1.?
Click to expand...
Click to collapse
Yes, it should work just fine. Let me know if it doesn't show up in the Play store for you and I can get you the APK.

Xzborneo87 said:
Can i use this app on my xperia z c6603/5.1.1.?
Click to expand...
Click to collapse
Sent from my M370i using XDA Free mobile app

DrGreenway said:
Material Design Palettes​Picking out the right color palette for your design can be a bit tricky. I normally just buy a bunch of colorful parrots from my local pet store so I can bring them home and run them through a blender. Then I just arrange the feathers and see what looks nice.
There are easier ways of doing this, it turns out. While there are many great websites that you can visit to create color pallets, sometimes it's more convenient to use an app on your Android phone. That's where the "Material Design Palettes" app comes in. You can generate different color palettes and preview how they would look in a design.'
​
You can save your designs and revisit them later. Keep creating new designs and then compare them side by side to see which one you like the best.
​Select colors from a palette within the app. You can easily browse through the different hues until you find the one you want.
View attachment 3625227View attachment 3625228View attachment 3625229View attachment 3625230View attachment 3625244View attachment 3625245View attachment 3625246View attachment 3625247​
Download Material Design Palettes​
Click to expand...
Click to collapse
initially my app was quite messy, but once i know this material design its somehow standardize my application and looks professional yet simple....

Related

My Android App Portfolio (POWERPOINT45)

Decided to put together a quick portfolio for my top apps. I'd appreciate feedback. Thanks!
Lucid Launcher
{
"lightbox_close": "Close",
"lightbox_next": "Next",
"lightbox_previous": "Previous",
"lightbox_error": "The requested content cannot be loaded. Please try again later.",
"lightbox_start_slideshow": "Start slideshow",
"lightbox_stop_slideshow": "Stop slideshow",
"lightbox_full_screen": "Full screen",
"lightbox_thumbnails": "Thumbnails",
"lightbox_download": "Download",
"lightbox_share": "Share",
"lightbox_zoom": "Zoom",
"lightbox_new_window": "New window",
"lightbox_toggle_sidebar": "Toggle sidebar"
}
Full of features, this launcher allows you to do what you really want to make it your own while maintaining a great look and speed flow throughout the launcher. To get more options, get Lucid Launcher Pro!
Download:
free
pro
Click to expand...
Click to collapse
Lucid Browser
Lucid Browser is a free and open source browser designed to be small, light, fast, and simple. The app itself is as small as 1 MB!
Download:
free
Click to expand...
Click to collapse
Lucid Colors
Lucid Colors is unlike most drawing apps as it focuses on providing an environment for creative drawings and invoking imagination for unique pieces of art. It includes creative features such as mirror modes and many other effects. One very unique effect that sets this app apart from any other is it's ability to use audio input such as the microphone or playing music, to manipulate effects. Although it's main focus is not on general drawing, it still contains many features you'd find in a normal drawing app. For example it provides quick image editing from external images and layers.
Download:
free
Click to expand...
Click to collapse
Maze Obstical Game
The objective of the game is to move through a level to the green bricks without getting hit by the red projectiles
Download:
free (From Thread)
free (Play Store)
Click to expand...
Click to collapse
Hit The dot
Hit the Dot is a fast-paced game where you tap each dot on the screen to make it disappear. Do it as fast as possible to get great scores!
Game modes:
Time Attack - Hit 20 dots in the fastest time!
Speed Tapping - Hit as many dots as you can in 10 seconds!
All Dots - Hit all the dots on the screen!
Survival - Dots slowly appear faster and faster. Don't let 5 on the screen at once!
Dot Attack - Play with friends! Tap a dot to give it to the opponent. Have the fewest dots on your side after 10 seconds to win!
Download:
free
Click to expand...
Click to collapse
Enjoy! More apps to come!
Updated maze action game! http://forum.xda-developers.com/showthread.php?t=2315054
World religion app isn't sized correctly for the s4. Just a fyi
Updated thread with my newest apps!
Sent from my Amazon Otter2 using Tapatalk
Edit:
Nvm
UPDATE
Updated portfolio. Added "Hit The dot" game. Enjoy!
Realized this thread was very out of date so I went ahead and updated with my latest

What are your favorite CM12 Themes?

Thought it would be cool if we shared our favorite CM12 Themes, please post links to Google Play (if applicable) or the XDA Thread. And of course screen shots!
Here's my top 3:
1) Flux: https://play.google.com/store/apps/details?id=com.flux.theme.flux
2) Mianogen: https://play.google.com/store/apps/details?id=com.tung91.mianogen
3) Saturn: https://play.google.com/store/apps/details?id=com.siddheshpatil.blackhand.saturncm12
Flux is gorgeous but there are small bugs because of the dark backgrounds (ex: calculator). Mianogen has been one of my favorite themes for over a year now, very minimalistic but the slight changes made to Material Design are very nice. Saturn is a new one I've been using, relatively basic blue but I enjoy it.
Screen shot info: Saturn CM12 Theme, OVO Icon Pack, Nova Launcher Prime (materinova)
{
"lightbox_close": "Close",
"lightbox_next": "Next",
"lightbox_previous": "Previous",
"lightbox_error": "The requested content cannot be loaded. Please try again later.",
"lightbox_start_slideshow": "Start slideshow",
"lightbox_stop_slideshow": "Stop slideshow",
"lightbox_full_screen": "Full screen",
"lightbox_thumbnails": "Thumbnails",
"lightbox_download": "Download",
"lightbox_share": "Share",
"lightbox_zoom": "Zoom",
"lightbox_new_window": "New window",
"lightbox_toggle_sidebar": "Toggle sidebar"
}
Forto-
https://play.google.com/store/apps/details?id=com.avn.forto
Also use Neon Colors theme and PopUI. For some reason it won't let me copy-paste the links. I also find Deep Darkness and DifferentCM12 to be very good themes.
whoppe862005 said:
Forto-
https://play.google.com/store/apps/details?id=com.avn.forto
Also use Neon Colors theme and PopUI. For some reason it won't let me copy-paste the links. I also find Deep Darkness and DifferentCM12 to be very good themes.
Click to expand...
Click to collapse
I use Clipper from the Play Store, works really well for a lot of different tasks, particularly for me because I do a lot of document editing and xml work on my phone I tend to copy/paste a lot. Check it out If you want
https://play.google.com/store/apps/details?id=org.rojekti.clipper
Blu.X by @cerj
https://play.google.com/store/apps/details?id=com.cerj.theme.blu.x
Update coming soon which will split it into free and paid themes. Will def be worth the $$$
https://play.google.com/store/apps/details?id=com.infamous.cm.theme5 I use infamous theme.. I like the dark look and it also themes the play store and Google now and it's FREE! Lol
I just found this today and peed my pants:
Cobalt Lollipop
https://play.google.com/store/apps/details?id=com.dustinb.cobalt.lollipop
LeftyGR said:
I just found this today and peed my pants:
Cobalt Lollipop
https://play.google.com/store/apps/details?id=com.dustinb.cobalt.lollipop
Click to expand...
Click to collapse
This theme is the only reason I am interested in loading the CM12 ROM. Being a 1st time ROM user, though, I'm very hesitant to go beyond simply rooting my phone and using G3Tweaksbox.
Beautiful theme...the same developer has similar ones for CM11, too, and they're equally sweet.
Query
fergie716 said:
Thought it would be cool if we shared our favorite CM12 Themes, please post links to Google Play (if applicable) or the XDA Thread. And of course screen shots!
Here's my top 3:
1) Flux: https://play.google.com/store/apps/details?id=com.flux.theme.flux
2) Mianogen: https://play.google.com/store/apps/details?id=com.tung91.mianogen
3) Saturn: https://play.google.com/store/apps/details?id=com.siddheshpatil.blackhand.saturncm12
Flux is gorgeous but there are small bugs because of the dark backgrounds (ex: calculator). Mianogen has been one of my favorite themes for over a year now, very minimalistic but the slight changes made to Material Design are very nice. Saturn is a new one I've been using, relatively basic blue but I enjoy it.
Screen shot info: Saturn CM12 Theme, OVO Icon Pack, Nova Launcher Prime (materinova)
Click to expand...
Click to collapse
How do you take so high quality screenshots like in the post?

Google Design Resorces

Google Design Resources
{
"lightbox_close": "Close",
"lightbox_next": "Next",
"lightbox_previous": "Previous",
"lightbox_error": "The requested content cannot be loaded. Please try again later.",
"lightbox_start_slideshow": "Start slideshow",
"lightbox_stop_slideshow": "Stop slideshow",
"lightbox_full_screen": "Full screen",
"lightbox_thumbnails": "Thumbnails",
"lightbox_download": "Download",
"lightbox_share": "Share",
"lightbox_zoom": "Zoom",
"lightbox_new_window": "New window",
"lightbox_toggle_sidebar": "Toggle sidebar"
}
Howdy, chumps. Before you get going on designing an Android app, it's important to know what kind of resources are available. Many people head straight to AI and just start designing from the ground up without knowing about all the amazing recourses available from Google. These recourses are going to focus only on the Graphical UI aspect of the app. So if you came here looking for technical stuff, I'm calling the cops.
While these are supposed to help you get started on your app design, they're also just a great source of free graphics, fonts and templates that can be used for anything.
I'm not saying you'll be a millionaire overnight but it can happen a lot sooner than you think.
-Tai Lopez
Click to expand...
Click to collapse
Material Design Guidelines
So if you're wanting to embrace the material design standard to make your app look beautiful, this is where you start. The guideline will reference everything that you need to know to make your app look just as good as one from Google.
Icon Library
The icons library contains every icon that you would find within the stock Android system UI. They're great looking icons that you can use for anything. Download the .zip file that contains all of the icons because that's going to come in very handy as you begin to design your app.
Device Metrics
If you ever need to reference the exact size and resolution of a specific android device, this is where you will go. This section is always be updated with the newest devices and their deimensions.
Roboto & Noto fonts
Roboto is the default font for material design. If you want everything to look great without taking time to search through thousands of fonts, just use Roboto as your default. It will also tell you when to use white or black colored fonts.
Sticker sheets & icons
Here you'll find "stickers" which are basically premade graphical interfaces pieces. Everything from volume sliders to shadow effects can be downloed for free. This will help you put together a mockup of what you want your app to look like. Everything will be compatible with Adobe Illustrator which is most likely what you'll be working with most of the time.
Color Palette
Bookmar this page because you'll be coming back here a lot. This is the material design color palette. Pretty much any assortment of colors from this page will look good together.
There is so much more in Google's design resource site that it's basically a wonderland full of goodies. But if you're just starting out, use these sections to get going. You can also check out all the other great stuff that have at design.google.com/resources

Common Android Design Mistakes

Common Android Design Mistakes
You might just be getting started with your wireframe or you could be putting the finishing touches on your design and something just doesn't look right. It's not looking how you imagined it in your head. You had this colorful and elegant UI in mind but then after putting everything together it looks like dumpster garbage. If this sounds familiar then you could be making one of these common design mistakes. Let's have a look.
Color Scheme
Take a look at these two images. The one on the left looks perfect while the one on the right makes me want to stick my face in a blender. But why do they look so different when the colors used are so similar? Well those who understand color theory are rolling their eyes right now thinking "That's easy." but not all of us are good at this sort of thing. That's ok, you don't have to be.
{
"lightbox_close": "Close",
"lightbox_next": "Next",
"lightbox_previous": "Previous",
"lightbox_error": "The requested content cannot be loaded. Please try again later.",
"lightbox_start_slideshow": "Start slideshow",
"lightbox_stop_slideshow": "Stop slideshow",
"lightbox_full_screen": "Full screen",
"lightbox_thumbnails": "Thumbnails",
"lightbox_download": "Download",
"lightbox_share": "Share",
"lightbox_zoom": "Zoom",
"lightbox_new_window": "New window",
"lightbox_toggle_sidebar": "Toggle sidebar"
}
The reason the one on the left looks so much better than the one on the right is because it is using the color guidelines given to us by Google. The Material design color palette is made so that any of the colors from their selection will look good together.
This problem has an easy fix. Checkout the material design color palette here. You can download the color swatch and use it in AI or PS. Use only colors selected from the one on the palette.
Check out this video which explains why these colors work so well when designing for Android.
Typography
Once again we see the sample on the left looks beautiful and the sample on the right makes me want to get a divorce... and I love my wife a lot! The one on the left is using the Roboto typeface that is modified specifically for Android. The right image is using Times New Roman which is designed for print and not digital interfaces.
You don't have to use Roboto but if you're having a hard time making everything look right, then it's a good place to start. Download the Roboto font here.
The other part that people tend to get wrong is the positioning, saturation and size of their font. Believe it or not these things matter a lot! Luckily for us, just like with color theory, we don't need to be experts. It's all explained step by step on the Google design website.
Google Design Typography
I would read through that article and then give this video a quick watch.
Icons
The other thing that might be making your design look like a bad scrapbook project is the icons. Your first instinct might be to look up an icon set, find one that looks pretty, implement it into your design and there ya have it! All done! Nope.
You see, half the time the user doesn't care that your icon is 3D and sparkles when you press it. Icons should blend in with your UI, not stick out like a sore thumb. Take a look at this image.
Some people would choose the icon on the right because they think it's more interesting. Then the app their putting together will look stupid and nobody will download it. Not even their mom.
Take a look at this free icon set from Google.
You don't have to use this one but it's a great design, it's free, it has every icon you would need and... actually I changed my mind. You do have to use this one. At least until your app is nice and polished. Then you can go back and tweak some things to add some personality.
Google System Icons
These are some of the easiest design aspects to get wrong. Follow the guides that have been linked here and stick to them. You'll have all your problems sorted out in no time.

Post your favorite ZTE Locker Wallpapers here!!!

I am opening this thread to allow everyone to have access to the best ZTE Locker daily collection wallpapers. This is particularly important if like me you forgot to save a favorite wallpaper - they together removed the following day.
To save a wallpaper you just tap on the heart symbol and then move it to the MFVKeyguard folder by saving it as a favorite.
I have attached some of my favorites.
View attachment Wallpapers.zip
One picture I missed is a picture of the palace from the wallpaper below but from a different perspective. I would appreciate if you could post it!
{
"lightbox_close": "Close",
"lightbox_next": "Next",
"lightbox_previous": "Previous",
"lightbox_error": "The requested content cannot be loaded. Please try again later.",
"lightbox_start_slideshow": "Start slideshow",
"lightbox_stop_slideshow": "Stop slideshow",
"lightbox_full_screen": "Full screen",
"lightbox_thumbnails": "Thumbnails",
"lightbox_download": "Download",
"lightbox_share": "Share",
"lightbox_zoom": "Zoom",
"lightbox_new_window": "New window",
"lightbox_toggle_sidebar": "Toggle sidebar"
}
Love this one
A few that I saved
tolymatev said:
Love this one
Click to expand...
Click to collapse
Good one, thanks!
yonoshiro said:
A few that I saved
Click to expand...
Click to collapse
I like Nr 2 and Nr 5
yonoshiro said:
A few that I saved
Click to expand...
Click to collapse
Very nice selection! :good:
Hey, I'm sorry if this might be a bit off-topic but since this thread is about ZTE Locker it's probably the best opportunity I'll have to bring this up. (without cluttering up the forum with a new thread)
tl;dr - I suggest some MiFavor UI improvements
So, if you use ZTE Locker that's great and all, but all pics are different.
And in cases such as the one I have attached, the clock is not clearly visible, nor are the icons at the bottom.
And with your launcher, it samples your set wallpaper for a hue and alters the MiFavor QuickSettings background based upon that. But, this can lead to some... questionable results. For example, if I were to set my wallpaper to something that is primarily yellow, ZTE is put in a dilemma.
White on bright yellow isn't really readable, so they'd have to use a darker shade. But have you ever seen dark yellow?
It's one nasty ass color. (look up #888800)
And I know different people have different color tastes, but there's still certain colors and combinations that are considered unfavorable. Yay for color theory!
So, with yellow they'd probably be best off using black text and icons.
But a color like purple is usually thought of as a deep color (though lavender is nice too) so they can stick with the white icons and text.
Ultimately, it's probably best to give the user to decide whether to use the dynamic view or to set their own color manually.
I just feel like ZTE is very new to the UI scene. But, I'm not a fan of ditching MiFavor for completely stock Android. I think ZTE has something to bring to the table. They just need to work on their color sampling and maybe make some UI adjustments based on the user's preferences.
Anyhow, that's my 2 cents
Definitely one of my favorites!
Definitely kept me smiling for the rest of the day
yonoshiro said:
A few that I saved
Click to expand...
Click to collapse
i just found 3 new wallpapers, thank you
I have about 70 of them on my phone
Also, I did a reverse image search on one and found they steal them from other sites.
It seemed like a handful were on a photo of the week thing on usatoday.com but I can't remember
Can anyone upload a compressed (doesn't compress much I know) archive of the ZTE wallpapers? Ever since I unlocked my bootloader it no longer loads for me, it just says weak signal no matter what. I don't know if it's a coincidence and there's something wrong with their server or if it won't allow modified systems to connect.
Here's a few more from yesterday
From today

Categories

Resources