30 nouvelles ressources de conception PSD et CSS VIP créatives
De nombreux nouveaux cadeaux et codes open source sont mis en ligne tous les jours. Les concepteurs Web et mobiles peuvent apprendre beaucoup en étudiant les nouvelles tendances d'interface et les mises en page de conception. Creative VIP est l'un de ces sites Web qui publie des cadeaux et du contenu premium. Il s'agit d'une excellente ressource pour les concepteurs qui souhaitent approfondir un peu la construction de mises en page utilisables pour le Web.
Dans ce tour d'horizon, j'ai rassemblé 30 des derniers cadeaux de Creative VIP. Vous trouverez des PSD et des codes HTML / CSS mélangés les uns aux autres. Certaines ressources proposent en fait à la fois des graphiques et du code! Mais peu importe les articles que vous recherchez, cette vitrine a forcément quelque chose de cool.
Explorez Envato Elements
Marqueurs Google Maps (PSD)
Ces créateurs Google Map variés sont un ensemble fantastique de ressources à avoir dans votre collection de design. Ils représentent différentes choses - un restaurant, un téléphone, du gaz, un aéroport, une gare ferroviaire et un mécanicien. Il est simple de les implémenter dans une carte Google intégrée!
Diaporama personnalisé (PSD + CSS)
Ce diaporama personnalisé est fourni à la fois au format PSD ou entièrement codé en CSS et HTML. Il est enveloppé dans un design délicieusement simple, avec des ombres, des bordures et des textures subtiles. Il est simple de faire quelques ajustements pour ajouter vos propres images, légendes et informations. Prendre plaisir!
Widget d'informations (PSD)
Il s'agit d'un petit widget d'informations bien rangé pour un article de blog, contenant le titre, les informations sur l'auteur, les commentaires et les likes. Présenté comme un fichier PSD bien organisé à intégrer dans vos propres conceptions!
Papier collant (PSD)
Un «papier collant» - un morceau de papier avec du papier ligné, un bouton de téléchargement et du ruban adhésif qui enveloppe tout cela ensemble! Vraiment simple, mais un point de départ utile pour votre propre interface de style note.
Boutons Metro de Windows 8 (CSS)
Une sélection de style Metro, de boutons et d'icônes Windows 8. Tous codés en HTML et CSS, ils sont donc incroyablement faciles à intégrer dans votre propre conception, à personnaliser les couleurs, etc. Ajoutez un petit style métro simpliste à votre prochaine interface!
Interface utilisateur du centre de notifications (PSD + CSS)
Un PSD polyvalent d'une interface de style de notification. Il comprend une liste déroulante des notifications / messages récents, une fenêtre de connexion / connexion et des messages contextuels contenant également plus d'informations. Emballé avec des fonctionnalités potentielles pour votre prochaine application, et nous avons également ajouté une version CSS / HTML entièrement codée. Prendre plaisir!
Interface de minuterie (PSD)
Une interface élégante de compte à rebours / chronomètre / minuterie, avec des boutons de lecture / arrêt / redémarrage, des chiffres de compte à rebours, l'heure actuelle et quelques Chrome OS X simples.
Boîte d'abonnement jaune (PSD)
Une boîte d'abonnement élégante, donnant à vos lecteurs les informations dont ils ont besoin pour s'abonner à votre site. Il contient deux options - une pour un abonnement à la newsletter par e-mail et une autre pour RSS. La couleur de base est jaune, mais il est facile de la modifier pour s'adapter à votre propre design.
Mini lecteur Spotify (PSD)
Une interface mini-lecteur élégante pour Spotify. Il contient une liste de pistes, de simples commandes de lecture / volume et un graphique en plein écran. Le moyen idéal pour commencer avec un lecteur multimédia, que ce soit pour Spotify ou tout autre service tiers!
Boîte de dialogue de confirmation (PSD)
Une belle boîte de dialogue de confirmation avec un ensemble subtil de dégradés et de textures, un en-tête, un bouton de fermeture, deux styles de bouton différents et du texte explicatif. Une interface vraiment magnifique sur laquelle s'appuyer!
Formulaire d'inscription à la newsletter (PSD)
Un formulaire d'inscription à la newsletter détaillé PSD, comprenant une description de la liste de diffusion, des champs pour le nom et l'adresse e-mail, un message anti-spam et un bouton "Rejoindre" bien visible. Prendre plaisir!
Flux Twitter Metro
Microsoft a fait un excellent travail avec son style «Metro» simpliste, et nous présentons aujourd'hui un joli fil Twitter de style Metro. Contenant différents états pour différents tweets, liens et timing. Un petit widget vraiment merveilleux!
Interface d'administration Pro (PSD + CSS)
Il y a quelque chose à propos de celui-ci que nous aimons vraiment! C'est la partie supérieure d'une conception d'interface d'administration simple, avec diverses options / notifications de navigation et une zone de contenu. En plus de vous fournir le PSD d'origine, nous avons également pris la peine de tout coder en CSS et HTML pour vous. Prendre plaisir!
Formulaire de connexion au flou (PSD)
Les formulaires de connexion peuvent être difficiles. Ils doivent être simples, transmettre les informations de base et dégager un peu de style. Celui-ci appuie sur tous les bons boutons, avec une belle interface et un style typographique. Prendre plaisir!
Interface d'application iPhone PixelsDaily (PSD + CSS)
Nous avons pensé qu'il serait amusant de créer une interface d'application géniale pour PixelsDaily, puis de la donner gratuitement pour que vous puissiez l'utiliser! Fourni à la fois en version HTML / CSS entièrement codée et en PSD. Il possède des éléments d'interface iOS créés de manière unique, une zone d'auteur et un ensemble de miniatures de ressources.
Barre de navigation tendance
Une barre de navigation élégante, fournie en PSD. Il est disponible en quatre couleurs différentes et pourrait bien être le complément parfait au sommet de votre prochain projet de conception Web!
Panneau Paramètres (PSD + CSS)
Nous sommes vraiment satisfaits de celui-ci. Il s'agit d'un panneau de paramètres avec des éléments d'interface / interrupteurs à bascule en métal brossé. Non seulement cela est fourni dans le format PSD habituel, mais nous sommes allés de l'avant et l'avons codé comme une version HTML / CSS entièrement fonctionnelle pour vous!
Petite note (PSD)
Juste un petit mot sur celui-ci. C'est une note. Une belle note pixel-parfaite. Sur un fond subtil, c'est une «pile» de papier avec des icônes de fermeture / minimisation, un lien pour en savoir plus et une belle typographie. J'espère que vous le trouverez utile!
vCard Minisite (PSD + CSS)
Ceci est une belle vCard minisite au format PSD. Il contient des éléments pour vos profils de médias sociaux, un avatar, une petite biographie et un «coin plié» pour que quelqu'un puisse télécharger une copie de votre vCard. Si vous souhaitez créer un site Web vCard, c'est le moyen idéal de le faire! Nous avons également inclus une version CSS et HTML entièrement codée, avec un survol de coin animé. Prendre plaisir!
Disposition de l'agence de design (PSD)
Fichier PSD entièrement chargé, ce graphique contient une mise en page élégante et professionnelle pour une agence de design ou un portfolio. Il a beaucoup d'espace pour votre logo, votre navigation, une zone de texte / vidéo d'introduction et un ensemble de différents «services» que vous pourriez offrir. C'est vraiment simple à personnaliser selon vos propres besoins!
PHP Metro Generator Webapp (CSS / PHP)
Quelque chose d'un peu différent aujourd'hui, c'est une application PHP qui vous aide à générer facilement des interfaces uniques de style métro. Déposez-le simplement sur votre serveur et expérimentez! Vous devrez le télécharger sur un serveur Web pour exécuter le script et voir comment cela fonctionne.
Ruban élégant (PSD)
Quatre (4) rubans colorés avec un aspect et une sensation 3D, un motif extérieur cousu et une ombre supérieure pour créer l'effet du ruban tombant sur son conteneur. Amusez-vous à l'intégrer dans votre propre design!
Formulaire de carte de crédit (PSD + CSS)
Il s'agit d'un formulaire d'informations de carte de crédit incroyablement pratique, contenant des champs pour votre numéro de carte, type, date d'expiration et numéro CVV. Il est assez simple à intégrer dans n'importe quelle conception, et est fourni à la fois en tant que PSD et entièrement codé en tant que conception CSS / HTML. Prendre plaisir!
Diverses boîtes d'alerte (PSD + CSS)
Trois styles de boîte d'alerte différents sont inclus dans ce PSD - Une alerte verte "succès", une alerte jaune "alerte"… et une alerte rouge "erreur"! Nous avons également intégré l'un d'entre eux en CSS et HTML pour vous, juste pour vous faire gagner un peu de temps!
Bloc-notes et ruban délicieux (PSD)
Un simple billet de bloc-notes avec une apparence classique en cuir / rayé et un ruban rouge fleuri de détails. Fourni sous forme de fichier PSD bien organisé à intégrer dans vos propres conceptions!
Interface du bloc-notes (PSD)
Nous avons créé une interface de bloc-notes au pixel près, directement à partir d'une application Mac de pointe! Une merveilleuse base sur laquelle construire votre propre interface d'application.
Boutons animés (CSS)
Celui-ci est tout simplement magnifique. Deux exemples d'un magnifique bouton animé - les deux ont des animations subtiles en arrière-plan et beaucoup d'excitation lorsque vous les survolez! L'icône «Favoris» prend la forme d'un cœur qui bat, le téléchargement s'envole, puis revient. Vous devrez télécharger le billet de faveur pour les voir par vous-même - ne vous fiez pas seulement à notre parole!
Liste des tâches extraites (PSD)
Une liste de tâches skeumorphique «déchirée» avec un effet papier, des cases à cocher pour les tâches terminées, des icônes de suppression et un bouton pour ajouter une nouvelle tâche. Prenez-le, construisez-le et profitez-en! Fourni sous la forme d'un fichier PSD simple en couches.
Icône d'horloge iOS App (PSD)
Une charmante icône de montre / horloge, conçue pour une application iOS. Il est fourni dans une gamme de tailles différentes adaptées à chaque appareil iOS différent, et nous aimerions que vous utilisiez le résultat final comme vous le souhaitez!
Pile de papier (PSD)
Une belle pile de papier, complète avec une citation, un avatar, une épingle élégante et un fond texturé subtil. C'est un délicieux travail de conception d'interface, et nous espérons qu'il vous plaira!
Conclusion
Beaucoup de ces éléments sont parfaits pour créer des mises en page et des applications complexes. Les concepteurs mobiles apprécieront particulièrement certaines pièces esthétiques telles que les boutons et les blocs-notes. Mais à mon avis, cet ensemble de cadeaux offre un début puissant pour la nouvelle année. Soyez sûr et restez à jour pour les nouvelles versions au cours de 2013.