21 Typography and Font Web Apps You Can’t Live Without : Speckyboy - Web Design, Web Development and Graphic Design Resources Typechart URL : TypechartDescription : Typechart lets you flip through, preview and compare web typography while retrieving the CSS. Browse through all the typography styles and download the CSS of the style you want to use. CSS Type Set URL : CSS Type Set.Description : This marvelous tools lets you type in your desired text, and then play about with the hundreds of possible CSS permutations, and when you find the style you like copy and paste the CSS into your stylesheet. Typetester URL : Typetester.Description : Typetester is an online app for comparing different fonts for the screen, you can test up to three fonts at a time and choose the one you like. STC fontBROWSER URL : STC fontBROWSER.Description : The STC fontBROWSER is an online tool for browsing various fonts and viewing how your selected text looks with each. Font Tester URL : Font Tester.Description : Font Tester is a free online font comparison tool. WhatTheFont Font Picker Wordle – Beautiful Word Clouds Linotype Font Finder sIFR
More Web Design Trends For 2009 Advertisement Last week we presented 10 Web Design Trends For 20091, our review of the most promising developments and techniques in web design that may become big in 2009. In the first part we covered embossing letters (“letterpress”), rich user interfaces, PNG transparency, big typography, carousels and media blocks. This post is the second part of our review. It presents design trends for 2009 in terms of layouts, visual approaches and design elements. Please notice that this post showcases trends and developments that were extensively covered in our previous articles (e.g. handwriting, retro and vintage etc.) and therefore weren’t covered in this post (they are all linked in the overview, so feel free to explore these single posts as well). You may want to take a look at the following related posts: Web Design Trends For 2009 Let’s first take a closer look at some of the trends we identified, discovered and observed over the last months. 1. 2. 3. 4. 5. 6. 7. 8. Did we miss something?
45+ Free Design Template And PSD Files | 1stwebdesigner - Love In Design With the explosion of flat-designed websites, web designers now follow the trend in a snap, adapting a cleaner and much simpler design which can be found in flat UI kits. We seldom see skeuomorphic designs nowadays. In fact, all of the depth has been slowly becoming flat. This is the reason why more and more designers have created flat design UI kits for web designers who want to follow the trend. These free flat UI kits come in an easy-to-access and easy-to-use formats. You’ll never run out of ways to use these because as flat design grows and develops, so too does your keen sense of design. Looking for more UI kits and PSD templates? Flat UI Kit By Riki Tanone Flat UI Kit By Devin Schulz Eerste UI Kit Flat UI Kit By Zachary VanDeHey Free Flat UI kit By Visualcreative Flat/UI Kit By Sebastian Scheer Splash of Color Premium Kit Flat UI Kit By DesignModo Flat UI Kit By Ben Moss Free Flat UI kit By Emanuel Serbanoiu Vertical Infinity Free Program Icons By Applove UI Kit By Creative Mints Free PSD UI Kit
12 Useful Web Tools for Designers | Six Revisions When it comes to design, there’s a plethora of free web-based tools to help you accomplish tasks such as color palette selection, creating unique fonts, editing images, and testing typography. In this article, you’ll find a bunch of handy online utilities for designers. kuler Create kuler is a web-based application by Adobe that helps you create and share color themes. pixlr pixlr is a web-based image editor with a Photoshop-like user interface; pixlr has similar features like layers, filters, and even a Clone Stamp tool. Wellstyled Color Scheme Generator Wellstyled’s Color Scheme Generator is a simple web tool that helps designers produce color themes. FontStruct FontStruct is a web-based tool created by font retailer FontShop for creating, editing, and sharing fonts. Typetester Typetester allows you to test, tweak, and compare screen typography. TypeNavigator TypeNavigator is a very clever web tool that can help designers identify typefaces. Dummy Text Generator BGPatterns Dabbleboard PicMarkr
Symptoms Of An Epidemic: Web Design Trends Why You Should Get Excited About Emotional Branding Globalization, low-cost technologies and saturated markets are making products and services interchangeable and barely distinguishable. As a result, today’s brands must go beyond face value and tap into consumers’ deepest subconscious emotions to win the marketplace. In recent decades, the economic base has shifted from production to consumption, from needs to wants, from objective to subjective. Read more... A Guide To Validating Product Ideas With Quick And Simple Experiments You probably know by now that you should speak with customers and test your idea before building a product. Mistakes include testing the wrong aspect of your business, asking the wrong questions and neglecting to define a criterion for success. Read more... Building The Web App For Unicef’s Tap Campaign: A Case Study Read more... How To Build A Ruby Gem With Bundler, Test-Driven Development, Travis CI And Coveralls, Oh My! Ruby is a great language. Read more...
Best of Yanko Design 2008 Best of Yanko Design 2008 With just a week left in the year we’ve wrapped up our best of the year designs in one big post for your reading pleasure. 2008 has been an eventful and inspiring year, and it’s hard to put all the top news in one place; still, if there’s one Yanko Design article you want to bookmark this year, this should be it. Happy Holidays and Happy New Year! 50) “DesCom” by Sung-kyu Nam. Permalink Hits: 26524. 49) iStick by Alexei Mikhailov. 48) Collapsible Surfboard by Nicholas Notara. 47) “Ceramix For Mix” by Florian Dussopt. 46) Metamophing Computer Interface by Jonathan Lucas. 45) E-Paper Slap Bracelets by Chocolate Agency. 44) The Shooter Fire Extinguisher by Junyi Heo. 43 ) Forest Fire “Clear Cut” Robot by Daniel Shankland II. 42) Pocket Light by Hyun Jin Yoon. 41) SMS & Email Pen by Reuben Png. 40) Making Your Own Clock by Bomi Kim. 39) The Edge Phone by Chris Owens. 38) BMW Gina. 37) Febot Recharges Batteries by Ji-yun Kim. 36) High Tech Napkins by Avery Holleman.
5 Excellent Sources To Download Free Text Fonts When I was a little innocent computer newbie, still finding my way around a keyboard and gasping with delight at the internet (“WOW! HOTMAIL!”), I made a few really bad mistakes while learning. One of them (which I still cringe about to this day) was back in 2000 when I installed 9000 fonts on Microsoft Word and then wondered why it took forever for the damn thing to start up! Even though I have learnt my lesson from that day, I still love fonts and I am always trying out new ones. Here are the five best ones in my opinion : What The Font?! Do you really like a particular poster design or a particular style of font and you would like to duplicate it? It seems to be very accurate and fast. DDFont Some nice fonts here. Fonts 500 Claims to be the top 500 free fonts on the web. TypeNow Here, they have some movie and TV themed fonts. Search Free Fonts This excellent site allows you to search through 13,000 free fonts, broken down into various categories. Where do you find your fonts? Loading ...
Textures In Modern Web Design Advertisement If you look around at well-designed websites in CSS galleries or any other source of design inspiration, you’ll see that texture is extremely common in modern Web design. One of the reasons it’s so popular is because of its versatility. Textures in Web design can be very subtle, so that the visitor hardly notices, or they can be a focal point of the design. When examining exemplary Web designs that employ textures, you’ll notice that textures are used in background images, headers, footers, sidebars, content areas and even fonts. One of the reasons texture is so useful to designers and so popular is because adding it to a design can be quick and easy with a program like Photoshop. Gallery: Texture in Modern Web Design Now, we’ll take a look at 50 websites in which texture has been applied to the design to improve it in some way. Textured Backgrounds When it comes to textures in modern Web design, background images are probably the most common area of use. Textured Headers 1.
30 Must-Have Logo Books Inspiration January 16, 2009 Every once in a while, talent and technique aren’t enough to help you finish your logo project. You need inspiration, motivation, opinion, or probably someone to compare notes with. For such occasions, you may find a logo book an interesting reference. This post outlines some of the bestselling and upcoming logo books in the market — created and/or inspired by people who know more than a thing or two about logo design. Some of the logo books are quite a sight themselves. 1. 2. 3. 4. 5. 6. 7. 8. 9. 10. 11. 1,000 Retail Graphics: From Signage to Logos and Everything for In-Store 12. 13. 14. 15. 16. 17. 18. 19. 20. 21. 22. 23. 24. 25. 26. 27. 28. 29. 30.
30 high-quality free fonts for professional designs | Design daily news EDIT: Please note that some of these fonts are for personal use only, make sure you always check the license before using the font. Even though you’ll have to pay for the best fonts, like Helvetica or Univers, the web is full of quality fonts that are perfectly suitable for professional design work and business printing. The fonts are classified to make the page easier to scan. Sans-serif fonts 1. 2. 3. 4. 5. 6. 7. 078MKSD Medium Condensed 8. 9. Semi-Serif fonts 10. 11. 12. 13. Serif fonts 14. 15. 16. 17. 18. 19. 20. 21. 22. 23. Titles, sketches, other uses… 24. 25. 26. 27. 28. 29. 30. Retro and Vintage In Modern Web Design Advertisement Retro and vintage are becoming a new trend. Once rarely used in this robust, dynamic medium, early, retro and vintage elements are now becoming more and more popular in a variety of design contexts. Online shops, corporate designs, portfolios and blogs incorporate both styles on a small and large scale. Retro and vintage designs exhibit graphic solutions that are strongly influenced by the time period that they are supposed to represent. Such elements create a nostalgic atmosphere, awaken feelings and memories and attempt to communicate information effectively using emotions. The Secrets Of Vintage and Retro Designs What elements do designers use to create a genuine vintage or retro atmosphere? illustrations from old posters, movies, newspapers, CDs, vinyls, ads; old-style typography (e.g. vintage and retro are often combined with a hand-drawing style2 and grunge style3. Below, you’ll find a showcase of 50 beautiful retro, vintage and Renaissance designs. Custom Design6
Iconfactory 23 amazing free modern clean sans serif fonts for designers on studiowhiz.com On 04.01.09, In Design, by Keranm 23 fonts that will set your design apart from all the rest Fonts have come a long way, today’s designers are looking more and more for fonts that are full of life, with subtleties of space and shape. Fonts are as much about what’s not there as what is. This collection celebrates the clean modern fonts, that give a striking elegance to any page, with bold lines, white space and clean curves. What’s better – all these fonts are free (NOTE: Ambrosia is a trial font sorry) Update: check out 32 free fun & funky fonts for your design project Walkway Comfortaa Tin Birdhouse Often TF Grutch Grotesk Tuffy Street Folks Alte Haas Grotesk Libel Suit Gauntlet Tondo Siple 2 Nelson ShoCard DNA 20th Century Sansumi Ambrosia Delicious Geo Sans Light Reding 1969 Duepuntozero Fertigo Pro Eurofurence That’s it for this collection – some wonderful free modern fonts in this collection. Keranm
Hand-Drawing Style In Modern Web Design - Volume 2 Advertisement When it comes to web design too often perfect, colorful and boxy designs make the cut; however, the reality is different as it is hard to find objects with a perfect shape and a perfect color in our daily routine. To achieve a unique and communicative design we need to consider more creative approaches. For instance, we can draw sites by ourselves — or at least some parts of it. The main purpose of hand-drawn elements lies in their ability to convey a personality and an individual note in times when perfect, boxy and rounded elements can be found almost everywhere. And in fact, this is done quite often: whether a blog, a shop, an ad, a private page, or some collaborative project — doesn’t matter whether with Flash or (X)HTML. Please also have a look at our previous showcase Hand-Drawing Style In Modern Web Design What’s new? Few months ago we’ve declared that, in our humble opinion, shiny and glossy design elements were officially outdated. Script fonts gain on popularity 1.