UI Design News – Avril 2018

UX Design

La différence entre design d’interaction et UX

Un article très intéressant (en français) à lire sur Medium.

7 règles à respecter pour les boutons

Un article en anglais sur les bonnes pratiques pour vos boutons.

Utiliser la psychologie de la couleur pour vos sites web

Un article intéressant de Speckyboy sur l’utilisation des couleurs dans vos interfaces.

Un article sur la composition des Cards

La méprise de l’UX : Un excellent article sur le métier d’UX Designer

UI Design

Web & Mobile shots : Une sélection dribbble d’uxplanet

Une sélection de typographies à télécharger gratuitement

Clean Concept – Un UI Kit pour Sketch

Une landing page (.sketch) à télécharger

Icones

50 icônes sur le thème de l’écologie

100 icônes pour Adobe XD à télécharger

HTML/CSS

Une excellente démo d’animation de checkbox

Text gradient

La dépêhe de l’UI Design – 28 février 2017

UI/UX Design

UX of Authentication on Mobile
Découvrez les bonnes pratiques sur les formulaires d’identification sur mobile

Focus floating button
Un article pertinent (et en français) sur l’utilsiation des floating buttons, proposé par UX Republic

3 conseils d’ergonomie pour la conception d’applications de gestion
Un article d’Usabilis (FR) à lire. Simple mais pertinent

3 Key Uses for Animation in Mobile UI Design
Un article très intéressant paru sur Medium traitant sur les principales animations à utiliser dans vos applications mobiles

 

Les meilleurs portfolio de février 2017
Une sélection de superbes portfolio proposée par WebdesignDepot

HTML/CSS

CSS avancé : métriques des fontes, line-height et vertical-align
Un article très complet (en français!) sur le réglage du line-height pour vos typos

55 CSS Checkboxes
Une liste de 55 checkbox custom, avec les démo et les sources à télécharger

Squeezy Stretchy Flexbox Nav
Si vous êtes adepte de flexbox, allez découvrir cette technique sur la navigation proposée par css-tricks

Image Mask Effect
Un tutorial signé codyhouse sur l’utilisation des mask en CSS

Ressources

150 SVG, PNG, AI, EPS Color & Line Icons

Dashboard UI Kit

Edd – Landing Page (.sketch)
Un template pour vos landing page, à télécharger sur Dribbble

Typographie

Krabuler

 

La dépêche de l’UI Design, février 2017

Voici une nouvelle catégorie d’article, appelée la dépêche de l’UI Design. Dans cette série, vous pourrez découvrir une liste d’articles sur différents thèmes : l’UX et l’UI design, des tutoriaux, diverses ressources…

UI/UX Design

How to create a FRONT END FRAMEWORK with Sketch
Un article complet sur la création d’un « framework » pour le front-end, avec Sketch.

Apple UI Design Resources
Un UI Kit officiel proposé apr Apple (Sketch & Photoshop) à télécharger

Great Alternatives to Hamburger Menus
Un article sur les alternatives aux menus « Hamburger »

Ressources

Calendar UI Kit
Un kit de calendrier à télécharger gratuitement (.sketch)

Text animation
Une collection d’animations sur la typographie, pour le web

Purple mobile UI Kit
Un kit graphique pour vous applications mobiles, le tout sous Sketch

Tutorials

Complete guide for making animated perspective design
Un article sur Medium pour vous aider à réaliser des animations de prototype

Icônes

40 Free eCommerce Icons Bundles
Téléchargez gratuitement 40 packs d’icônes pour vos projets e-commerce.

Responsive Office Icons (EPS, PDF, SVG, PNG)

50 Company icon

Profi icon set

Dripicons V2 (SVG, Webfonts, PSD, Sketch)

HTML/CSS

Propeller bootstrap
Si vous souhaitez ajouter une touche de material design à vos projets, ce framework devrait vous plaire

HTML Reference.io
Un guide de référence pour le HTML

CSS Reference.io
Comme ci-dessus, mais concernant le CSS.

Simple grid