background preloader

Design

Facebook Twitter

I ♥ wireframes - The ultimate source of inspiration and collection of resources for wireframes. One div - The single element HTML/CSS icon database. De la simplicité: Amazon.fr: John Maeda, Jean-Luc Fidel. Ergonomie web : Pour des sites web efficaces: Amazon.fr: Amélie Boucher, Elie Sloïm.

Design émotionnel eBook: Aarron Walter, Jared Spool: Amazon.fr: Boutique Kindle. Broadcast Yourself. “How much does a website cost?” and other pricing questions. If there’s one thing nobody seems to want to talk about, it’s pricing. Most designers don’t publish their rates, and good luck getting a company to tell you how much they paid for their site. The results of this situation is that it can be pretty hard to know how much to spent on design.

Spend too much, and you’ll be accused of wasting money like those $300,000 logos you read about. Spent too little, and you risk ending up with a crappy “designed by my 14 year old nephew” website. So I asked 40 of Folyo’s designers to answer a couple questions about their pricing strategies, and I hope the results will help you get a better picture of design prices. A couple disclaimers All prices are for design only, i.e. they don’t include any sort of coding (no HTML, no CSS, no Javascript, no PHP, etc.).The sample size was very small (40 designers). 8 Usability Mistakes Made By Web Designers. In the world of web design, we can look around and see so many shining examples of what makes this industry great.

8 Usability Mistakes Made By Web Designers

Though we are certainly not an industry without our faults and flaws. In fact, with that same discerning eye one can look around and see examples of our less than stellar industry moments. In fact, one can even point to common examples of balls being dropped in various areas. For example, in the usability arena of web design. Here we can point to a handful of overlooked elements and oft made careless blunders that haunt far too many of our web design pasts. No Mobile Consideration Unfortunately for so many already established sites and designs, the explosion of the mobile web market has left many brands unprepared for this new landscape.

Simon Foster Design. Free Faces. Free textures for your next web project. Shading with CSS text-shadows. Last Thursday in New Orleans I attended a glass gilding workshop with John Downer and Leonard Otillio, part of TypeCon 2011.

Shading with CSS text-shadows

It was excellent, and I cannot recommend the experience highly enough. As a web designer, it felt great to use physical materials. And to be around John and Leonard, such careful stewards of their craft, was an education I could abstract; it’s easy to see opportunities for similar craftsmanship in the subtle and practical details of web typesetting. During the workshop I picked up a few sign painting terms that were new to me, and relevant to web designers as browser support for CSS text-shadows becomes more widespread. Check out these various shading techniques on the demo page I made to accompany this post.

Bello Pro with a relief shade The drop shade is a technique with which web designers are already familiar. The League of Moveable Type. Create Your Own @font-face Kits. CSS Regions Prototype. Draw on any webpage. Share thoughts. Move ideas. - Markup. TK TYPE > Chartwell. 40+ Beautiful and Fresh Free Fonts for Download. Whether you are reading a printed newspaper, magazine, web article or just surfing the Internet, an important element that draws your attention at first is the font.

40+ Beautiful and Fresh Free Fonts for Download

A well-chosen font is fundamental as it has to be distinctive and attractive, to catch the reader’s eye and make him want to read the given information. A well-selected font is an important key to the success of the project you work on, especially if you want your content to be read. Surely, designers know that there is countless number of free fonts available, so finding the ideal font for you can be very difficult, unless, you already know what you are looking for. The variety of fonts can make you go crazy and makes it difficult to decide whether you are looking for a classic font or something that is original and fun. Hopefully, this article can make your search a little bit easier. Infinity Blox Banda Regular Otama e.p. Creatica Broken Records Dock 11 Alpha 63. How to Create a Tasty Web 2.0 Text Logo. The best part of using Adobe Illustrator especially when creating logo design is that all your works are saved in vector files.

How to Create a Tasty Web 2.0 Text Logo

Which means you can adjust the size of your logo without sacrificing the quality of your design. Today, you will learn how to create a logo design with adobe illustrator. This tutorial may help you to create a logotype for various kind of food products and concepts: candies, juice, cereals and so on. The sort of type treatment used in this tutorial is ideal to bring to the consumer an incredible need to eat and drink! Final Preview Below are the steps to create a crunchy and nice logo, clean and legible (like the logo above). Step 1 Start with choosing the right font. Once your word written, vectorize the text. It”s important to have a single form to proceed, so we”ll have to clean the uneeded anchor points. Step 2 Once selected, press Cmd + Shift + G to ungroup, select the Make Compund Shape in the drop down list.

Step 3. 2011 Logo Design Trends - Showcase, Examples & Discussion. Posted on 30'11 Apr Posted on April 30, 2011 along with 53 JUST™ Creative Comments Logo Lounge, for the past nine years, has posted annual logo design trend reports and they have just released the 2011 logo design trends report. 50 Best Free Thin Fonts.