Comment créer un logo à base de lettres Un grand nombre de sociétés signent leurs noms avec des lettres liées appelées ligatures. Les ligatures font d’excellents logos, uniques, simples et compactes. Les ligatures peuvent aussi donner un caractère sympathique à un logo. Certaines polices de caractère permettent de lier naturellement plusieurs lettres, dans d’autres cas les lettres peuvent être liées en minuscules mais pas en majuscules. Source : Graphics.com (en anglais). Utilisation de traits communs : Il est possible de former de nombreuses associations « naturelles » avec certaines lettres qui partagent des parties qu’il est facile d’assembler. Traits quasi identiques : Une paire formée par les lettres U et R partagent des traits quasi identiques qui fonctionnent avec une certaine fluidité. De l’angle au vertical : Les traits angulaires s’associent souvent bien avec les traits verticaux. Dans le cas où les traits de vos lettres ne s’associent pas très bien… Barres transversales du milieu : Rognez! Ressources de l’article :
Generateur de boutons CSS3 Développement CSS animation, transition, font, playground, ... Développement Javascript jQuery, Javascript, performance, ... Développement PHP test unitaire, librairies, ... Développement HTML5 HTML5 Api, localStorage, geolocalisation, ... Développement jQuery jQuery, plugins, performance, ... Outils pour développeur bordure, box-shadow, multi-columns, ... Voici un générateur de boutons CSS3 Update : Mise a jour du générateur Prise en charge d'IE10 Mise a jour de la syntaxe Résultat Code à copier Faire un don pour m'aider à continuer d'améliorer le site Autres outils que vous pourriez aimer
la cuisine du graphiste CSS Tooltip Generator This generator will help you design and learn how to make CSS tooltips. By using this generator it will save you time and effort in creating that perfect CSS tooltip for your website. Tooltips are a great way to display information about a link before to user proceeds to the destination. Please note that this generator will not work in all browsers, currently only web browsers that support CSS3 will render the tooltip correctly. Tooltip Options Container Color Text Color Background Color Height: 30px Border Radius: 6px Border Color Opacity: 0.8 Box Shadow Shadow Color Horizontal Length: 0px Vertical Length: 0px Blur Radius: 0px Text Shadow Blur: 0px HTML Code <a class="tooltips" href="#">CSS Tooltips <span>Tooltip</span></a> Browser Support Firefox 4.0+ Safari 5.0+ Opera 6.0+ Chrome 4.1+ CSS Code
Tendances du graphisme en 2015 - Camille CoquetCamille Coquet Ne vous inquiétez pas les tendances de l’année passée sont toujours « In ». Je sais que certains viennent tout juste de prendre connaissance du Flat design (qui date de 2013). Pour faire simple cette année on peut classer les tendances en 3 parties : continuation, évolution, opposition. Flat Design La simplicité d’un picto sur un aplat de couleur douce avec une typographie forte et réfléchie. Camille CoquetFlat Design Voir sur Responsive Design La multiplication des terminaux (les objets connectés sont sur le marché) oblige l’utilisation du responsive design. Camille CoquetResponsive design Full image La photo en plein écran sera toujours la mode cette année. Camille CoquetFull Image Ghost Cette tendance est apparue en milieu d’année. Camille CoquetGhost Image et Typographie Et si vous ajoutiez la puissance des mots à la puissance de l’image. Camille CoquetImage Typographie Material design Le material design n’est pas une tendance, mais plus une charte créée par Google. Low poly et géométrie
CSS Gradient Animator Les 10 tendances graphiques de 2015 - We are a design tribe - CREADS Nous vous proposons de découvrir les tendances graphiques de 2015 qui vous sont incontournables pour répondre aux nombreux projets de Creads si vous êtes webdesigners ou pour vous inspirer si vous êtes annonceur. Voici donc les 10 tendances graphiques qui font 2015 ! 1- Le flat design : soyez simple La tendance se confirme avec le flat design. 2- Le responsive : partout avec vous Le design s’adapte à tous les supports. 3- Le monopage : le scroll, la nouvelle tendance La navigation au scroll tient son origine du tactile. 4- Image first : L’image au centre du web design L’image s’affiche en grand et partout. 5- Typographie : le renouveau du caractère La typographie prend une place de plus en plus importante dans les nouveaux designs. 6- Le data design : la donnée simplifiée Le data design réfléchit les données et les rétribue en terme graphique. 7- La gamification : nouvel entrant dans le jeu Le serious gaming est de plus utilisé. 8- Le vintage : le retro est à la mode
Design de sites internet, les critères les plus importants Le design de votre site internet ne doit pas juste être beau. Il faut également qu’il soit optimisé pour l’utilisateur. Il doit vous permettre d’attirer un maximum de visiteurs grâce à un design interactif, et propice au partage. Savez vous à quoi devrait ressembler votre blog ? Il y à des critères pour la largeur optimale, le placement des bouton pour les réseaux sociaux, la taille et le type de police et les couleurs à employer sur vos sites internet. Ces critères vous aideront à réduire des facteurs comme le taux de rebond, et augmenter le temps passé sur le site. Quicksprout propose cette infographie en anglais. cliquez sur l’image pour l’agrandir Ce qu’il faut savoir pour le design de son site Conclusion Si vous appliquez les conseils présentés dans l’infographie, vous devriez voir une augmentation de votre nombre de visites. Ce sont des changements assez simples qui peuvent faire la différence entre un visiteur qui décampe et un visiteur qui consomme. source: quicksprout