Android Design Resources - Best Websites
Greetings people of Earth, hahaha I'm not really an alien that was just a prank! So there are several different websites that I always go to for great design resources for Android. There are some fantastic free graphics, fonts, icons, animations and all kids of stuff to find through on the internet. I'm going to save you some time searching on Google and list some of my go-to websites that I use whenever I'm in need of inspiration or design resources.
Material Palette
This website is brilliant! You get a pallet of a bunch of different material design colors. You select two colors that you want to go with and it will generate a preview of how they will look in an Android UI. After you find the look that you want it will generate a color palette that you can download. It will even label the colors as what they should be used for to obtain the look you've created. Bookmark this website because you will be using this a lot.
{
"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"
}
https://www.materialpalette.com/
Flaticon
This is the best resource for basic flat icons. You can get icon packs anywhere but what sets the website apart is the ability to go through and add all the icons you need to your cart, then download them all as a pack. Everything is free to download. You'll have the option to download in several different file types depending on what you need. There are trillions of icons in here so no matter what you're looking for, you'll find it on this website.
http://www.flaticon.com
Google Design
Google Design has so much stuff to look through and it's all completely free. Templates, fonts, icons, stickers, design guides, everything you need to get started with designing apps for Android.
https://design.google.com/resources/
Materialup
Material up is all about material design. This is a community driven website where you can browse projects uploaded by other users. There's so many cool tools, templates and graphics to explore on this site. My favorite section where I spend the most time in is the freebies > UI Kits section. Check it out
http://www.materialup.com/
MediaLoot
This is a pretty new website that I immediately started using. It's similar to Materialup with the type of content that's available but it has a subscription options that get's you unlimited access to everything on the website. Right now that subscription is $14/mo. I have not been able to find a better deal anywhere else on the internet.
http://medialoot.com/
So those are my personal favorite websites that I use on a regular basis. What about you?
Related
Guess Them All!
{
"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"
}
Category: Game
Base price: Free
Hypercube released its new game “Guess Them All“ for Android, iOS and WP8.
The idea behind the game is simple – you have a bunch of images on one part of the screen and their silhouettes on the other and your job is to guess which silhouette belongs to which image. Add a bunch of achievements to the mix and many different collections of images to unlock and choose from and you get “Guess Them All“, a game suitable for everyone and anyone.
Channel your inner hawk, keep your eyes wide open and start guessing! Simple doesn’t mean easy. Win trophies to unlock more shapes and increase your score multiplier. Choose between Classic, Survival, Nightmare, Dizzy and Frenzy mode and find the one that suits your style. Tired of guessing alone? Hit a friend up and try the multiplayer mode.
Can you really guess them all?
Features:
Addictive, yet simple gameplay
5 playable mods with more to come
A single device multiplayer mode
Beautiful graphics and matching sound quality
Over 100 achievements and 16 collections of shapes to choose from
Download links:
iOS - https://itunes.apple.com/us/app/guess-them-all/id918937344?ls=1&mt=8
Android - https://play.google.com/store/apps/details?id=hc.android.guessthemall
Windows Phone - http://www.windowsphone.com/en-us/store/app/guess-them-all/1d593631-58a7-465d-93d1-7e7ff00ac3df
In Hypercube we put our time, knowledge and effort to the test. Our dream is to find ideas, develop and deliver multi platform mobile apps that stand out in quality and uniqueness of design. If you have any suggestions, complains or if you just feel like sharing your thoughts and ideas in the area of design and software development, please contact us.
"I can't buy this app"- message.
Please share here the depp-link of windows store as QR-Code. Otherwise it is hard to get correct language pack in installed. I would love to install it. It looks nice. What platform have you developed in?
Regards
Hello developers, modders and everyone else!
Who am I?
I'm the guy behind the graphics in many of the Cloudy rom threads.
(In case you were in doubt)
Why am I doing this?
After seeing many use my Cloudy thread graphics for personal use (for example for YouTube thumbnails),
I have decided to release my library of graphics assets used. This includes all logos, backgrounds, text,
screenshots, mockups etc. used in the big banners, and all logos and texts used in the small section banners.
I have recently updated the G2 banners with UX4 for CloudyG2 3.x, after seeing a couple of users attempt
to recreate it. (These are currently not in use yet. Have a look!) This will make it easier for anyone who
wants to use any of my graphics, and it also allows anyone to continue to update the graphics if I choose not to.
The Photoshop files and all may be a little confusing at first, and they are, at least some of them. The most
up-to-date ones are pretty organized, but some of the older ones might be a little messy.
It might also seem like many logos and backgrounds are missing.That is because they are in the PSD files.
Try to open all the PSD files and have a look around at what is inside!
What do you get?
Below you can see all the png files (except for some Cloudy logos)
The PSD folder contains all the Photoshop files used to create the banners and some of the logos and screenshots.
{
"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"
}
Legal notices
As longs you are not violating LG's terms of service and whatever, you will be alright.
You are also allowed to use these graphics for anything you want, but I'd recommend contacting
me before modifying it to fit another rom or something like that. I might even help out with it.
You also do not need to give me any credit! (Though you are very welcome to do so!)
Download
MEDIAFIRE
I might update the file whenever I make major changes to any of the graphics.
Need graphics for your thead?
If you like what you see, feel free to contact me, and I could brighten up your thread!
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
Designing Your App Icon
Get an Idea
Alright so you've got your app idea and maybe a basic wireframe layout. You sit there thinking "What is the perfect icon to represent my 'Goat in heat detector app'"? Well let's start by thinking about what is the simplest image that gives some sort of representation of what you're all about. It could be a mascot, a letter, a prop or anything that sounds good to you. For this, we will want a goat engulfed in flames as a play on "Goat in heat". It's clever and tasteful.
Design Guidelines
Once you have an idea, you'll be eager to whip something up in AI. But wait just one second, space cop. There are tools to help you design your icon within Google's material design standards. It's very simple and it will help you make a great looking app icon.
Start by downloading the "Product icons" sticker sheet from here.
Download Icon Sticker Sheet
This will provide you with an outline to design in. Check out this brilliant and quick guide on how to use the icon sticker sheet.
Product Icons
{
"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"
}
This is a great resource and will only take you a moment before you're ready to create a great looking app icon. Check out these examples of icons created using the sticker sheet.
The way that Google lays out their guide is in such a way that you do not have to be very good at graphic design to obtain great results. It's a very simple and fun process.
Inspiration
Ok so you've done all of your reading and know how to make an icon. Now it's time to get inspired! Take some time to look at icons that have been created by others. My favorite place to go is the freebies sections on the MaterialUp website.
MaterialUp Icons
Browse through here and download some of the free icons that are available. You'll find something that will spark your creativity in here for sure.
Now you should have everything you need to create the perfect icon for your Android app. Have fun and post if you have any other tips or resources that you'd like to share!
The Best Designed Android Apps
When thinking about what kind of design you want to go with for your app, you're probably pulling inspiration from an existing app that you have in mind. Have you ever downloaded an app and just been like "Wtf this is amazing!" Design goes hand in hand with functionality and these specific apps just nail that balance.
I'm going to list some of the best designed apps so hopefully you can get inspired to implement some of these looks into your own app. What I find best about these apps is that each one in very unique. Let's check them out.
Top Five Best Designed Android Apps
5. Lyft
Lyft is a taxi-alternative ride sharing app. It's so easy to use, you'll be setup and ready to go within 2 minutes tops. You can view where the local cabs are and filter through the different types of rides you want. The graphical interface is simple and to-the-point.
{
"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"
}
4. Pocket Casts
Pocket Casts will deliver all of your favorite podcasts directly into your ears. I've learned so much from podcasts. Did you know 9/11 was an inside job?! Crazy! What's every crazier is how good this app looks. The media player is brilliant with how they display all the information you need in simple and clever icons. Check out these screenshots to see what I mean.
View attachment 3592046View attachment 3592047View attachment 3592048
3. B&H Photo Video Pro Audio
When you first launch this app you'll be expecting the usual shopping app like Amazon or Walmart. Boy are you in for a surprise. This is one of the best looking shopping apps you will find. It's worth downloading just to check it out and see how great everything looks.
2. Weather Timeline - Forecast
You're probably not used to paying 99 cents for a weather app. You're probably also not used to having a weather app that will blow your socks off and suck on your toes. This is by far the best designed weather app on the Play store. Check your forecast in style, right before the tornado hits and destroys your entire town.
1. Tumblr
The animations in the tumblr app won it a Material Design Award from Google. Tumblr is the app to check out if you want to trigger your creativity for animations and layout design. It really adds something nice to the experience when you're posting selfies of your new blue and green hair color.
These are my favorites apps when it comes to design, and they have all be featured at least once on Googles design website. What apps do you think have fantastic designs? Share them in the comments.
Sweet man