background preloader

Ressources graphiques et Web Design

Facebook Twitter

La collection ultime de PSD de qualité gratuits pour montrer vos designs prints. - Loading GIF & APNG (AJAX loaders) generator. GraphicBurger. Flat Shadow Social Media Icons by Insofta on DeviantArt. 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. Inspiration pour les intégrateurs #30 : Les boutons. Flat Dezain - Flat design showcase & freebies ressources for webdesigner. 50 exemples et idées pour créer son logo. Rédigé par :: Grégory Catégorie :: dossier,Inspiration,Logotype.

50 exemples et idées pour créer son logo

Responsive Design: 160 useful tools, plugins and resources. Since many of you out there are still struggling to find it all in one spot, when all you may need is just one main source that answers all your questions on Responsive Web Design, here at we’ve summed a full collection of 160 Resources that cover all Web Responsive Design related topics sorted in categories that go from framework, grid, bookmarklet, typography, tutorial, media-centric, useful articles, WordPress and Google Chrome; so that whatever it is that you’re looking to find related to web responsive design you’ll find it here at

Responsive Design: 160 useful tools, plugins and resources

Pack de ressources pour Webdesigner. Les 10 Tendances Webdesign de 2014 by Vanksen. 25 Best Responsive Web Design Sites for Your Inspiration. With more people surfing the web from their mobile devices, designers and developers have been trying to figure out the best way to cater to visitors on both mobile devices and computers.

25 Best Responsive Web Design Sites for Your Inspiration

With the ever increasing popularity and wide spread use of mobile devices like the iPhone and iPad, it’s difficult to ignore the fact that websites are being viewed across various screen sizes. Responsive web designing is a completely different designing version than the traditional web designing, and developers must know about the pros and cons of responsive web designing. Responsive web design refers to a site that is developed to degrade nicely across multiple screen sizes and resolutions, from the largest Mac display down to the minutest mobile device. 10 Responsive Design Problems and Fixes. The Internet is changing, with responsive websites quickly adapting to any device and screen size to bring the user the most dynamic experience possible.

10 Responsive Design Problems and Fixes

From multinational corporations like Sony, Microsoft, and Nokia to global tech stars like Salesforce to online travel giants like Expedia, serious players are turning to responsive web design to march in step with the current trends in and reach an even wider audience of customers. But making responsive websites has its downsides. The value the site provides to the user is more important than ever, and aesthetics often take a backseat while performance reigns supreme. The problem is that performance cannot be mocked up in Photoshop, and new methods to meet design challenges have to be adopted. So here are 10 problems with creating responsive design websites, along with 10 possible solutions. 1.

In the past, the client had to approve static images and screenshots before development could begin. 2. 3. 4. 22 Free and Flat Icon Packs for Web Designers. Subscribe to Email Newsletters Subscribe to receive weekly inspirations, fresh designer tips / tutorials, and freebies.

22 Free and Flat Icon Packs for Web Designers

Flat Designs with Bright Colours - Jakarta Web Developer. 11 Resources to Help You Create a Flat Design Responsive Site. 2014’s web design slogan might as well be “Flat is Where It’s At.”

11 Resources to Help You Create a Flat Design Responsive Site

All over the web, you’ll find dozens of tutorials, elements and examples showing you how to create your own flat-style web design. But what exactly is a flat design—and why should you care? As it turns out, flat web design is just as much about trend-setting as it is about improving the user experience. Let’s talk about why and how, and then I’ll share 11 resources to help you create your own flat style, responsive site. 10 web design avec un background interactif et original. Terminons cette semaine avec un tour sur les web design utilisant un background interactif dans leur structure pour créer une expérience originale et innovante.

10 web design avec un background interactif et original

Des interactions minimalistes Avec le HTML5 et la balise canvas on découvre de nouvelles façons de créer de l'interaction avec les utilisateurs et notamment à l'aide du background. Ces interactions restent simples et n'apportent pas d'informations pour l'internaute, mais elles permettent de créer une expérience interactive et de surprendre par leur côté originale et ludique de pouvoir contrôler le site d'une certaine mesure. Pour un grand nombre d'interactions on reste sur un contrôle simple avec la souris qui agit par le mouvement ou par le drag and drop comme pour "Carbure Digital".

En ce qui concerne le graphisme, on reste sur des formes géométriques et des compositions en polygones. 10 web design PSD de qualité à télécharger gratuitement. Inspiration pour les intégrateurs #30 : Les boutons. 7 webdesigns à connaître pour 2014. Sur la même lancée que les tendances digitales et social media pour 2014, nous allons voir 7 webdesigns à connaître en cette fin d’année et pour 2014. #1 Interface « type application » Basé sur le principe que les utilisateurs ne veulent pas « voir et lire », mais plutôt « voir et faire », le webdesign type application répond à cet insight.

7 webdesigns à connaître pour 2014

Le webdesign des réseaux sociaux comme Facebook ou LinkedIn sont construits sur ce principe. Découvrez 5 sites avec une navigation et un concept original #113. Cette semaine nous vous proposons un peu de musique, pas mal d'interactions et un retour en enfance dans notre sélection des navigations originales numéro 113.

Découvrez 5 sites avec une navigation et un concept original #113

Bonne lecture. Plus de 750 icônes libres pour vos projets web et mobiles - Korben. Plus de 750 icônes libres pour vos projets web et mobiles Il y a 2 jours, Google a publié sur Github une mise à jour de sa petite collection d'icônes (symboles) dans le cadre de son site Design rassemblant les "meilleures pratiques" en terme de design web et applicatif selon Google.

Plus de 750 icônes libres pour vos projets web et mobiles - Korben

À vous de voir ce qui est à prendre ou à laisser sur ce site mais cette petite collection de plus de 750 symboles sous licence Creative Commons va faire votre bonheur. On y retrouve des icônes classées par catégories, permettant de couvrir tous les types de contenus, de comportement, de communication, de médias, d'objets...etc. que vous pourriez avoir à illustrer sur vos sites ou dans vos applications, qu'elles soient web ou mobile. 10 Great UX/UI Design Cheat Sheets. Everyone needs a little help sometimes, even the pros. It’s hard to remember every single little detail. Every once in a while you end up searching for basics that you have momentarily forgotten. What a waste of time that can be. So, we searched for and collected some popular design cheat sheets to help you through your day. Take a look. WebdesignerTrends - Ressources utiles pour le webdesign, actus du web, sélection de sites et de tutoriels.

Les dernières tendances webdesign. Pin by Zerpixelung on Mobile UI / UX. 2014 Logo Trends on If home is our first place, and work is our second place, then mobile screens have definitely become our third place. Smart phone use has increased from 21 percent in 2010 to more than 63 percent today, and with 83 percent of all Americans online regularly, that percentage of mobile users is bound to keep edging up. The fact that so many people now view the world through a window the size of a business card has spelled an inevitable change in logo design. It used to be that minute favicons had to be kept extremely simple: Now, as a rule, logos must be as well, but that doesn’t mean boring. Designers continue to push back and evolve the meaning of “simple.” That logos have to be scalable has always been understood.

Of course, there’s a limit to this flattening out and removal of information. Designers have responded to the mobile screen’s harsh requisites in a variety of ways, many of which are detailed in this year’s Trend Report. As with all things, it’s about balance. The 100 Greatest Free Fonts for 2014. Here we are, once again, with our now-famous selection of the top 100 free fonts for 2014.

This year we have only selected fonts published or updated in late 2013 and 2014, giving you one of the most up-to-date lists around. The majority are completely free with licenses for commercial use; the odd few available for personal use only have extended license options at a very reasonable price. The free font list comprises both entire font families and single weight downloads; either way, there is something for everyone and we think you'll love the ones we have picked out for you. Font Selection We have selected all kinds of typefaces which can be seamlessly integrated into any design: Sans Serif, Slab Serif, Rounded, Decorative, Display, Art Deco, Geometric, Futuristic, and many more besides. We have categorized the typefaces to help you browse more efficiently.

Sans-Serif Typefaces Display and Decorative typefaces.