UI Design Selection #2

Tous les mois découvrez une sélection des plus belles interfaces d’application web, mobile ou encore de site web.
Voici la seconde sélection qui correspond au mois de mars.

Uber integration in Messenger, par George Vasyagin

Restaurant app for Android, par Bien Studio

Pizza – Payment and Delivery Tracking, par Saptarshi Prakash

 

Prototype animation, par Valentin

portfolioprototype03

Sidemenu interaction, par Stanley Haladej

cinimi-menu-2

iWeather, par Valentine Zubkov

4_iweather

Calculator history, by Cardist

004_calculator

Clients management, par Marco Coppeto

generali-clients-crm

Shopping cart, par Konrad Księżopolski

shopping_cart

BuyBuyBuy, par Nanuh

7x1

Codepen UI #1 : Animation d’un formulaire de login

Nouvel article, nouvelle catégorie : Codepen Sélection. Dans cette série d’articles vous découvrirez des concepts d’interface venant tout droit du célèbre codepen.io.

Pour ce premier, voici un beau concept d’animation qui vaut le détour ! D’abord imaginé par Jakub Antalík sur dribbble, c’est un codepen de David Khourshid qui donne envie à cette animation, et il n’y a pas à dire, le résultat est plus que plaisant ! Une belle interface utilisateur à découvrir ci-dessous.

Je vous invite à remplir les champs avec une adresse mail et valider le login 😉

See the Pen CSS/SVG Lines App Concept by David Khourshid (@davidkpiano) on CodePen.

login

Bootstrap material design

Vous connaissez forcément la charte graphique de Google : Material Design. Aujourd’hui, découvrez un thème pour bootstrap qui vous permettra de mettre simplement en place cette charte sur vos sites, en utilisant le célèbre framework Bootstrap.

Ce thème inclus la plus part des composants (boutons, dropdowns, sliders, datepicker…). Vous pouvez retrouver la liste ici.

material-ui-kit

Le thème et gratuit pour un usage personnel, et vous coûtera 19$ pour une licence développeur.

Animez vos interfaces avec Sketchapp

La puissance de sketchapp pour l’ui design n’est plus à démontrer. Mais il faut avouer, que pour l’animation des interfaces il est nécessaire de passer par d’autres soft. Et c’est ici qu’AnimateMate intervient !

AnimateMate, un plugin sketch pour animer vos interfaces

AnimateMate est donc un plugin (encore dans une phase de prototype) vous permettra donc de créer de l’animation à partir de Sketch. Top non ?

Comment ça fonctionne ?

Rien de tel qu’une petite vidéo pour vous montrer le fonctionnent du plugin

Télécharger le plugin

[Concours] Gagnez un magazine WordPress avec WebdesignMag

Après moins d’un mois le lancement du blog, voici le 1er concours ! Pour ce premier, je vous propose de remporter un numéro hors série de WebdesignMag consacré à l’univers de WordPress.
Dans ce magazine vous trouverez un guide complet et de nombreux tutoriaux afin de maitriser WordPress : gestion des plugins, customisation de thèmes…

Comment faire pour gagner ce magazine ?

Rien de plus simple, il vous suffit de suivre les étapes ci-dessous :
– Liker dezineup sur facebook
– Suivre @dezineup sur Twitter
– Tweeter le message suivant : Gagnez un magazine @webdesignmag sur WordPress avec @dezineup http://goo.gl/tmP2GY #concours #wordpress

Le vainqueur sera tiré au sort le 30 mars !

IMG_1511IMG_1512

Deal : Une licence Sketchapp offerte pour une licence Flinto achetée

Voici un deal qui pourrait bien intéresser les UI Designers… En ce moment, si vous achetez une licence Flinto, vous aurez une licence pour Sketchapp qui vous sera offerte ! Bon, il faudra tout de même débourser 99$ pour la licence.

flinto_sketchapp

Flinto, qu’est-ce que c’est ?

Flinto est un outil de prototype conçu pour les designers, permettant de concevoir des prototypes d’applications mobile et desktop.

Animez vos icônes burger simplement

Les icônes « hamburger » sont devenu un élément essentiel des interfaces, principalement sur les interfaces mobiles. Avec CSS animated Hamburgers vous pourrez mettre en place rapidement et simplement une animation qui se déclenchera au clic, permettant de remplacer l’icône burger par une croix ou encore un bouton précédent.

burger-icon

petit + : la librairie fonctionne avec Sass pour le CSS.
Pour plus de détails, je vous invite à consulter la démo.

Sticky Elements : accrochez les utilisateurs à vos boutons

Sticky Elements est une librairie créée par @iamvdo qui permet de donner à vos utilisateurs une expérience original et légèrement fun.

Cette librairie CSS et javascript « accrochera » le bouton à la souris de vos utilisateurs. Visuellement, l’effet et très sympa et ne manquera pas d’attirer l’oeil de vos utilisateurs.

sticky_element

Demo en ligne | Gitub du projet

UI design Selection #1

Tous les mois découvrez une sélection des plus belles interfaces d’application web, mobile ou encore de site web.
Voici la première sélection qui correspond au mois de février.

OSX Email App Dashboard par Ghani Pradita

oxs_email_ui

Time Travel App par David Kovalev

Nike Promotion, par Jardson Almeida

nike_promotions_ads_by_jardson_almeida

Explore prototype, par Lorenzo Franchini

explore

Confirm reservation, par Catherine Wang

louboutin

Ui elements, par Prakhar Neel Sharma

ui_elements

Food menu, par Andrew Larin

findfooddribbble