{"id":105,"date":"2006-07-07T15:27:30","date_gmt":"2006-07-07T19:27:30","guid":{"rendered":"http:\/\/www.artofadambetts.com\/weblog\/?p=105"},"modified":"2010-10-17T11:45:30","modified_gmt":"2010-10-17T18:45:30","slug":"icon-design-tip-weight","status":"publish","type":"post","link":"http:\/\/www.artofadambetts.com\/weblog\/2006\/07\/icon-design-tip-weight\/","title":{"rendered":"Icon Design Tip: Weight"},"content":{"rendered":"<p align=\"center\"><img src=\"http:\/\/www.artofadambetts.com\/images\/postgraphics\/icons\/weightheavy.png\" \/><br \/>\n<span style=\"color: #b8b8b8; font-size: x-small;\">Incorrect icon weight on the right.<\/span><\/p>\n<p>Avoid cramming the 128&#215;128 canvas with full-size square graphic.  It&#8217;ll make your dock feel heavier and not balanced.<\/p>\n<h5>What you&#8217;ll want to do:<\/h5>\n<p><!--more--><\/p>\n<p>Unbold the icon by resizing it to be slightly smaller. My recommendation is -11 pixel width\/height.<\/p>\n<p align=\"center\"><img src=\"http:\/\/www.artofadambetts.com\/images\/postgraphics\/icons\/weightcomparison.png\" \/><br \/>\n<span style=\"color: #b8b8b8; font-size: x-small;\">May vary depending on graphic weight.<\/span><\/p>\n<h5>The result:<\/h5>\n<p align=\"center\"><img src=\"http:\/\/www.artofadambetts.com\/images\/postgraphics\/icons\/weightlight.png\" \/><br \/>\n<span style=\"color: #b8b8b8; font-size: x-small;\">Balanced dock after the resize.<\/span><\/p>\n<h5>Better comparison example:<\/h5>\n<p align=\"center\"><img src=\"http:\/\/www.artofadambetts.com\/images\/postgraphics\/icons\/comparison.png\" \/><br \/>\n<span style=\"color: #b8b8b8; font-size: x-small;\">Ahh, roomy dock.<\/span><\/p>\n<p>\nCorrect weight is what you&#8217;ll need to make icon sit comfortably in the dock.  Same tip can be applied to circle or diagonal shapes.<\/p>\n<p>Note: In some cases, full 128&#215;128 may be necessary.  This is mostly good for icons with heavy transparency (ie: large shadow area, transparency objects, etc.)<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Incorrect icon weight on the right. Avoid cramming the 128&#215;128 canvas with full-size square graphic. It&#8217;ll make your dock feel heavier and not balanced. What you&#8217;ll want to do:<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":[],"categories":[10],"tags":[],"_links":{"self":[{"href":"http:\/\/www.artofadambetts.com\/weblog\/wp-json\/wp\/v2\/posts\/105"}],"collection":[{"href":"http:\/\/www.artofadambetts.com\/weblog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"http:\/\/www.artofadambetts.com\/weblog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"http:\/\/www.artofadambetts.com\/weblog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"http:\/\/www.artofadambetts.com\/weblog\/wp-json\/wp\/v2\/comments?post=105"}],"version-history":[{"count":0,"href":"http:\/\/www.artofadambetts.com\/weblog\/wp-json\/wp\/v2\/posts\/105\/revisions"}],"wp:attachment":[{"href":"http:\/\/www.artofadambetts.com\/weblog\/wp-json\/wp\/v2\/media?parent=105"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"http:\/\/www.artofadambetts.com\/weblog\/wp-json\/wp\/v2\/categories?post=105"},{"taxonomy":"post_tag","embeddable":true,"href":"http:\/\/www.artofadambetts.com\/weblog\/wp-json\/wp\/v2\/tags?post=105"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}