Illustrator: Responsive Design Template | mimoYmima — creative web design Over the course of designing a few sites to be responsive we’ve come up with these Illustrator templates to streamline the design process. Download the templates from GitHub How to use it When you first open it you should be zoomed out to see the entire illustrator canvas, notice how there are guides set up vertically at each device width. Screen 1: Blank Template Screen 2: Designs added in Screen 3: Some of the overlays We’re including one with device overlays and one without because the overlays can be slow if you don’t have a lot of ram and also they’d add extra weight to your file. Screen 4: More of the overlays Feedback If you feel like there are some missing or some should be tweaked leave a comment.
Expérience utilisateur (UX) : les sites à suivre Je suis récemment parti en quête de nouveaux sites à suivre sur un sujet qui me tient de plus en plus à coeur : l’UX. Au-delà des grosses références anglophones comme UX Booth ou encore UX Mag, j’ai découvert quelques intéressants sites à suivre le sujet. Au fait, l’expérience utilisateur c’est quoi ? Souvenez-vous de la dernière fois que vous avez commandé en ligne ou fait un choix de serveurs comme ici. Comment s’est déroulé cette expérience ? Ces exemples représentent certaines composantes d’une expérience utilisateur, bonne ou mauvaise. Pour y voir plus clair, je vous propose une définition plus classique de l’expérience utilisateur. Contrairement à l’utilisabilité, ce concept n’est pas strictement pragmatique dans le sens ou il sous entend un impact émotionnel cumulé à un bénéfice rationnel, il est entendu que la démarche est bien de créer une expérience agréable. » Merci Wikipédia, vous savez maintenant (presque) tout… Et l’UX en webdesign ? UX Booth UX Mag UX und Tollerei UX Kingdom
New Free PSD Files 2014 | PSD Files High quality and free collection of Psd Files, PSD graphics, responsive templates, vector backgrounds, PSD business cards, PSD flyers, UI kits and many useful Photoshop resources which are very helpful to making web or mobile UI. In this collection you will find only handpicked and fresh free PSD files which can save your same time and money, you can download and use all of these PSD files free of cost for your design projects. You might be interested to read: Recieve our RSS updates via email, simply enter your email address & click subscribe. Please feel free to download psd files. GEARUS Free Font Family Download Icone Menu Download One page psd web template free download Download Free reach ui kit Download Budicon – 48 free line icon Download Music Player with Playlist PSD Download Free WIP HTML5 Template PSD Download Colorful Flat Vector Icons – Free Download Download Hanging text template (PSD) Download Registration Template Download Checklist with stopwatch icon (PSD) Download Download Download Download
ETUDES ET ESSAIS > LES BASIQUES : LE DESIGN D'INTERACTION Les Basiques : Le Design d'interaction Sous la direction de LUCA MARCHETTI & EMANUELE QUINZ Coordination éditoriale LUCIE WULLSCHLEGER Avec les contributions de ANNA BERNAGOZZI, ENSAD Paris ; CHRISTOPHE TALLEC ; EXPERIENTIA (Mark Vanderbeeke et Joes Voels), Turin Italie ; NICOLAS GAUDRON, VIRGINIA CRUZ, IDSL Paris ; INTERSEZIONI (Luca Buttafava et Alessandro Confalonieri), Milan, Italie. Présentation Ce volume des Basiques est né comme un projet collaboratif. Cette écriture polyphonique, à défaut de produire une homogénéité d’approche et de style, permet d’étaler une vision plurielle qui interroge le design d’interaction dans sa complexité, et essaie de pallier le manque d’informations sur le sujet en langue française. Les sites web mentionnés dans ce Basiques ont été vérifiés en avril 2013. Sommaire Qu'est-ce que le design d'interaction ?
UI Design Inspiration ~ 27 Great New Projects It's been a great month for UI design over at Behance this month. So good in fact that we had to share. As always, feel free to give kudos to the creators by viewing their projects in full. 1947 Gin | Web by Alex Lazaro Uniphyllin LaunchPad by Mariam El-Shebokshey NetServex by Wladimir Ilyanoi Instant Saver app by Jagu Bhomra Cinemalist ios7 app concept by Mohamed Monem Sales: App Design by uicreative crew Savitar Design by Wladimir Ilyanoi Meteo App for iOS by Barby Dalbosco Radion App ui design by Mohamed Monem Lettr App by Luís Monteiro Application by Sergey Grinchenko VLC Android app RE-Design by Mohamed Monem MyMail new android app by Mohamed Monem Pano 360º - UX/UI iPhone app design by Alex Intrino i.ngen.io | Web design by Juan Francisco Carró Rotimatic App.
300+ Resources to Help You Become a Photoshop Expert Adobe Photoshop is arguably the most powerful graphics and photo manipulation software on the market. You can do virtually anything with Photoshop, from fantasy image collages to complete website designs, and everything in between. Although while Photoshop is incredibly powerful, it can also be incredibly complicated, especially when trying to perform advanced functions. Below are over 300 resources to get you on your way to Photoshop mastery. There’s everything from cheat sheets to brushes to tutorials to action scripts, as well as collections of even more resources and tools. pCheat Sheets and Reference Guides Keeping cheat sheets and reference guides at hand can speed up your design process and make you a more efficient designer. Black & White Cheatsheet for Photoshop – This is a great reference guide that shows the results for different methods of converting images to black and white in Photoshop. Adobe Photoshop Cheat Sheet – This is a six-page reference guide. Individual Tutorials
A Pixel Art Collection | Resources 30 Stunning Web UI Form Designs Web forms are an incredibly useful tool for tracking your audience’s information, they also represent a big risk. Badly designed forms can be a real barrier for potential customers, frustrating them to the point where they give up. So in this post i have gathered some stunning examples of web UI forms to help you design an engaging web form. Habitat Sign In by Chanpory RithInkling Pay by Paresh Khatri Sign Up Form by aaron Involvio Marketing Site by James Login Form by Ionut Zamfir Signin for Neonmob by Rogie Sumry: Login by Hayden Login Form by Christof Flachsmann Fetch Dribbble by Kaarel Metsaots Registration Form by Nick Three step form by Hrvoje Dominko Sign in by Gediminas Saulis U&Me by Anton Avilov Payment Form by Alexander Haniotis Grafter login/registration page by Rob Simpson Edit Product Lightbox by Callum Chapman Payment Form by Mark Finn Payment Form by Alex Lauderdale Sign In and Sign Up – Form by Jorge Guerrero Campus Bubble login by Giovanni Hobbins Newsletter sign up by Willie Bengtsson
Creative Flat UI Kits for Designers Flat design flat user interface kits with a huge amounts of web elements for graphic designers. Flat UI Kits was designed to help you design complete websites in Photoshop easily in few minutes. All Kits are fully layered and grouped and well organized PSD format. So it’s easy to modify and customize everything. All elements are easy to resize and change colors. Here is the list of Flat Design UI Kits which are playing a very important role in interface designing. You might be interested to read: Recieve our RSS updates via email, simply enter your email address & click subscribe. UI design kits are the basic requirement of any web related projects and good quality design elements are like a treasure for designers. I just gathered all of these Flat UI Kits for my readers, and I ask nothing in return but it would be awesome if you’d be kind enough to share this article via your preferred social network. Enjoy! Blog/Magazine UI Kit Blog/Magazine UI Kit Momonosuke UI Momonosuke UI UI Shopping Kit
Simple Stack Effects Previous Demo Back to the Codrops Article Simple spread Fan out Random rotation Side Slide Side Grid Peek-a-boo Preview Grid Corner Grid Bouncy Grid Coverflow Leaflet Vertical spread Elastic spread Fan Queue Illustrations by Isaac Montemayor If you enjoyed this demo you might also like: 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 Serif Typefaces Script, Calligraphic and Hand-drawn
Vector & Psd Freebies : Templates, Mock-ups, Websites, Icons Instagram Widget (Psd) A cool flat style Instagram psd ui widget to display part of your Instagram activity. Continue Reading Flat Badges V.01 (Ai, Eps) 10 premium vector flat badges to be used as logos, signs, pricing or highlighting important messages. All Caps Form Typeface (.Ai Font) A solid, elegant, geometric and vertical free typeface that comes in three different weights. Minimal Resume Template V.01 (Illustrator) A free minimal resume template that is editable with illustrator and downloadable in Ai format. Album Gallery Template (Psd) A simple psd album template that can be used for your digital projects.