Mobile Awsomeness : Inspiration web design mobile

Mobile Awsomeness : Inspiration web design mobile

Quoi ? Encore une enième galerie de sites web ? Oui mais cette fois-ci, Mobile awsomeness est un site traitant du design de sites pour mobiles. En plus du classique screenshot de présentation, pour chaque site, 4 pages sont présentées ce qui permet de se faire un bon aperçu de l'ensemble. Comme sur presque toutes les galeries, un système de vote permet de donner votre avis et le flux rss vous donne la possibilité de récupérer les mises à jour en temps réel.

La rubrique : "Mobile Web ressources" est, selon moi, la valeur ajoutée du site. Si le monde du design et du développement sur mobile vous intéresse, vous trouverez ici de nombreuses ressources : une liste de livres traitant du sujet, une partie "Guides Frameworks and platforms", une liste d'outils de validation, et des liens vers des émulateurs pour tester vos sites sur une interface appropriée. Enfin, une partie entière est réservée pour l'Iphone.

Un site plutôt intéressant pour tous ceux qui souhaitent découvrir les tendances en matière de design de sites réservés aux mobiles. Sans compter sur la qualité des ressources proposées dans la rubrique "Mobile web ressources". A voir donc !

Quelques liens pour finir :

> Mobile Awsomeness : le site

> Mobi Forge : une mine d'info concernant le développement de sites pour mobiles

Designers Toolbox : une adresse très utile...

Designers Toolbox : une adresse très utile...

C'est tout à fait par hasard que je suis tombé sur le site Designers Toolbox. Si vous ne connaissez pas l'endroit, voici le topo : ce site est une véritable boite à outils pour toute personne travaillant dans la création de sites web ou dans le domaine du print.

Designers Toolbox se décompose en trois rubriques principales auxquelles s'ajoute un espace personnel pour les utilisateurs souhaitant ouvrir un compte sur le site.

Dans la rubrique "Design Life" vous trouverez différents articles traitant du design en général, une sélection hebdomadaire de sites web intéressants etc...
La partie "Store" sur laquelle vous pourrez acheter de nombreuses ressources telles que des backgrounds format psd, des templates de documents divers et variés (contrats client, contrats de maintenance, devis pour travalleurs freelance etc...) ainsi que des ressources vectorielles. Autre chose intéressante, le site vous propose un outil pour créer votre portfolio. Je n'ai pas testé mais le service est gratuit les 15 premiers jours donc ça peut valoir le coup d'oeil...

Mais c'est sans doute la rubrique "Design Ressources" qui est la plus intéressante... Là c'est la caverne d'Ali Baba ! Vous pourrez y trouver de nombreuses ressources entièrement gratuites : Templates pour print (enveloppes de différentes tailles, dossiers, jaquettes de cd/dvd vierges, business cards etc...) et de nombreux outils pour vous aider dans la création de vos maquettes web.

Pour les Web designers, je vous conseille d'aller faire un tour sur le lien "Web Safe Area" où vous pourrez télécharger gratuitement des templates (format psd) de fenêtres de navigateurs (Safari,Firefox et IE) sur différentes résolutions. Dans le même esprit, via le lien "Web browser elements", le site met gratuitement à disposition les psd de tous les éléments pour vos formulaires (boutons radio, check-box, textarea, input-button, input-text, etc...) sur plusieurs navigateurs et en fonction des systèmes d'exploitation (XP, Vista, Mac). Ces ressources seront vraiment un gain de temps si vous créez des maquettes web donc n'hésitez pas à les télécharger, c'est gratuit !

Le site met également de nombreux outils à disposition : une liste des tailles standard des bandeaux web, les éléments graphiques de l'Iphone (Iphone GUI), un générateur de texte "lorem ipsum", une liste des principaux caractères spéciaux codés en html etc...

Vous l'aurez compris, Designers Toolbox est une adresse très utile, ne serait-ce que pour les nombreuses ressources et outils mis gratuitement à votre disposition.

Quelques liens pour finir :

> Designers Toolbox : le site

> Designers Toolbox : Web Browser elements

> Designers Toolbox : Web Safe Area

Template psd pour customiser Twitter

Template psd pour customiser Twitter

Est-il encore nécessaire d'introduire Twitter ? Le célèbre réseau social créé il y a bientôt 3 ans est devenu au fil du temps un "lieu" quasi incontournable pour exposer ses états d'âme du moment, partager ses découvertes ou simplement pour discuter par "Tweets" interposés.

Sur Twitter il est possible de customiser sa page en changeant l'image d'arrière plan, la couleur du texte et des liens etc... Pour ceux qui souhaitent décliner l'univers graphique de leur site web ou blog sur leur page Twitter, il peut-être intéressant de passer par une maquette Photoshop avant d'appliquer les changements directement en ligne. Il est toujours plus facile de passer par une maquette avant de modifier une page web. N'ayant pas trouvé de template psd représentant précisément l'interface de base de Twitter, j'ai décidé d'en créer un moi-même.

Ayant maintenant terminé ce travail, je mets à disposition ce fichier psd. Je me suis appuyé sur une résolution de 1407px x 1200px. J'ai recréé toutes les zones modifiables, texte et liens compris. Vous n'avez donc plus qu'à ajouter votre image de fond, et changer le modèle de couleurs grâce aux options de fusion des calques. Cliquez sur la jolie boite pour télécharger le psd !

Quelques liens pour finir :

> Twitter : le site

> Detruk sur Twitter

Si le "packaging" vous intéresse, rendez-vous sur l'espace deviantArt de "Digital Phenom"...