background preloader

Design appli

Facebook Twitter

BrandColors. Informations. Télécharger le spécimen en Pdf Le spécimen se compose d’un livret de 48 pages qui présente le caractère INFINI accompagné du texte de Sébastien Morlighem « L’histoire de l’Infini ». Il est édité par le Centre national des arts plastiques et imprimé à 3 000 exemplaires. Il est également téléchargeable en pdf en deux versions : la version écran, qui reproduit intégralement la version papier ; la version pour l’impression, sans aplats de couleurs pour une impression économique. Version écranVersion pour l'impression Pour installer l’Infini sur son ordinateur L’installation du caractère Infini sur ordinateur Mac ou PC est particulièrement facile. Après avoir téléchargé le dossier Infini-cnap-fontes-specimen-x.xx.zip ouvrez-le et cliquez sur le fichier Lisez-moi.pdf.

Télécharger le caractère Pour installer l’Infini sur un site internet Facile ✌ Coller la ligne de code suivante dans la section <head> de votre site. Intégrer le caractère dans votre CSS. font-family: 'Infini', sans-serif; Avancée ♕ Bien choisir vos polices de caractères - Wix.com. Les polices de caractères ne servent pas uniquement à offrir du style (ou du caractère) à vos textes. Elles influencent leur interprétation, déteignent sur votre expérience utilisateur et, de manière générale, installent l’atmosphère de votre site. En d’autres termes, elles font partie intégrante de votre message.

Si vous n’avez pas besoin d’être un génie de l’informatique pour créer un site avec Wix, avoir quelques notions en graphisme pourrait bien vous être utile. Cette semaine, nous vous donnons 8 conseils pour choisir et utiliser vos polices de caractères. Quelle est votre identité visuelle ? Nous vous avons déjà expliqué comment définir l’identité de votre marque. À qui vous adressez-vous ? De la même façon que vous vous adressez à l’oral différemment à des seniors ou à des adolescents, votre choix typographique variera en fonction de votre audience. Quel est votre objectif ? Si vous tenez une boutique en ligne, il est recommandé de choisir une police dynamique, claire et fluide. Ultimate Resources For Mobile Web Application Design. The advancements of smartphones have improved the quality of mobile web development.

It is now possible to generate entire webapps using only HTML5 and CSS3. Coupled with many JavaScript libraries the possibilities for mobile development are endless. In this post, I have put together just over 70 resources for developing mobile websites and web applications. This collection is more focused on HTML5 / CSS3 / JS webapps as opposed to frameworks or native applications. The purpose is to give your mobile webapp a similar look & feel commonplace with native interfaces. Recommended Reading: A look into: Designing for Mobile Devices PSDs & UI Graphics Free PSDs are generally the most helpful assets to web developers. iOS 6 GUI PSD The mobile GUI kit by Teehan+Lax is an infamous resource for all mobile developers. Android Interface GUI Similar to the first GUI kit we can also find mobile elements related to Android-based native applications. Passbook iOS6 App UI PSD Tooltip iOS App UI @2x Navbar Manymo. Why ‘Ok’ Buttons in Dialog Boxes Work Best on the Right.

By anthony on 05/25/11 at 11:30 pm Designers often question where to place their ‘Ok’ and ‘Cancel’ buttons on dialog boxes. The ‘Ok’ button is the primary button that completes the task action. The ‘Cancel’ button is the secondary button that takes users back to their original screen without completing the action.

Based on their functions, what is the best order to place them? Should the ‘Ok’ button come before the ‘Cancel’ button or after? Platform Consistency Is Not Good Enough Many have referred to following platform conventions as the answer. “Consistency” is a popular word used among designers. What if a certain design convention is harmful to users? There are certain platform design conventions that are widely used today because they work for users. Button Placement Matters One could argue that making your action buttons prominent by giving it more visual weight and a clear and distinct label is more important than its placement.

Why ‘Ok’ Buttons Work Best on the Right Conclusion. Hot Ideas! For using Images in Presentations. Faut-il abandonner les menus façon hamburger ? - SimpleWeb.fr. Voilà presque 7 ans que l’iphone a été mis sur le marché. Sept années au cours desquelles les éditeurs se sont arraché les cheveux pour adapter leur site web aux contraintes des smartphones. Au fil des années les concepteurs se sont rapidement rendu compte qu’il n’y aurait jamais assez de pixels pour afficher un menu de navigation digne de ce nom et qu’il fallait donc s’en passer. Assez rapidement, un consensus a été trouvé autour d’un symbole abstrait en forme de hamburger. L’origine de ce symbole remonterait au PARC et désignerait une liste ou un empilement d’items (Who Designed the Hamburger Icon?). Le problème est que ce pictogramme pose des problèmes d’interprétation.

Les auteurs de ces articles sont unanimement tous d’accord pour dire que « la forme suit la fonction« , qu’il ne faut surtout pas « enfreindre le modèle mental des utilisateurs » et que comme le rappel Dieter Rams, « Good Design Makes A Product Understandable« . La justification de ces choix est la suivante : Design applis. Responsive Web Design.