Design inspiration, tips tricks and theory. Includes links on logos, layout, typography and designing grid systems on the web.
Ryan Singer from 37Signals shares a great method for solving an interface design challenge, given the myriad of possibilities that the layout of an interface can have.
His method works first by listing elements and then grouping related ones together, after which the groups are prioritized, mocked up and then joined together into a unit before being drawn up for real.
There are some good links at the bottom and don't miss the link back to their blog for the ensuing discussion.
Some great tips from Garrett that really ring home here at Fiftyfoureleven. As more of a programmer, I have come to learn a lot of what Garrett offers here for people who aren't from a design background.
Richard Rutter, aided by Steve Marshall, takes the book The Elements of Typographic Style and will
step through Bringhurst’s working principles, explaining how to accomplish each using techniques available in HTML and CSS.
This should be an excellent resource for people who design websites.
Just gotta say wow. A window into someone elses creative mind and process, always good for some design inspiration.
A design gallery for logos and another great stop for inspiration. Also has a forum with a marketplace and areas to dicuss logo design and resources which includes books and links to helpful articles.
An a-z listing of famous brands, their logo thru time and a short history of how the logo came to be what it is. Many of the examples also include a downloadable .eps file of the logos.
The website also features some comments on logo design trends and don't miss the The Big Page of Branding & Corporate Identity Design, which features a huge list of Corporate Identity Manuals & Guides and also The 22 Immutable Laws of Branding.
Simplicity is the Ultimate Sophistication, the last principle in the list but one that I can appreciate when I see it.
Joshua Porter provides five simple design tips that could help many designers (and wanna-be designers like me). I would only add that a sixth principle would be to stop and review a design based on these principles at different stages of the process. It can be easy to over design.
Don't miss the comments for some healthy debate on the principles that Joshua presents.
Another excellent article that covers an eye tracking study, and in this case research found that by working over the content of a page in addition to the layout of the content, readers would spend less time on the page and yet retained 34% more about what they read!
Three different short case studies are reviewed, each with it's own lesson.
Garrett Dimon wrote up some details about the evolution of the header area on a couple of screens for his webapp Sifter. It provides a very nice overview of the stages of development (with sketches and images) and we get to see how the decisions were made. I find these articles a good way to bring some focus back to what they are discussing, and in this case I feel compelled to examine how I handle meta data in our CMS and on my websites like 5411.
Khaled Abou Alfa offers up a list of several online printers that he has run into. If you are looking to make a business card, online printers could be your answer.
Some interesting eyetracking research done by Jakob Nielsen's Nielsen Norman Group. Some things to keep in mind here, be it for writing style or for advertisement placement.
Of course there are exceptions. Take Jacob's site, for instance: if a user is interested, they may just read more then this study shows.
Some interesting notes on page design and longer pages with more information vs. shorter pages with information broken up. This study suggests that longer pages worked better, and that care should be taken with horizontal lines in page layouts.
If you've ever wondered what fonts ship and install by default with Windows XP (and I know you have), Web Page Design for Designers has you covered. Microsoft has the full list.
Over 90 screenshots of different typography used in headlines from various websites. The main difference beside the font being used (color size etc.) is some of the creativity seen with meta data such as dates and categories. I've always felt that data should come after the title in the markup, not above. But as seen here, not everyone feels this way.
Mike Davidson introduces siFR to the world with a lenthy, well researched history lesson about typography on the web.
Scaleable Inman Flash Replacement = "Custom typography for the masses" made possible thru CSS, Javascipt and Flash.
Joe Clark boils it down to basics in these presentation notes that weren't given at SXSW 2005.
From the notes:
So the relationship of graphic design to Web success is the same as the relationship of standards compliance to Web success: You only find it on sites that are visited solely by people who really understand the Web. We donÃ¢â‚¬â„¢t have any proof that mainstream success requires good design, or even good code, for that matter
I started freelancing by diving in head first and getting on with it. Many years and a lot of experience later I was still able to take away some gems from this book, and there are plenty I wish I had thought of beforehand. If you are new to freelancing and have a lot of questions (or maybe don't know what questions to ask!) do yourself a favor and at least check out the sample chapters.
Like the other books listed here, this provides a great reference for the PHP developer looking to have the right answers from the right people at their fingertips. I tend to pull this off the shelf when I need to delve into new territory and usually find a workable solution to keep development moving. This only needs to happen once and you recoup the price of the book in time saved from having to develop the solution or find the right pattern for getting the job done..