Seven Habits of Highly Effective Designers - Fall 2013

1,323 views

Published on

Seven Habits and Principles to assist novice designers in creating high quality and effective graphics.

Presenters: Mike Foster (@mjfoster83), Chris Rhie (@chris_rhie), and Annemarie Gray (@annemariegray)

0 Comments
0 Likes
Statistics
Notes
  • Be the first to comment

  • Be the first to like this

No Downloads
Views
Total views
1,323
On SlideShare
0
From Embeds
0
Number of Embeds
99
Actions
Shares
0
Downloads
7
Comments
0
Likes
0
Embeds 0
No embeds

No notes for slide

Seven Habits of Highly Effective Designers - Fall 2013

  1. 1. The seven Habits of Highly Effective Designers
  2. 2. WHAT Present a simple set of principles to follow for novice designers. WHY You have to know the rules before you can break them. workshop goals
  3. 3. mike foster GIS, Data Visualization & Graphics Specialist Who We Are
  4. 4. building the new economy spring 2013 speaker series A New Economics for the 21st century Neva goodwin 2.13 who? Co-Director of the Global Development And Environment Institute,Tufts University Wed. February 13th, 12:30 - 1:30 pm Room 10-401 Attorneys Public officials Investors/Lendors Single-family developers Continuum of care providers Affordable housing developers Neighborhood-based developers state of the New Economy Movement first annual President and CEO of the New Economics Institute Wed. February 20th, 12:30 - 1:30 pm Room 10-401 the economics of degrowth giorgos kallis 3.5 Professor of Ecological Economics at Universitat Autònoma de Barcelona Tues. March 5th, 12:30 - 1:30 pm Room 10-401 rethinking consumption juliet schor 4.3 april 26, 2012 8 am - 2 pm Professor of Sociology at Boston College Wed. April 3rd, 12:30 - 1:30 pm Room 10-401 presented by THE NEXT economic TRANSFORMATION gar alperovitz 4.9 Lionel R. Bauman Professor of Political Economy at the University of Maryland Co-founder of the Democracy Collaborative Tues. April 9th, 5 - 7 pm Room 3-270 Presented by: New Economy join our listserv: neweconomy@mit.edu @ MIT new orleans h o u sdevelopment ing & community conference bob massie 2.20 annemarie gray why? Network with some of the top developers, lenders, and investors and get up-to-date affordable housing industry information from top policymakers in New Orleans and Louisiana with support from the New Economics Institute rsvp to: ehm@mit.edu MCP 2014 Who We Are Lindy Boggs Conference Center UNO Campus 2045 Lakeshore Dr @ elysian fields, new orleans, la 70122 sponsored by
  5. 5. Kiryat Gat 2025 The ciTy of kiryaT gaT, israel prepared bY: MiT deparTMenT of Urban sTUdies & planning TaU laboraTory for conTeMporary Urban design daTe: aUgUsT 2012 christopher rhie NEXCITY Refigured Urbanism for the 21st Century prepared for: KG_Studio_Cover_0922.indd 1 MCP / MSRED 2013 Who We Are 9/22/12 2:29 PM
  6. 6. “It is not how much information there is, but rather how effectively it is arranged.” Edward R. Tufte what is graphic design?
  7. 7. The art of communication, stylizing, and problem solving through type and image. Generally highly functional and utility-driven. Composition is of high importance. -typography and font -color palettes -page layout and balance -manipulation of image what is graphic design?
  8. 8. urban planning graphics
  9. 9. urban planning graphics
  10. 10. urban planning graphics
  11. 11. the good, the bad, and the ugly
  12. 12. the good, the bad, and the ugly
  13. 13. the good, the bad, and the ugly
  14. 14. the good, the bad, and the ugly
  15. 15. the good, the bad, and the ugly
  16. 16. the good, the bad, and the ugly
  17. 17. the good, the bad, and the ugly
  18. 18. the good, the bad, and the ugly
  19. 19. the good, the bad, and the ugly
  20. 20. the good, the bad, and the ugly
  21. 21. the good, the bad, and the ugly
  22. 22. the good, the bad, and the ugly
  23. 23. the good, the bad, and the ugly
  24. 24. the good, the bad, and the ugly
  25. 25. 1 Less is always more. When in doubt, keep it simple. The effective use of negative space is a hallmark of good design -- design the negative space just as you would the positive space. Ask yourself: “What elements can I remove or simplify and still retain my message?” Pare it down to the essentials. For repetetive information, remember the “rule of small multiples.”
  26. 26. 10/29/13 Drought’s Footprint - Graphic - NYTimes.com HOME PAGE TODAY'S PAPER VIDEO MOST POPULAR Subscribe to Home Delivery  U.S. Edition U.S. WORLD U.S. POLITICS N.Y. / REGION EDUCATION BUSINESS TECHNOLOGY SCIENCE cherylwg   Help Search All NYTimes.com HEALTH SPORTS OPINION ARTS STYLE TRAVEL JOBS REAL ESTATE AUTOS E­MAIL SHARE TEXAS FACEBOOK Published: July 19, 2012 TWITTER GOOGLE+ Drought’s Footprint More than half of the country was under moderate to extreme drought in June, the largest area of the contiguous United States affected by such dryness in nearly 60 years. Nearly 1,300 counties across 29 states have been declared federal disaster areas. Areas under moderate to extreme drought in June of each year are shown in orange below. Related Article » 2010 2011 2012 2000 2001 2002 2003 2004 2005 2006 2007 2008 2009 1990 1991 1992 1993 1994 1995 1996 1997 1998 1999 1980 1981 1982 1983 1984 1985 1986 1987 1988 1989 1970 1971 1972 1973 1974 1975 1976 1977 1978 1979 1960 1961 1962 1963 1964 1965 1966 1967 1968 1969 1950 1951 1952 1953 1954 1955 1956 1957 1958 1959 1940 1941 1942 1943 1944 1945 1946 1947 1948 1949 1930 1931 1932 1933 1934 1935 1936 1937 1938 1939 1920 1921 1922 1923 1924 1925 1926 1927 1928 1929 1910 1911 1912 1913 1914 1915 1916 1917 1918 1919 1900 1901 1902 1903 1904 1905 1906 1907 1908 1909 www.nytimes.com/interactive/2012/07/20/us/drought-footprint.html?ref=earth 1/2
  27. 27. 2 Be hierarchical. Communicate the relative importance of data through variations in size, weight, and intensity. You should be able to squint and clearly understand a simple hierarchy of your composition.
  28. 28. 3 Good design has CRAP. It’s okay if you have a lot to fit. Contrast, Repetition, Alignment, and Proximity: use these principles to allow your audience to easily follow the connections between your ideas.
  29. 29. 4 Just two fonts. Good design can be achieved with just one or two fonts. As a general rule, sans serif fonts work well for titles, headers, and electronic media. Serif fonts work well for body text in print media. The most useful fonts have many weights to choose from.
  30. 30. HELVETICA TITLE FONT SIZE 36 LEADING 36 SUBTITLE FONT SIZE 18 LEADING 18 BODY TEXT FONT SIZE 10 LEADING 12 CAPTION FONT SIZE 7 LEADING 12 ADOBE CASLON PRO FRANKLIN GOTHIC
  31. 31. building the new economy spring 2013 speaker series A New Economics for the 21st century Neva goodwin 2.13 Co-Director of the Global Development And Environment Institute,Tufts University Wed. February 13th, 12:30 - 1:30 pm Room 10-401 state of the New Economy Movement bob massie 2.20 President and CEO of the New Economics Institute Wed. February 20th, 12:30 - 1:30 pm Room 10-401 the economics of degrowth giorgos kallis 3.5 Professor of Ecological Economics at Universitat Autònoma de Barcelona Tues. March 5th, 12:30 - 1:30 pm Room 10-401 rethinking consumption juliet schor 4.3 Professor of Sociology at Boston College Wed. April 3rd, 12:30 - 1:30 pm Room 10-401 THE NEXT economic TRANSFORMATION gar alperovitz 4.9 Lionel R. Bauman Professor of Political Economy at the University of Maryland Co-founder of the Democracy Collaborative Tues. April 9th, 5 - 7 pm Room 3-270 Presented by: New Economy join our listserv: neweconomy@mit.edu @ MIT with support from the New Economics Institute rsvp to: ehm@mit.edu
  32. 32. Serif: Adobe Caslon Pro Georgia Garamond Sans Serif: Helvetica Franklin Gothic Book Open Sans
  33. 33. 5 Magic number twelve. The human mind looks for natural proportions of 2, 3, and 4. As the least common denominator, 12 is an extremely useful number for column layout, and it’s also a good point size multiple for fonts (12pt, 24pt, 36pt, etc). A good rule of thumb is that a column of text should be about 60 characters wide for your eyes to easily follow.
  34. 34. 6 Imitate. (But don’t copy.) Beg, borrow - but don’t steal - ideas for beautiful graphics from experienced designers.
  35. 35. 7 Be color conscious. Like a well-written paragraph, each graphic should have a singular message. Use color to highlight differences.
  36. 36. Let’s see what you got. http://web.mit.edu/crhie/www/sevenhabits/

×