{"id":2714,"date":"2010-06-03T09:59:08","date_gmt":"2010-06-03T08:59:08","guid":{"rendered":"http:\/\/www.itwriting.com\/blog\/2714-review-web-design-for-developers-by-brian-hogan.html"},"modified":"2010-06-03T09:59:08","modified_gmt":"2010-06-03T08:59:08","slug":"review-web-design-for-developers-by-brian-hogan","status":"publish","type":"post","link":"https:\/\/www.itwriting.com\/blog\/2714-review-web-design-for-developers-by-brian-hogan.html","title":{"rendered":"Review: Web Design for Developers by Brian Hogan"},"content":{"rendered":"<p>The title of this book struck a chord with me. I\u2019m comfortable with code but I don\u2019t find design easy. Design is not magic though, and design skills can be learned. Maybe a typical developer will never be a great designer, but the ability to create web pages that look professional and attractive should be achievable.<\/p>\n<p>Brian Hogan\u2019s book Web Design for Developers (Pragmatic Bookshelf) looks like it might be the answer. Sub-titled \u201cA programmer\u2019s guide to design tools and techniques\u201d it is aimed at developers who have \u201clittle or no design background\u201d.<\/p>\n<p>The book starts well, with a section called \u201cThe Basics of Design\u201d. There are chapters on sketching out a layout, selecting or creating a colour scheme \u2013 with helpful insight into something that seems from outside like a black art \u2013 and a chapter on fonts and typography, explaining mysteries like the baseline grid and leading.<\/p>\n<p>Hogan makes an interesting comment about fixed font sizes and accessibility. It used to be assumed that relative fonts are better for accessibility, as you can use the browser to increase the size. Hogan argues that zoom tools in the application or the operating system are better, since resizing fonts while images remain fixed makes a page look bad, so it is OK to use fixed font sizes.<\/p>\n<p>The next part covers graphics, using Adobe Illustrator and Photoshop; Hogan says these are industry standards and you should use them if possible. There is a chapter on logo design, and three chapters creating a design mock-up for a web page, including a detailed step-by-step on designing an icon. Useful chapters, though I would have liked this section to be longer. There is too much on the mechanics of using Photoshop, and not enough on the design decisions themselves. How do you go about deciding what size each section of a page should be? How do you avoid making a page too busy and cluttered, or leaving too much space so that elements look detached from one another? What\u2019s the secret to adding decorative elements without making the page look like a flashback to Geocities?<\/p>\n<p>Unfortunately, rather than drill further into these topics, Hogan devotes the rest of the book to more mechanics, including working with HTML and CSS, how to achieve compatibility across different browsers, exporting images from Photoshop, search engine optimization, and performance issues. There\u2019s plenty of good advice, though some is out-of-date: Hogan says that \u201cat the time of writing, IE 6 has more active users than Firefox\u201d. That is no longer the case.<\/p>\n<p>Although these are important topics, to my mind they are not especially challenging for developers, who know how to look up a CSS reference or figure out how to deal with cross-browser compatibility. Working out how something should look is more challenging than the implementation.<\/p>\n<p>Hogan lost the \u201cfor developers\u201d focus and ended up writing a book that could better have been called \u201cWeb Design Essentials\u201d or something similar.<\/p>\n<p>Not a bad book then; but not what I was hoping for. I do think the general topic of \u201cDesign for developers\u201d is under-served, especially as design has become far more important in the last few years, for numerous technical and strategic reasons, and would like to see further books on the subject.<\/p>\n<p> <iframe style=\"width: 120px; height: 240px\" marginheight=\"0\" src=\"http:\/\/rcm.amazon.com\/e\/cm?t=itwriting-20&amp;o=1&amp;p=8&amp;l=as1&amp;asins=1934356131&amp;fc1=000000&amp;IS2=1&amp;lt1=_blank&amp;m=amazon&amp;lc1=0000FF&amp;bc1=000000&amp;bg1=FFFFFF&amp;f=ifr\" frameborder=\"0\" marginwidth=\"0\" scrolling=\"no\"><\/iframe>&#160; <iframe style=\"width: 120px; height: 240px\" marginheight=\"0\" src=\"http:\/\/rcm-uk.amazon.co.uk\/e\/cm?t=onlyconnectsyste&amp;o=2&amp;p=8&amp;l=as1&amp;asins=1934356131&amp;fc1=000000&amp;IS2=1&amp;lt1=_blank&amp;m=amazon&amp;lc1=0000FF&amp;bc1=000000&amp;bg1=FFFFFF&amp;f=ifr\" frameborder=\"0\" marginwidth=\"0\" scrolling=\"no\"><\/iframe><\/p>\n","protected":false},"excerpt":{"rendered":"<p>The title of this book struck a chord with me. I\u2019m comfortable with code but I don\u2019t find design easy. Design is not magic though, and design skills can be learned. Maybe a typical developer will never be a great designer, but the ability to create web pages that look professional and attractive should be &hellip; <a href=\"https:\/\/www.itwriting.com\/blog\/2714-review-web-design-for-developers-by-brian-hogan.html\" class=\"more-link\">Continue reading <span class=\"screen-reader-text\">Review: Web Design for Developers by Brian Hogan<\/span> <span class=\"meta-nav\">&rarr;<\/span><\/a><\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[25,96],"tags":[214,976],"class_list":["post-2714","post","type-post","status-publish","format-standard","hentry","category-design","category-web-authoring","tag-book-review","tag-web-design"],"_links":{"self":[{"href":"https:\/\/www.itwriting.com\/blog\/wp-json\/wp\/v2\/posts\/2714","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.itwriting.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.itwriting.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.itwriting.com\/blog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.itwriting.com\/blog\/wp-json\/wp\/v2\/comments?post=2714"}],"version-history":[{"count":0,"href":"https:\/\/www.itwriting.com\/blog\/wp-json\/wp\/v2\/posts\/2714\/revisions"}],"wp:attachment":[{"href":"https:\/\/www.itwriting.com\/blog\/wp-json\/wp\/v2\/media?parent=2714"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.itwriting.com\/blog\/wp-json\/wp\/v2\/categories?post=2714"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.itwriting.com\/blog\/wp-json\/wp\/v2\/tags?post=2714"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}