Des charges de nouveaux cadeaux et de codes open source sont mises en ligne chaque jour. Les concepteurs Web et mobiles peuvent apprendre beaucoup en étudiant les nouvelles tendances en matière d'interface et les dispositions de conception. Creative VIP est un de ces sites Web qui publie des cadeaux et du contenu premium. C’est une excellente ressource pour les concepteurs qui souhaitent approfondir leurs connaissances en matière de construction de présentations utilisables pour le Web.
Dans cette rafle, j'ai réuni 30 des derniers cadeaux de Creative VIP. Vous trouverez à la fois des fichiers PSD et des codes HTML / CSS mélangés. Certaines ressources offrent à la fois des graphiques et du code! Mais peu importe les articles que vous recherchez, cette vitrine offrira forcément quelque chose de cool.
Marqueurs Google Maps (PSD)
Ces Google Map Makers variés constituent un ensemble fantastique de ressources à intégrer à votre collection de modèles. Ils représentent différentes choses: restaurant, téléphone, essence, aéroport, gare et 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 en tant que PSD ou entièrement codé en CSS et HTML. Il est enveloppé dans une conception délicieusement simple, avec des ombres subtiles, des bordures et des textures. Il est simple de faire quelques ajustements pour ajouter vos propres images, légendes et informations. Prendre plaisir!
Info Widget (PSD)
Ceci est un petit widget d'informations ordonné 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 designs!
Papier collant (PSD)
Un papier à lettres collant? - un morceau de papier avec du papier ligné, un bouton de téléchargement et du ruban adhésif qui enveloppe le tout! Vraiment simple, mais un point de départ utile pour votre propre interface de style note.
Windows 8 Metro Buttons (CSS)
Une sélection de style Metro, Windows 8 boutons et icônes. Tous codés à l'aide de HTML et CSS, ils sont donc extrêmement faciles à insérer dans votre propre conception, à personnaliser les couleurs, etc. Ajoutez un petit style de métro simpliste à votre prochaine interface!
Notification Center UI (PSD + CSS)
PSD polyvalent d'une interface de style notification. Il comprend une liste déroulante des notifications / messages récents, une fenêtre de connexion / connexion et des messages contextuels contenant davantage d'informations. Rempli de fonctionnalités potentielles pour votre prochaine application, nous avons également ajouté une version CSS / HTML entièrement codée. Prendre plaisir!
Interface de minuterie (PSD)
Une interface élégante pour le compte à rebours / chronomètre / minuterie, avec les boutons Lecture / Arrêt / Redémarrage, les chiffres du compte à rebours, l’heure actuelle, ainsi que de simples OS X Chrome.
Boîte d'abonnement jaune (PSD)
Une boîte d'abonnement élégante, fournissant à vos lecteurs les informations dont ils ont besoin pour s'abonner à votre site. Il contient deux options: l’une pour l’abonnement à une lettre d’information par courrier électronique et l’autre pour le RSS. La couleur de base est le jaune, mais il est facile d’ajuster celle-ci à votre propre design.
Spotify Mini Player (PSD)
Une interface de 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 à utiliser 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 jeu subtil de dégradés et de textures, un en-tête, un bouton de fermeture, deux styles de boutons différents et du texte explicatif. Une interface vraiment magnifique sur laquelle construire!
Formulaire d'inscription à la newsletter (PSD)
Un formulaire d’inscription au bulletin d’information détaillé PSD, comprenant une description de la liste de diffusion, des champs pour le nom et l’adresse électronique, un message anti-spam et un message important. Rejoignez? bouton. Prendre plaisir!
Metro Twitter Feed
Microsoft fait un travail formidable avec leur simpliste? Metro? style, et nous vous présentons aujourd’hui un adorable fil Twitter de style métro. Contenant différents états pour différents tweets, liens et timing. Un petit widget vraiment merveilleux!
Interface Admin 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 de navigation / notifications et une zone de contenu. En plus de vous fournir le fichier PSD d'origine, nous avons également pris la peine de tout coder en CSS et en HTML pour vous. Prendre plaisir!
Formulaire de connexion 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 de beaux styles d’interface et de typographie. Prendre plaisir!
Interface de l'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 à votre usage! Fourni à la fois en version HTML / CSS entièrement codée et en PSD. Il comporte des éléments d'interface iOS créés de manière unique, une zone auteur et un ensemble de vignettes de ressources.
Barre de navigation tendance
Une barre de navigation élégante, fournie en tant que PSD. Il est disponible en quatre couleurs différentes et pourrait bien être l’addition parfaite au sommet de votre prochain projet de conception de sites Web!
Panneau de configuration (PSD + CSS)
Nous sommes vraiment heureux avec celui-ci. C'est un panneau de configuration avec des éléments d'interface / commutateurs à bascule en métal brossé. Non seulement cela est fourni dans le format PSD habituel, mais nous l'avons codé comme une version HTML / CSS entièrement fonctionnelle!
Petite note (PSD)
Juste une petite note à propos de celui-ci. C'est une note. Une belle note, au pixel près. Sur un fond subtil, c'est un papier? Pile? avec des icônes de fermeture / réduction, 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 télécharge 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 conception (PSD)
Fichier PSD entièrement chargé, ce graphique contient une présentation élégante et professionnelle pour une agence de design ou un portefeuille. Il offre beaucoup de place pour votre logo, la navigation, une zone de texte / vidéo d'introduction et un ensemble de? Services? que vous pourriez offrir. C'est vraiment simple à personnaliser pour vos propres besoins!
Webapp PHP Metro Generator (CSS / PHP)
Quelque chose d'un peu différent aujourd'hui, il s'agit d'une application PHP qui vous aide à générer facilement des interfaces uniques de style métropolitain. Il suffit de le déposer sur votre serveur et d'expérimenter! Vous devrez télécharger ceci sur un serveur Web pour exécuter le script et voir comment il fonctionne.
Ruban élégant (PSD)
Quatre (4) rubans colorés d’apparence 3D, un motif extérieur cousu et une ombre supérieure pour créer l’effet du ruban tombant sur son contenant. 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 extrêmement pratique, contenant des champs pour votre numéro de carte, type, date d'expiration et numéro CVV. Il est assez simple à intégrer à n'importe quelle conception. Il est fourni à la fois en tant que PSD et entièrement codé en tant que conception CSS / HTML. Prendre plaisir!
Divers boites d'alerte (PSD + CSS)
Trois types de boîtes d’alerte différents sont inclus dans ce message PSD - Un succès? Vert? alerte, un jaune? alerte ?? alerte, et une erreur rouge? alerte! Nous en avons également intégré une pour CSS et HTML, histoire de vous faire gagner un peu de temps!
Bloc-notes délicieux et ruban (PSD)
Un billet de banque simple, un look classique avec des rayures / cuir, et un ruban rouge riche en détails. Fourni comme un fichier PSD bien organisé que vous pouvez intégrer à vos propres conceptions!
Interface Bloc-notes (PSD)
Nous avons créé une interface bloc-notes au pixel près, directement issue d'une application Mac de pointe! Une base merveilleuse pour construire votre propre interface d'application.
Boutons animés (CSS)
Celui-ci est juste magnifique. Deux exemples de boutons animés magnifiques - les deux ont des animations subtiles en arrière-plan et beaucoup d'excitation lorsque vous les survolez! Le préféré? L'icône prend la forme d'un cœur qui bat, le téléchargement s'envolant, puis de nouveau. Vous devrez télécharger le billet de faveur pour les voir par vous-même - ne vous contentez pas de nous croire sur parole!
Liste des tâches déchirées (PSD)
A? Déchiré? Liste de tâches skeumorphic avec un effet de 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, bâtissez dessus et amusez-vous! Fourni sous la forme d'un simple fichier PSD en couches.
Icône d'application iOS pour horloge (PSD)
Une charmante icône montre-bracelet / horloge, conçue pour une application iOS. Il est fourni dans une gamme de différentes tailles adaptées à chaque périphérique iOS, et nous aimerions que vous utilisiez le résultat final comme vous le souhaitez!
Pile de papier (PSD)
Une belle pile de papier, complétée par une citation, un avatar, une broche élégante et un fond texturé subtil. C’est un délicieux travail de conception d’interface, et nous espérons que vous l'apprécierez!
Conclusion
Bon nombre de ces éléments sont parfaits pour la création de dispositions et d'applications complexes. Les concepteurs mobiles apprécieront particulièrement certaines pièces esthétiques telles que les boutons et les bloc-notes. Mais à mon avis, cet ensemble de cadeaux offre un bon départ pour la nouvelle année. Assurez-vous et restez à jour pour les nouvelles versions au cours de 2013.