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.
Icon Archive - Search 469,035 free icons, desktop icons, download icons, social icons, xp icons, vista icons Greyprint I built it when I realised I’d follow the same ritual when starting a project, losing 5 or so minutes every time. New document. Create some guide boxes at the icon sizes I intend to work on. Duplicate. Duplicate. Lock them. Gryeprint’s pre-made styles are available for Photoshop, Illustrator, Sketch, and Affinity Designer. Using the templates Here is an example using a Greyprint template and styles to draw a shuffle icon in Illustrator. And a few more examples using only the styles in Greyprint. Gradient maps For design tools that have gradient maps (Photoshop and Affinity Designer), a “colourise” group is included in the templates. Not only do they look ace, they also invert everything — black icons on white become white icons on varying coloured backgrounds. Download Greyprint My initial template was for Illustrator, but as is the case with all the recent Bjango design resources, the Greyprint templates have been built for Photoshop, Illustrator, Sketch, and Affinity Designer.
lorempixel - placeholder images for every case Two Fascinating Things Salesforce Discovered When It Studied Color Consider the last time you made a decision with data. Chances are, you used some kind of visualization to help understand the bigger picture. In visualizations, color is often key; you use it to associate data with meaningful information like groups or categories. Color choices can be a matter of personal preference for individuals and brand identity for organizations. The Paradox Of Light And Dark Color Schemes In one study, we examined how different foreground/background colors (“themes”) influence performance and preference. We ran surveys with questions regarding first impression, preference, and value. After conducting research, we discovered that participants generally preferred the lighter (and sometimes the hybrid) themes over the dark theme. Surprisingly though, the performance data from these same users revealed a different story, as users made decisions faster, and just as accurately, with charts displayed in the dark theme. The Case Against Gradual Gradients
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. 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
Icons DB - free custom icons Top 27 Examples of SVG Animations for Web Designers and Developers 2016 It’s a nice feature to have, to be able to have visual content on your website that looks equally the same on any device screen resolution. That’s what SVG does, it helps designers and artists to create visual web content that can scale infinitely without losing any imagery quality. An approach that is quickly being adapted to all new modern websites, though an approach that still requires more learning and practice. SVG is rising in popularity, but majority of designers today are still relying on traditional visual techniques. If you are a total newbie to SVG, then this tutorial and introduction guide to SVG from Sara is a pleasant place to begin your journey. Animated SVG vs GIF [CAGEMATCH] Of course, other factors come into play as well, such as file size — keep your original image if the file size is smaller than that of a JPG or a PNG, but try and incorporate different resolution images through SVG where possible, to deliver a more pleasant visual experience. Preview Velocity.js
Download | PhantomJS New to PhantomJS? Read and study the Quick Start guide. Windows Download phantomjs-2.1.1-windows.zip (17.4 MB) and extract (unzip) the content. The executable phantomjs.exe is ready to use. Note: For this static build, the binary is self-contained with no external dependency. Mac OS X Download phantomjs-2.1.1-macosx.zip (16.4 MB) and extract (unzip) the content. Note: For this static build, the binary is self-contained with no external dependency. Linux 64-bit Download phantomjs-2.1.1-linux-x86_64.tar.bz2 (22.3 MB) and extract the content. Note: For this static build, the binary is self-contained. Linux 32-bit Download phantomjs-2.1.1-linux-i686.tar.bz2 (23.0 MB) and extract the content. Note: For this static build, the binary is self-contained. FreeBSD Binary packages are available via pkg: $ sudo pkg install phantomjs Source Code To get the source code, check the official git repository: github.com/ariya/phantomjs. Checksums MD5 Checksums SHA-256 Checksums Acknowledgement
Hirnlichtspiele's red flag vectorized By Firkin Created Description The originals in this set of motor racing flags seem to be embedded rasters. Tags f1 , flag , FLAGs , formula 1 , formula one , grandprix , grand prix , motorsport , race , racing , red flag , remix+255282 , safety , véhicule outil , warning Viewed by 1061 People Loved by 2 People Filesize 1546 bytes Download SVG PNG PDF Edit Clipart