Details Make the Difference, Web Design World 2008, Boston

50 %
50 %
Information about Details Make the Difference, Web Design World 2008, Boston
Design

Published on December 9, 2008

Author: danrubin

Source: slideshare.net

Details Make the Difference Web Design World Boston, 2008 » Dan Rubin Sidebar Creative

Details Make the Difference Web Design World Boston, 2008 Hi! Me, according to nGen works @ http://happywebbies.com/ ©2008 Dan Rubin » http://superfluousbanter.org/presentations/2008/

Details Make the Difference Web Design World Boston, 2008 Web Standards Creativity by Dan Rubin (and 9 other guys) ©2008 Dan Rubin » http://superfluousbanter.org/presentations/2008/

Details Make the Difference Web Design World Boston, 2008 What we’re talking about: ✓ Proportional design ✓ Borders, lines and layer modes ✓ Texture, Depth and Light Effects ✓ a bunch of other interesting stuff ©2008 Dan Rubin » http://superfluousbanter.org/presentations/2008/

Details Make the Difference Web Design World Boston, 2008 Why are we here? ©2008 Dan Rubin » http://superfluousbanter.org/presentations/2008/

Details Make the Difference Web Design World Boston, 2008 Details define how a design feels. ©2008 Dan Rubin » http://superfluousbanter.org/presentations/2008/

Details Make the Difference Web Design World Boston, 2008 It’s all about balance. ©2008 Dan Rubin » http://superfluousbanter.org/presentations/2008/

Details Make the Difference Web Design World Boston, 2008 Proportion ©2008 Dan Rubin » http://superfluousbanter.org/presentations/2008/

Details Make the Difference Web Design World Boston, 2008 Create patterns for margins and padding. ©2008 Dan Rubin » http://superfluousbanter.org/presentations/2008/

Details Make the Difference Web Design World Boston, 2008 ©2008 Dan Rubin » http://superfluousbanter.org/presentations/2008/

Details Make the Difference Web Design World Boston, 2008 CNN.com margins, padding, borders: 6, 12, 18px ©2008 Dan Rubin » http://superfluousbanter.org/presentations/2008/

Details Make the Difference Web Design World Boston, 2008 ©2008 Dan Rubin » http://superfluousbanter.org/presentations/2008/

Details Make the Difference Web Design World Boston, 2008 12px ©2008 Dan Rubin » http://superfluousbanter.org/presentations/2008/

Details Make the Difference Web Design World Boston, 2008 12px 12px ©2008 Dan Rubin » http://superfluousbanter.org/presentations/2008/

Details Make the Difference Web Design World Boston, 2008 6px 6px ©2008 Dan Rubin » http://superfluousbanter.org/presentations/2008/

Details Make the Difference Web Design World Boston, 2008 18px ©2008 Dan Rubin » http://superfluousbanter.org/presentations/2008/

Details Make the Difference Web Design World Boston, 2008 p.s. their body copy defaults to 12px ©2008 Dan Rubin » http://superfluousbanter.org/presentations/2008/

Details Make the Difference Web Design World Boston, 2008 Why should we love patterns? ©2008 Dan Rubin » http://superfluousbanter.org/presentations/2008/

Details Make the Difference Web Design World Boston, 2008 Patterns make it easier to do the right thing. ©2008 Dan Rubin » http://superfluousbanter.org/presentations/2008/

Details Make the Difference Web Design World Boston, 2008 ©2008 Dan Rubin » http://superfluousbanter.org/presentations/2008/

Details Make the Difference Web Design World Boston, 2008 ©2008 Dan Rubin » http://superfluousbanter.org/presentations/2008/

Details Make the Difference Web Design World Boston, 2008 ©2008 Dan Rubin » http://superfluousbanter.org/presentations/2008/

Details Make the Difference Web Design World Boston, 2008 Typography ©2008 Dan Rubin » http://superfluousbanter.org/presentations/2008/

Details Make the Difference Web Design World Boston, 2008 Use relative text sizes to create balance. ©2008 Dan Rubin » http://superfluousbanter.org/presentations/2008/

Details Make the Difference Web Design World Boston, 2008 9 12 Relative text sizes create balance Relative text sizes create balance 15 Relative text sizes create balance Relative text sizes create balance 18 Relative text sizes create balance Relative text sizes create balance 21 Relative text sizes create balance 24 36 ©2008 Dan Rubin » http://superfluousbanter.org/presentations/2008/

Details Make the Difference Web Design World Boston, 2008 Range kerning ©2008 Dan Rubin » http://superfluousbanter.org/presentations/2008/

Details Make the Difference Web Design World Boston, 2008 aka “tracking” or “letter-spacing” ©2008 Dan Rubin » http://superfluousbanter.org/presentations/2008/

Details Make the Difference Web Design World Boston, 2008 ©2008 Dan Rubin » http://superfluousbanter.org/presentations/2008/

Details Make the Difference Web Design World Boston, 2008 ©2008 Dan Rubin » http://superfluousbanter.org/presentations/2008/

Details Make the Difference Web Design World Boston, 2008 Pretty Type ©2008 Dan Rubin » http://superfluousbanter.org/presentations/2008/

Details Make the Difference Web Design World Boston, 2008 Don’t be afraid to experiment. ©2008 Dan Rubin » http://superfluousbanter.org/presentations/2008/

Details Make the Difference Web Design World Boston, 2008 Gradient Overlay: White to Black, 20% Opacity Stroke: White, 5px, 20% Opacity Inner Glow: White, Screen, 5px, 60% Opacity ©2008 Dan Rubin » http://superfluousbanter.org/presentations/2008/

Details Make the Difference Web Design World Boston, 2008 Grids ©2008 Dan Rubin » http://superfluousbanter.org/presentations/2008/

Details Make the Difference Web Design World Boston, 2008 Using grids removes the guesswork. ©2008 Dan Rubin » http://superfluousbanter.org/presentations/2008/

Details Make the Difference Web Design World Boston, 2008 Grids are just another simple pattern. ©2008 Dan Rubin » http://superfluousbanter.org/presentations/2008/

Details Make the Difference Web Design World Boston, 2008 ©2008 Dan Rubin » http://superfluousbanter.org/presentations/2008/

Details Make the Difference Web Design World Boston, 2008 ©2008 Dan Rubin » http://superfluousbanter.org/presentations/2008/

Details Make the Difference Web Design World Boston, 2008 ©2008 Dan Rubin » http://superfluousbanter.org/presentations/2008/

Details Make the Difference Web Design World Boston, 2008 ©2008 Dan Rubin » http://superfluousbanter.org/presentations/2008/

Details Make the Difference Web Design World Boston, 2008 ©2008 Dan Rubin » http://superfluousbanter.org/presentations/2008/

Details Make the Difference Web Design World Boston, 2008 ©2008 Dan Rubin » http://superfluousbanter.org/presentations/2008/

Details Make the Difference Web Design World Boston, 2008 Grid = Box break out of it. ©2008 Dan Rubin » http://superfluousbanter.org/presentations/2008/

Details Make the Difference Web Design World Boston, 2008 Remember, grids are just helpful guides. ©2008 Dan Rubin » http://superfluousbanter.org/presentations/2008/

Details Make the Difference Web Design World Boston, 2008 ©2008 Dan Rubin » http://superfluousbanter.org/presentations/2008/

Details Make the Difference Web Design World Boston, 2008 ©2008 Dan Rubin » http://superfluousbanter.org/presentations/2008/

Details Make the Difference Web Design World Boston, 2008 ©2008 Dan Rubin » http://superfluousbanter.org/presentations/2008/

Details Make the Difference Web Design World Boston, 2008 ©2008 Dan Rubin » http://superfluousbanter.org/presentations/2008/

Details Make the Difference Web Design World Boston, 2008 ©2008 Dan Rubin » http://superfluousbanter.org/presentations/2008/

Details Make the Difference Web Design World Boston, 2008 ©2008 Dan Rubin » http://superfluousbanter.org/presentations/2008/

Details Make the Difference Web Design World Boston, 2008 ©2008 Dan Rubin » http://superfluousbanter.org/presentations/2008/

Details Make the Difference Web Design World Boston, 2008 ©2008 Dan Rubin » http://superfluousbanter.org/presentations/2008/

Details Make the Difference Web Design World Boston, 2008 ©2008 Dan Rubin » http://superfluousbanter.org/presentations/2008/

Details Make the Difference Web Design World Boston, 2008 Texture ©2008 Dan Rubin » http://superfluousbanter.org/presentations/2008/

Details Make the Difference Web Design World Boston, 2008 Reality is rarely smooth. ©2008 Dan Rubin » http://superfluousbanter.org/presentations/2008/

Details Make the Difference Web Design World Boston, 2008 Add subtle texture to your designs. ©2008 Dan Rubin » http://superfluousbanter.org/presentations/2008/

Details Make the Difference Web Design World Boston, 2008 ©2008 Dan Rubin » http://superfluousbanter.org/presentations/2008/

Details Make the Difference Web Design World Boston, 2008 ©2008 Dan Rubin » http://superfluousbanter.org/presentations/2008/

Details Make the Difference Web Design World Boston, 2008 ©2008 Dan Rubin » http://superfluousbanter.org/presentations/2008/

Details Make the Difference Web Design World Boston, 2008 ©2008 Dan Rubin » http://superfluousbanter.org/presentations/2008/

Details Make the Difference Web Design World Boston, 2008 Lines & Gradients ©2008 Dan Rubin » http://superfluousbanter.org/presentations/2008/

Details Make the Difference Web Design World Boston, 2008 ©2008 Dan Rubin » http://superfluousbanter.org/presentations/2008/

Details Make the Difference Web Design World Boston, 2008 ©2008 Dan Rubin » http://superfluousbanter.org/presentations/2008/

Details Make the Difference Web Design World Boston, 2008 ©2008 Dan Rubin » http://superfluousbanter.org/presentations/2008/

Details Make the Difference Web Design World Boston, 2008 Layer Styles ©2008 Dan Rubin » http://superfluousbanter.org/presentations/2008/

Details Make the Difference Web Design World Boston, 2008 Layer Styles (patterns strike again) ©2008 Dan Rubin » http://superfluousbanter.org/presentations/2008/

Details Make the Difference Web Design World Boston, 2008 ©2008 Dan Rubin » http://superfluousbanter.org/presentations/2008/

Details Make the Difference Web Design World Boston, 2008 ©2008 Dan Rubin » http://superfluousbanter.org/presentations/2008/

Details Make the Difference Web Design World Boston, 2008 Tactile ©2008 Dan Rubin » http://superfluousbanter.org/presentations/2008/

Details Make the Difference Web Design World Boston, 2008 Invite people to touch your GUI. ©2008 Dan Rubin » http://superfluousbanter.org/presentations/2008/

Details Make the Difference Web Design World Boston, 2008 ©2008 Dan Rubin » http://superfluousbanter.org/presentations/2008/

Details Make the Difference Web Design World Boston, 2008 ©2008 Dan Rubin » http://superfluousbanter.org/presentations/2008/

Details Make the Difference Web Design World Boston, 2008 Depth ©2008 Dan Rubin » http://superfluousbanter.org/presentations/2008/

Details Make the Difference Web Design World Boston, 2008 Add dimension to improve recognition. ©2008 Dan Rubin » http://superfluousbanter.org/presentations/2008/

Details Make the Difference Web Design World Boston, 2008 ©2008 Dan Rubin » http://superfluousbanter.org/presentations/2008/

Details Make the Difference Web Design World Boston, 2008 Light Effects ©2008 Dan Rubin » http://superfluousbanter.org/presentations/2008/

Details Make the Difference Web Design World Boston, 2008 ©2008 Dan Rubin » http://superfluousbanter.org/presentations/2008/

Details Make the Difference Web Design World Boston, 2008 Almost any image can create an effect. ©2008 Dan Rubin » http://superfluousbanter.org/presentations/2008/

Details Make the Difference Web Design World Boston, 2008 Photo: sxc.hu #1005399 ©2008 Dan Rubin » http://superfluousbanter.org/presentations/2008/

Details Make the Difference Web Design World Boston, 2008 ©2008 Dan Rubin » http://superfluousbanter.org/presentations/2008/

Details Make the Difference Web Design World Boston, 2008 ©2008 Dan Rubin » http://superfluousbanter.org/presentations/2008/

Details Make the Difference Web Design World Boston, 2008 ©2008 Dan Rubin » http://superfluousbanter.org/presentations/2008/

Details Make the Difference Web Design World Boston, 2008 Darken ©2008 Dan Rubin » http://superfluousbanter.org/presentations/2008/

Details Make the Difference Web Design World Boston, 2008 Multiply ©2008 Dan Rubin » http://superfluousbanter.org/presentations/2008/

Details Make the Difference Web Design World Boston, 2008 Luminosity ©2008 Dan Rubin » http://superfluousbanter.org/presentations/2008/

Details Make the Difference Web Design World Boston, 2008 Putting it to use ©2008 Dan Rubin » http://superfluousbanter.org/presentations/2008/

Details Make the Difference Web Design World Boston, 2008 Fixing Fox. ©2008 Dan Rubin » http://superfluousbanter.org/presentations/2008/

Details Make the Difference Web Design World Boston, 2008 ©2008 Dan Rubin » http://superfluousbanter.org/presentations/2008/

Details Make the Difference Web Design World Boston, 2008 ©2008 Dan Rubin » http://superfluousbanter.org/presentations/2008/

Details Make the Difference Web Design World Boston, 2008 But wait, there’s more... ©2008 Dan Rubin » http://superfluousbanter.org/presentations/2008/

Details Make the Difference Web Design World Boston, 2008 ©2008 Dan Rubin » http://superfluousbanter.org/presentations/2008/

Details Make the Difference Web Design World Boston, 2008 ©2008 Dan Rubin » http://superfluousbanter.org/presentations/2008/

Details Make the Difference Web Design World Boston, 2008 ©2008 Dan Rubin » http://superfluousbanter.org/presentations/2008/

Details Make the Difference Web Design World Boston, 2008 ©2008 Dan Rubin » http://superfluousbanter.org/presentations/2008/

Details Make the Difference Web Design World Boston, 2008 ©2008 Dan Rubin » http://superfluousbanter.org/presentations/2008/

Details Make the Difference Web Design World Boston, 2008 http://superfluousbanter.org/ presentations/2008/ (download the slides here) ©2008 Dan Rubin » http://superfluousbanter.org/presentations/2008/

Details Make the Difference Web Design World Boston, 2008 Q&A ©2008 Dan Rubin » http://superfluousbanter.org/presentations/2008/

Add a comment

Related presentations

Related pages

Dan Rubin's Presentations & Workshops, 2008

Presentations & Workshops, 2008. About. ... Interface Design for Web Apps. ... Details Make the Difference. WebDesign World, ...
Read more

Boat reviews tests yachts review Specifications comparison ...

World Cat 320DC . Formula 45 Yacht ... Owner Boat Reviews Gaining In Popularity . ... Details Make the Difference: Bowrider Functionality .
Read more

2008 - W3C - World Wide Web Consortium

... and provides details of an XML markup language for ... Shawn Henry presents at Web Design World - Boston 2008. 9 ... to make Web sites, Web ...
Read more

Massachusetts Bay Transportation Authority - Wikipedia ...

In 2008, the system averaged ... transfers to the subway require paying the difference between bus and the ... 1965 in conjunction with design standards ...
Read more

BAM! Buzz Advertising & Marketing Group: Door Hanger ...

2/19/2008. BuzzZ Marketing ... media advertisement, design, creation, business marketing help, ... Buzz's people and our strategies really make the difference.
Read more

The Paragraph in Web Typography & Design — Jon Tan 陳

Web design narrative can be compared to architectural narrative: The design of an environmental experience from multiple viewpoints in time and space.
Read more

Design Zone

... free web templates, creative design agency, web site ... For all type design solution Design Zone is the ... To make your business success our ...
Read more

Web 2.0 - Wikipedia, the free encyclopedia

... in his 3rd Edition of New Media described what he believed to characterize the differences between Web ... design elements of a Web ... makes the Web ...
Read more

Organizational behavior and management (Book, 2008 ...

... that are now available on the Web. This reduction in page length makes the book ... Boston : McGraw-Hill/Irwin, ©2008 ... the world's largest ...
Read more

The Boston Globe

New England can clinch the No. 1 seed with a win over Miami and New York can make it to the ... The Boston Globe, ... design gives two Boston Marathon ...
Read more