background preloader

Concevoir vos interfaces graphiques en flat design

Concevoir vos interfaces graphiques en flat design
La tendance actuelle du design graphique d’interface fait émerger de plus en plus de sites web ou d’applications mobiles en Flat Design. Pour rappel, le flat design est un style de design graphique appliqué aux interfaces. Son principe, basé sur le minimalisme, est d’enlever tout éléments graphiques superflus et ceux qui imiteraient la réalité (ex : une texture, un effet bombé sur un bouton). L'objectif du flat design est de valoriser le contenu avant tout. La sortie récente de l’IOS 7 renforce ce mouvement popularisé par l’audace des interfaces Metro de Microsoft et des applications web de Google. Faisons un point sur les bonnes pratiques du Flat Design Applications Geckoboard en flat design Les raisons du flat design Plus qu’une tendance, ce revival du less is more semble faire converger plusieurs facteurs : Nos recommandations pour concevoir en flat design Voici 9 conseils pour créer une interface graphique en flat design. 1- Veillez à être compatible avec le produit et l’utilisateur

Flat design. Pourquoi maintenant ? Publié le 14 mai 2014 Le Flat Design (ou “ design à plat ”) est désormais un incontournable du paysage des marques. Effet de mode ou mouvement majeur et durable du design ? Nouvelle tendance ou sous-courant du minimalisme ? Simple ou simpliste ? Il y a les “ pour ” et les “ anti ”… mais au-delà du constat évident, pourquoi une telle diffusion ? Fin 2012. Cette interface, bien que rappelant celle du Windows Phone lancé deux ans auparavant, rompt radicalement avec l’existant. Nouveaux standards graphiques Microsoft, Google, Apple… ces mastodontes ont tous évolué dans le même sens. Un nouveau style graphique, issu du web en général, de Microsoft en particulier, devient alors la norme esthétique. Less is… too much ? Certes “ plus propre à l’œil ”, le plat n’est-il pas sans saveur ? Le choix de la typographie devient capital pour une parfaite lisibilité. Le Flat Design est en phase avec son temps Le Flat Design est efficace Chaque élément graphique a théoriquement une fonction. Et demain ?

20 Beautiful Free Flat Icons Sets In case you haven’t noticed already, there has been a trend going on for the past few years and it’s moving towards simplicity. Flat designs are a part of this trend and I’ve seen multiple websites or logos designed in this manner. Personally, I love it! That is why I searched the web and selected 20 of the most beautiful, high quality flat icons sets, to help you create beautiful flat designed websites for your clients. Hope you like them and you’ll use them instead of the old 3D effect ones. 20 Flat Icons This is a set of 20 colorful flat icons in vector PSD file. Eldorado mini free Eldorado mini is a free version of Eldorado icons and includes 40×40 sized pixel-perfect PNGs. Flat Design Icons Set Vol1 This flat icons set is inspired by the new flat design UI trend led by google and others. Flat Design Icons Set Vol2 These new icons bring more diversity to the previous minimalist but distinctive flat design icons set. Flat Design Icons Set Vol3 Flat Design Icons Set Vol4 Flat files Flatties

Pour un langage universel composé d’icônes et d’émoticônes ! - Influencia Depuis 2010, le Noun Project ouvre son entrepôt online et open-source d’icônes à tous les graphistes et quidams du monde entier. Alors que la communication se visualise et que le design devient partie intégrante d’une marque, INfluencia s’est penché sur ce projet. Qu’ils permettent cette fameuse conversation si prisée par les marques ou la trop délaissée narration, oubliée des stratégies d’engagement sur les réseaux sociaux, les mots conservent un quasi monopole sur l’interaction humaine. « Petits moteurs de la vie », selon Erik Orsenna ou « impuissants à se saisir d’une émotion profonde » pour André Gide, les mots possèdent un énorme défaut : leur expression et compréhension universelles sont handicapées par la barrière de la langue. Que même l'utopique Esperanto n'a pas franchi. La force du symbole Simplifier la communication dans les pays du monde entier en créant un alphabet d’icônes et d’émoticônes ? Découvrez Noun Project Je suis Charlie Elvis Presley Le coeur brisé Un patient

UI, UX mobile, où trouver l'inspiration ? Concevoir des interfaces adaptées à vos smartphones et tablettes demande une connaissance toute particulière de l’ergonomie de ces écrans réduits. Pour commencer un projet sur de bonnes bases, découvrez une liste de ressources indispensables. Le plus efficace : expérimentez ! La meilleure source d’inspiration est encore votre propre smartphone ou tablette. Applications natives et webapps. Quelle que soit la stratégie de contenu à laquelle vous êtes confronté, les galeries d’inspiration fonctionnent en général par spécialités. Moobile Frames Bonnes ressources pour la phase préparatoire du projet. Android Patterns Une référence absolue pour vos design et pour connaître l’UX Android sur le bout des doigts. Mobile Awesomeness Probablement le plus connu et déjà présenté sur le blog. Refined Mobile Totalement dans la même veine que Mobile Awesomeness, Refined Mobile est une galerie de sites mobile. Popular Mobi M.TheFwa The Fwa réservé au mobile. Creattica – Mobile Interface CSS Iphone Make Better Apps

Using Back-End Design to Create Customizable Front-End Mobile Experiences Steve Krug famously said, “Don’t make me think.” This statement is simple, profound, and especially true in the case of mobile interfaces. With smaller screen real estate, increased app fatigue, and decreased user adoption rates, there has never been a better time to revisit these words. The key to keeping apps ticking, alive, and successful is captured right in that statement. User experience is the art of weaving together context, design, ease of use, uniformity, context, relevance, and consistency. Through colors, design, and typography—the purely visual end of the user experience spectrum. Reams of digital paper have been written on achieving user experience through purely visual elements. The Over-Arching Process What Impact Will this Have on Users? A superior and more convenient user experience. By getting rid of screen widgets that are not needed for a particular kind of user or a kind of data, we can offer users an uncluttered app interface. Context 1: Users Context 2: Data

Making Mobile Design More Productive in Three Simple Steps When it comes to mobile experience design I find it extremely helpful and productive to focus my work through a framework I call Simplify, Prioritize, and Bulletproof. I’ve used this framework for several years on projects ranging from making an existing website smartphone-ready to mobile-only projects. Whenever I’ve used it, my framework has helped focus my design work and get it done faster and at a higher quality. It also serves as a check for me to see if I’m putting too much design into in a design. Getting started on a mobile design project involves a lot of steps from user and task analysis, to uncovering essential functionality, to identifying desired target devices. The framework is easy for me to follow, which is why I use it. Simplify: Only put on a screen the things that actually need to be there for a user to complete a task.Prioritize: If your existing desktop application has a lot of features, prioritize which ones are really needed in the mobile context. Simplify

10 Free High Quality PSD Resources for UI Designers For web and mobile app designers, crafting a super attractive user interface is a challenging job. User Interface is a very important factor in designing which allows the user to interact with any website or mobile app. Besides, an attractive UI helps to build good communication between users and app. However, designing a whole new UI for each website or app is an onerous and time consuming process. In such cases, pre built FREE UI kits can be very useful for designers. All you need is to play a little with UI kits through photoshop and you can create your own unique designs. Here I have collected The Top 10 fresh and free UI resources designed by professional designers, which can save you a lot of time and money. 1. A high quality and exclusive PSD to create an attractive material design UI for Android apps with a clean and beautiful layout. 2. This is an ultimate, professional and high resolution travel UI kit consisting of 50+ clean, customizable and well organized screens. 3. 4. 6. 7.

Related: