design process book
Table of Contents Health Debate Applied illustration
3
Dynamic Site Infographic Research Based Design
9
When Population Reach 8 Billion Data Visualization
15
Hot Pepper Ranks Interactive Infographic
21
Florence IOS Application
27
Citation
33
1
2
Health Debate Applied Illustration
3
Project Summary This project is to choose an existing editorial and create an illustration, which reflects the topic that is being discussed. The main purpose of the illustration is to support or help the editorial article in a publication. The client for this project is the Los Angeles Times that was first published on 4 December 4th, 1881 under the name of Los Angeles Daily Times. Los Angeles Times is owned by the Los Angeles Time Media Group (LATMG). LATMG reaches approximately 5.1 million or 38% of all adults in the Southern California marketplace.
4
Research 4
1
2
3 5
5
6
Sketches
6
Process
7
8
Dynamic Site Infographic Research Based Design
9
Project Summary Most web designers still do not understand what is dynamic site and the differences between dynamic site and regular (static) sites. This infographic is to help web designers to understand better what is dynamic site and the pros and cons of it. This project is proposed as a poster to be placed at The Art Institute of Seattle in order to help the web design students and other students to understand basic information about dynamic site.
10
Inspiration 7
11
8
Sketches
12
Process Client / Browser
Server
DNS 1
2
Database 3
DNS 5
$ 13
4
$
14
When Population Reaches 8 billion... Advanced Data Visualization
15
Project Summary A proposed project for WHO and United Nation in order to show what will happen when the population reaches 8 billion people by providing statistical information that the audience will want to know. The information will disclose population statistics, population density, energy consumption statistics, and water scarcity. The target audience is everyone is is 15 years old and above.
16
Research 9
10
17
Sketches
18
Process
When The Population Reaches 8 billions... Population Density in 2025
Most populated cities 1.Tokyo 2. Mumbai, India 3. Delhi 4. Dhaka 5. S達o Paulo 6. Mexico City 7. New York-Newark 8. Calcutta, India 9. Shanghai 10. Karachi
36.4 million 26.4 million 22.5 million 22 million 21.4 million 21 million 20.6 million 20.5 million 19.4 million 19.1 million
Legends 1%
5%
Population by Continents (in Billion)
10%
17%
60%
Water Scarcity
Energy Consumption x10 Quadrillion BTU
Asia
2012
Oil
2025
2012
Coal
2025
Africa
Europe
Latin America
2012
natural Gas
2025
Oceania 0
19
1
2
3
4
5
2025: 66%
2025
nuclear 2012
2025
2012: 33%
renewable 2012
Northern America 2012
By 2025 over half the world population (5 billion people) will suffer water shortages. This will lead to human disaster zones where many die of drought.
2025
http://esa.un.org/wpp/Excel-Data/population.htm http://www.foxnews.com/story/0,2933,317609,00.html http://www.global-warming-forecasts.com/2025-climate-change-global-warming-2025.php http://www.planet2025news.net/ http://www.photius.com/rankings/world2050_rank.html http://www.prb.org/pdf12/2012-population-data-sheet_eng.pdf http://timeforchange.org/prediction-of-energy-consumptiont http://www.who.int/whr/1998/media_centre/50facts/en/
20
Hot Pepper Ranks Infographic
21
Project Summary An interactive infographic to show the ranks of peppers and their origins. Some people are curious about the hottest pepper or chilies in the world. By making it interactive, it makes the user interaction fun and it triggers more curiosity about the rest of the information provided. The information provided includes the origin – by showing the location on the map, and the image of the pepper.
22
Research 14
11
12
13
15
23
Sketches
24
Process
25
Final
26
Florence IOS App
27
Project Summary An application that is created in order to help the user to identify the flowers that they capture. There are a lot of flowers around the world, and a lot of people want to know what a certain flower is called, where it originates, and etc. The target audience for this project varies from students to elderly people.
28
Research 16
17
Leaf Snap
29
18
Flower Pedia
Audobon Wildflowers
Sketches
30
Process
31
Final
32
Citation 1. Birch, John Alan. “Alan The John Birch.” Illustration.
5. “Elephant.” Photo.awf.org.10 Jan. 2013
designworklife.com. 18 June. 2009. 10 Jan. 2013
<http://www.awf.org/files/3779_file_Elephant2_Balfour.jpg>.
<http://www.designworklife.com/2009/06/18/john-allen-birch/>. 6. “Catalonian Donkey.” Photo. steeldonkeybiketours.com. Feb. 2. “Faces Mental Health icon.” Photo. 22faces.com. July.
2012. 10 Jan. 2013 <http://www.steeldonkeybiketours.com/wp-
2012. 10 Jan. 2013 <http://22faces.com/wp-content/
content/uploads/2010/02/Catalonian_donkey_-_Spain_News.jpg>.
uploads/2012/07/22faces-mental-health-icon_2-262x300.jpg>. 7. What Makes Someone Leave a Website. N.d. Visual.ly Web. 3. “Health-Care.” Photo. coffeecupdemocrat.com. March. 2012.
3 Feb. 2013 <http://www.visual.ly/what-makes-someone-leave-
10 Jan. 2013 <http://www.coffeecupdemocrat.com/wp-content/
website/>.
uploads/2012/03/Health-Care.jpg>. 8. Web Designer Vs. Developer. N.D. N.p. Web. 3 Feb 2013. 4. Gordon, Jessica Rae. “Midwives Editorial Illustration.”
<http://www.downgrapf.com/wp-content/uploads/2012/06/
Illustration. jessicaraegordon.blogspot.com. 11 March. 2011.
WEBdesignerVS developer..jpg>.
10 Jan. 2013 <http://jessicaraegordon.blogspot.com/2011/03/ midwives-editorial-illustration.html>.
9. World Population Growth seven billion people Infographic. 2012. n.p. Web. 3 Feb. 2013.
33
10. World Population Strtegy Business. N.d. n.p. Web. 3 Feb
14. How Spicy is that Pepper. N.d. n.p. Web. 3 Feb 2013. <http://4.
2013. <http://1.bp.blogspot.com/-fuOQi3ueOoU/UIeOkPE9a5I/
bp.blogspot.com/-_2PDQXncKuE/UHUEhZBSJUI/AAAAAAAAAZQ/
AAAAAAAAAcM/41sGkOP-PSs/s1600/world-population-strategy-
pSNdK5pM0Bc/s1600/pepper-2.jpeg>.
business.png>. 15. Scoville Chile Heat Chart. N.d. n.p. Web. 3 Feb 2013. <http://1. 11. World Guide to Spices Facts Food. N.d. n.p. Web. 3 Feb
bp.blogspot.com/-uRFBA4pxDpk/UHUEadfGiZI/AAAAAAAAAZI/
2013. <http://3.bp.blogspot.com/-IDEZXVv0Pnc/UHUFnUtRgwI/
PTlXuRdt46c/s1600/chilli.jpeg>.
AAAAAAAAAZo/w8vJZXn6US0/s1600/world-guide-to-spices-factsfood-infographic1-600x600.png>.
16. Leafsnap. Columbia Universtiy, University of Maryland, and Somithsonian Institution. Web. 3 Feb 2013. < https://itunes.apple.
12. Hot Stuff about Chili Pepper. N.d. n.p. Web. 3 Feb 2013.
com/us/app/leafsnap/id430649829?mt=8>.
<http://2.bp.blogspot.com/-Y07pxyYcSvc/UHUEljNwe9I/ AAAAAAAAAZY/7e9Osdxq7VQ/s1600/Infographic_chili pepper.jpeg>.
17. Flower Pedia. Muli Mobile Limited. Web. 3 Feb 2013. <https:// itunes.apple.com/us/app/flower-pedia-lite/id323806830?mt=8>.
13. Chilli Peppers. N.d. n.p. Web. 3 Feb 2013. 17. Flower Pedia. Muli Mobile Limited. Web. 3 Feb 2013. <https:// itunes.apple.com/us/app/flower-pedia-lite/id323806830?mt=8>
34