background preloader

Free fonts and premium fonts used by designers

Free fonts and premium fonts used by designers
There are usually two camps among designers when it comes to typeface choices. One group has a handful of favorite typefaces they adapt to every design they create, believing that these handful of typefaces can be suitable for every situation. The other camp believes in using a huge variety of typefaces, picking and choosing each one based specifically on the project at hand. Regardless of which camp you fit into, the typefaces below should interest you. They have proven popular among designers the world over, and are used in designs for everything from multi-national corporations to individual books or journals. Have we missed one of your old time favorites? Akzidenz Grotesk Akzidenz Grotesk was the first widely-adopted sans serif typeface, and an influencer of many later neo-grotesque typefaces, including Helvetica and Univers. Akzidenz Grotesk was created in 1898 by H. Strengths Akzidenz-Grotesk is a versatile typeface, suitable for both headlines and body copy. Avenir Baskerville Bembo

fonts, typefaces and all things typographical — I love Typography (ILT) 45+ Free Lessons In Graphic Design Theory Sep 15 2011 Considering how many designers are self-taught, either in whole or in part, the importance of a solid foundation in graphic design theory is often overlooked. New designers often want to jump right into creating websites, rather than learning the basics of why some designs work and some don’t. But they’re putting themselves at a disadvantage to designers who do have formal training or have taken the time to learn the principles behind good design. Below are more than 45 recent lessons in graphic design theory. General Design Theory The Lost Principles of Design Covers a number of basic graphic design principles, including balance, contrast, emphasis and subordination, directional forces, proportion, scale, repetition and rhythm, and unity, all with illustrations. Principles of Good Design: Balance Discusses how important balance is to creating an effective design. Web Design Tips: The Use of Balance This covers how to create balance in your website designs. Typography (al)(rb)

Comment l’internet transforme-t-il la façon dont on pense ? (1/5) : un réseau d’humains et de machines enchevêtrées Par Hubert Guillaud le 09/02/10 | 12 commentaires | 18,511 lectures | Impression “Comment l’internet transforme-t-il la façon dont vous pensez ?”, telle était la grande question annuelle posée par la revue The Edge à quelque 170 experts, scientifiques, artistes et penseurs. “Une nouvelle invention a émergé, un code pour la conscience collective qui nécessite une nouvelle façon de penser”, explique John Brockman, l’éditeur de The Edge. L’internet change la façon dont nous décidons Pour le physicien Daniel Hillis, le réel impact de l’internet a été de changer la façon dont nous prenons des décisions. “Nous avons incarné notre rationalité dans nos machines et leur avons délégué nombre de nos choix et de ce fait nous avons créé un monde au-delà de notre propre compréhension. Pour Marissa Mayer de Google, “l’internet n’a pas changé ce que l’on sait, mais ce que l’on peut trouver”. Un modèle de conception L’internet nous empêche de le comprendre Hubert Guillaud Sur ces mêmes sujets

80 Beautiful Typefaces For Professional Design Advertisement You don’t like to scroll? Be prepared. (We warned you.) Every now and again designers stumble upon the very same problem: the choice of a unique and beautiful typeface which manages to fulfill three basic tasks. So which typefaces are “bulletproof”? We have answers. Let’s take a look at over 80 gorgeous typefaces for professional design, based upon suggestions from designers and web-developers all over the world. Classic Typefaces Classics of typography in a brief overview. 1. 2. 3. 4. 5. 6. 7. 8. 9. 10. 11. 12. 13. 14. 15. 16. 17. 18. 19. 20. 21. 22. 24. 25. 26. 27. 28. 29. 30. Further Typefaces The fonts listed below aren’t so well-known. 31. ProcessTypeFoundry4 32. ProcessTypeFoundry5 33. Source6 34. Typetogether 35. Feliciano Type Foundry7 36. Le Monde Courrier8, € 167.4 for 2 PCs 37. Parisine PTF9, € 210 for 8 PCs 38. Source 39. Christian Schwartzl10 40. 41. 42. Source11 / DSType 43. Source12 44. 45. Source13 46. Felbridge14, £29.00 per font 47. 48. 49. Source: Typographica.org15 50.

25 Examples of Big Typography in Web Design Here at WDL we love typography and we are constantly showing our readers good typo usage, from print to logos, from web to random typographic works, we really feel the need to keep the juices flowing in that area, and we could not forget to mention all the free fonts we like to show you! So today we decided to show our love for typography gathering some examples of big typography in web design. From bold and colorful letters to delicate handwriting ones, you will find a lot of inspiring examples of how to get attention using typography, enjoy. Riser Karb Bellstrike The Lost Thing Joel Andrew Glovier Soulwire cookiesound McFarlane Change Management Skewed Icons Rice Bowls Appmiral Barcamp Omaha Leaderbe Consulting Andy Hillier Ana Majik River & Robots Moreno Contrive Digital Francesca Nini Daniel Martin Ruth Buses at the Brewery Corkcicle Smokey Bones Mr Henry Source: The Best DesignsunmatchedstyleAwwwards About the Author Related Posts 244 shares 11 Inspiring Examples of Textures and Patterns in Web Design Read More

Signification des couleurs en E-marketing et en Ergonomie Web . Sur la demande de plusieurs clients et stagiaires, les consultants-rédacteurs de Trinity Advise se sont mobilisés pour vous proposer un dossier complet sur les codes couleurs web et la signification des couleurs pour Internet. Vecteurs de cohérence graphique, les couleurs dictent de nombreux comportements à l’inconscient de l’internaute. Elle génèrent des réactions et des émotions que nous ne savons pas concrètement évaluer et chiffrer en e-marketing, sauf avec les nouveaux outils de test d’ergonomie web (eye tracking, mouse tracking, neuromarketing). Comment sont perçues les couleurs sur Internet, quel est leur impact sur la navigation et comment influencent-elles les internautes dans le tunnel d’achat ? Voici quelques explications issues de nos travaux de recherche, qui permettront d’apporter des éclaircissements sur ce sujet.. 1. 2. 3. 4. Annotations et explications complémentaires [x] En savoir plus ————————————————– . Significations : Représentations : Domaines : Sites exemples :

MyFonts: Webfonts & Desktop Fonts Designing Effective Websites - 80 Articles Summer 2011 This post presents a collection of articles on how to develop an effective website which were retweeted at @htmlcut this summer. The roundup can be especially useful if you are planning to start a new web development project and need to refresh your knowledge, “shake up” creativity or find new ideas. In fact, there are a lot of resources about different aspects of effective web design on the Internet. However, the web industry is changing very fast, and new trends appear here almost every day. Some of the articles listed below describe exactly such new tendencies. But even if an article doesn’t provide something absolutely new, it can be still helpful. Please note: Most of the articles include a list of additional resources – don’t forget to check them out too. Hope you’ll find this compilation interesting for you. Web Design Principles and Basics 2). 3). 4). 5). 6). 7). Website Structure 1). 2). 3). Website Layout 1). 2). Psychology and Web Design 2). Colors in Web Design 1). 2). 3). 1). 3).

News Gothic MT Help us to continue our free services Font Type: TrueType Added On: October 24, 2011 Family Name: N/A Vendor: N/A Designer: N/A Copyright: N/A Licence: Unknown Style: N/A Version: N/A Number of Characters: 0 Fixed Pitch: No News Gothic MT downloaded 7815 time(s) so far Responsive Web Design Demystified Tutorial by Matt Doyle | Level: Intermediate | Published on 30 September 2011 Categories: What exactly is responsive design, and how do you create a responsive website? Responsive web design is a hot topic these days, especially as websites need to adapt to the growing number of mobile devices with their relatively small screens. However, the whole topic can be somewhat bewildering at first glance. In this article, you get a gentle introduction to the world of responsive web design. Learn exactly what responsive design is, and why it's useful Look at the difference between the terms "responsive design" and "adaptive design" Take an existing fluid layout and convert it into a responsive layout that looks good on all screens, from mobile to widescreen desktop, and See how media queries and the viewport meta tag can help you build responsive layouts. Ready to explore the world of responsive design? Responsive design in a nutshell The www.elated.com layout is fixed-width. min-width: max-width:

Sadhu » S » Text Fonts » TrueType »  Free Font Download | Eagle Fonts Lowercase characters Uppercase characters Numbers Character map Tip: Hover your mouse pointer on ttf font Sadhu character map to zoom in. Responsive Design with CSS3 Media Queries Screen resolution nowsaday ranges from 320px (iPhone) to 2560px (large monitor) or even higher. Users no longer just browse the web with desktop computers. Users now use mobile phones, small notebooks, tablet devices such as iPad or Playbook to access the web. So the traditional fixed width design doesn't work any more. Web design needs to be adaptive. View Demo Responsive Design Download Demo ZIP See It in Action First Before you start, check the final demo to see how it looks like. More Examples If you want to see more examples, check out the following WordPress themes that I designed with media queries: Tisa, Elemin, Suco, iTheme2, Funki, Minblr, and Wumblr. Overview The page's container has a width of 980px which is optimized for any resolution wider than 1024px. HTML Code I'm not going to go through the details of the HTML code. HTML5.js Note that I use HTML5 markup in my demo. Reset HTML5 Elements to Block Main Structure CSS Again, I'm not going to get into the details. Step 1 Demo Updates

Fuentes palo seco, patinada y ornamental para descargar gratis / cool free fonts for download | Paola Lozano Posted by PaolaPosted on abr - 19 - 2010 Mientras más variedad de fuentes tengamos para diseñar, mejor será el resultado por que podemos comparar cuál es la que va perfecta con nuestro diseño, es por esto que aquí les dejo una recopilación de varias fuentes que me parecieron buenas o interesantes y además gratis, espero les gusten: The more variety of fonts we have to design, the better the outcome because we can compare which one is perfect for our design, which is why I made this compilation of several fonts that seemed good or interesting to me and also free, I hope you like them: 20 Excellent Examples of Icon Usage in Web Design Here on WDL we love icons! From Icon Tutorials to a list with the Best Free Icon Sets of 2010 and a 15 Must-Have Minimalist Icon Sets, we already showcased a lot of great icons around here to boost your inspiration. Today we decided to gather some examples of icon usage in web design to show you how icons can make a difference in a layout, giving a page a nice touch, in both interface and experience. Check out the examples we got and start to think about giving icons a new try on your next design. Clarity – Clean Portfolio WordPress Theme Movmt Studio I am Tiago B3 Studios Worry Free Labs Studio Nudge Peter Nappi iMyGarden Cake Sweet Cake AppVita Keith Cakes Square photovine enixel Grégory Sujkowski Syropia Clases Inglés Madrid claimtz Pandr Moredays Source: The Best DesignsSite InspireSites of the Week – Abduzeedo About the Author Gisele Muller loves communication, technology, web, design, movies, gastronomy and creativity. Related Posts 463 shares 8 Free & Useful Minimal Icon Sets Read More 916 shares

Related: