Android App Patterns | Grid | Phones. Androidux.com. Android Niceties. MobileMozaic, a gallery of the very best designed iphone applications. Making it Work: Flat Design and Color Trends. We’ve talked a lot here about the flat design trend here at Designmodo. We’ve raved about it, showed you plenty of cool examples and even developed a free user interface kit for you to download and use for projects. But what if you want to do it yourself? One of the most important parts of the trend is color. Flat Design Refresher Flat design is a technique that uses simple effects – or lack thereof – to create a design scheme that does not include three-dimensional attributes. Effects such as drop shadows, bevels, embossing and gradients are not used in flat design projects.
Some call the look of flat design simple, although it can be quite complex. Learn more about the flat design trend in a previous Designmodo article. Defining a Color Palette When it comes to color, flat design works with a variety of colors, but most commonly designers are choosing to go bold and bright. The other thing that makes flat design different in terms of color? Bright Colors So where do you start? Retro Colors. Create your Icon Font in seconds with 6000 ready to use Vector Icons - Free Icon Font Generator. Making Beautiful Android App Icons. Posted by Roman Nurik, Android Developer Relations For most users, the launcher icon (sometimes referred to as the app icon) is the first impression of your app. As higher density screens on both phones and tablets gain popularity, it's important to make sure your launcher icon is crisp and high quality.
To do this, make sure you’re including XHDPI (320dpi) and XXHDPI (480dpi) versions of the icon in your app. In addition to the current launcher icon guidelines, please also refer to these additional important guidelines when creating your icons: Launcher icons are 48dp square and should be provided for MDPI, HDPI, XHDPI, and XXHDPI densities—at the very least XHDPI and XXHDPI.The 512px Google Play listing icon should have the same content as the launcher icon, except for minor additional badging.Launcher icons should be designed specifically for Android.
Iconography. An icon is a graphic that takes up a small portion of screen real estate and provides a quick, intuitive representation of an action, a status, or an app. When you design icons for your app, it's important to keep in mind that your app may be installed on a variety of devices that offer a range of pixel densities, as mentioned in Devices and Displays. But you can make your icons look great on all devices by providing each icon in multiple sizes. When your app runs, Android checks the characteristics of the device screen and loads the appropriate density-specific assets for your app. Because you will deliver each icon in multiple sizes to support different densities, the design guidelines below refer to the icon dimensions in dp units, which are based on the pixel dimensions of a medium-density (MDPI) screen. Launcher The launcher icon is the visual representation of your app on the Home or All Apps screen.
Sizes & scale Launcher icons on a mobile device must be 48x48 dp. Proportions Style. 1600+ iOS7 Vector Icons - Download Free Pack or Premium Pack. Flat design et tutos Flat design. Le Flat Design est une tendance du webdesign consistant à n’utiliser dans les créations graphiques uniquement des aplats de couleurs. Ce type de webdesign a été popularisé par de grands groupes comme google ou microsoft. Ce type de design permet notamment de simplifier l’expérience utilisateur sur les interfaces graphiques. Voyez ci-dessous des tutos Photoshop et des ressources pour apprendre à créer du flat design. Créer une icone Twitter en flat design avec Photoshop Vous apprendrez dans ce tutoriel Photoshop comment créer une icone twitter en flat design. Vous (...) 15 exemples d’illustration en Flat design pour le webdesign Je vous propose une sélection de 15 sites utilisant le flat design pour publier des (...) 10 psd gratuit pour mettre en avant vos webdesign responsive Vous trouverez dans cet article une sélection de 10 mockups (en fichier photoshop) à (...) mercredi 25 septembre 2013 40+ Meilleurs Photoshop Flat UI Kit à télécharger gratuitement.