tag:blogger.com,1999:blog-74343008270666506572024-03-05T02:10:56.656-08:00visualize the informationNakikihttp://www.blogger.com/profile/12648142479331331936noreply@blogger.comBlogger13125tag:blogger.com,1999:blog-7434300827066650657.post-32135055134958494192013-08-18T21:54:00.001-07:002013-08-18T21:54:32.910-07:00<a href="http://www.ruanyifeng.com/blog/2012/05/responsive_web_design.html">http://www.ruanyifeng.com/blog/2012/05/responsive_web_design.html</a><br />
<br />
responsive web designNakikihttp://www.blogger.com/profile/12648142479331331936noreply@blogger.com0tag:blogger.com,1999:blog-7434300827066650657.post-28476273365506263222012-05-14T17:13:00.001-07:002012-05-14T17:13:34.740-07:00<a href="http://wallblog.co.uk/2012/02/08/the-rise-of-visual-journalism-why-infographic-thinking-is-not-a-fad/">http://wallblog.co.uk/2012/02/08/the-rise-of-visual-journalism-why-infographic-thinking-is-not-a-fad/</a><div><br /></div><div><p style="margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; border-top-width: 0px; border-right-width: 0px; border-bottom-width: 0px; border-left-width: 0px; border-style: initial; border-color: initial; border-image: initial; outline-width: 0px; outline-style: initial; outline-color: initial; vertical-align: baseline; background-image: initial; background-attachment: initial; background-origin: initial; background-clip: initial; font-family: Arial; font-size: 12px; ">Interesting video interview here with designer Francesco Franchi, from Italy’s Intelligence in Lifestyle magazine, who talks about “infographic thinking” and “visual” journalism”.<span id="more-24023" style="margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; border-top-width: 0px; border-right-width: 0px; border-bottom-width: 0px; border-left-width: 0px; border-style: initial; border-color: initial; border-image: initial; outline-width: 0px; outline-style: initial; outline-color: initial; vertical-align: baseline; background-image: initial; background-attachment: initial; background-origin: initial; background-clip: initial; "></span></p><p style="margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; border-top-width: 0px; border-right-width: 0px; border-bottom-width: 0px; border-left-width: 0px; border-style: initial; border-color: initial; border-image: initial; outline-width: 0px; outline-style: initial; outline-color: initial; vertical-align: baseline; background-image: initial; background-attachment: initial; background-origin: initial; background-clip: initial; font-family: Arial; font-size: 12px; ">Franchi says that “visual” journalism” combines the graphic and narrative, which he describes as a “representation and an intereptation of reality to develop an idea”.</p><span style="margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; border-top-width: 0px; border-right-width: 0px; border-bottom-width: 0px; border-left-width: 0px; border-style: initial; border-color: initial; border-image: initial; outline-width: 0px; outline-style: initial; outline-color: initial; vertical-align: baseline; background-image: initial; background-attachment: initial; background-origin: initial; background-clip: initial; font-family: Arial; font-size: 12px; "><br /><br />Read more: <a href="http://wallblog.co.uk/2012/02/08/the-rise-of-visual-journalism-why-infographic-thinking-is-not-a-fad/#ixzz1utPJ4tfC" style="margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; border-top-width: 0px; border-right-width: 0px; border-bottom-width: 0px; border-left-width: 0px; border-style: initial; border-color: initial; border-image: initial; outline-width: 0px; outline-style: initial; outline-color: initial; vertical-align: baseline; background-image: initial; background-attachment: initial; background-origin: initial; background-clip: initial; overflow-x: hidden; overflow-y: hidden; color: rgb(0, 51, 153); ">http://wallblog.co.uk/2012/02/08/the-rise-of-visual-journalism-why-infographic-thinking-is-not-a-fad/#ixzz1utPJ4tfC</a></span> </div>Nakikihttp://www.blogger.com/profile/12648142479331331936noreply@blogger.com0tag:blogger.com,1999:blog-7434300827066650657.post-48532658544411309342012-05-08T05:00:00.000-07:002012-05-08T05:00:17.830-07:00the criteria for designing an information graphic<span style="font-family: inherit;">here is the criteria which might be helpful to examine an information graphic and selected by me.</span><br />
<span style="font-family: inherit;"><br /></span><br />
<span style="font-family: inherit;"><br /></span><br />
<br />
<div class="MsoNormal">
<span style="font-family: Verdana, sans-serif;"><b><span lang="EN-US" style="font-size: 10pt;">1.</span></b><b><span lang="EN-US" style="font-size: 10.0pt; mso-bidi-font-family: Calibri; mso-bidi-theme-font: minor-latin;">Graphic
structure</span></b></span></div>
<span lang="EN-US" style="font-size: 10pt;"><span style="font-family: Verdana, sans-serif;">A
visual form is a logical extension of information</span></span><br />
<span lang="EN-US" style="font-size: 10pt;"><span style="font-family: Verdana, sans-serif;"><br /></span></span><br />
<span lang="EN-US" style="font-size: 10pt;"><span style="font-family: Verdana, sans-serif;"><br /></span></span><br />
<br />
<div class="MsoNormal">
<b><span lang="EN-US" style="font-size: 10.0pt; mso-bidi-font-family: Calibri; mso-bidi-theme-font: minor-latin;"><span style="font-family: Verdana, sans-serif;">2.Efficiency<o:p></o:p></span></span></b></div>
<span lang="EN-US" style="font-size: 10pt;"><span style="font-family: Verdana, sans-serif;">Easily
to decode the information from the graphic</span></span><br />
<span style="font-family: Verdana, sans-serif;"><br /></span><br />
<br />
<div class="MsoNormal">
<span style="font-family: Verdana, sans-serif;"><span class="apple-style-span"><b><span lang="EN-US" style="background: whitesmoke; font-size: 10.0pt; mso-bidi-font-family: Calibri; mso-bidi-theme-font: minor-latin;">3.Aesthetic feeling</span></b></span><b><span lang="EN-US" style="font-size: 10.0pt; mso-bidi-font-family: Calibri; mso-bidi-theme-font: minor-latin;"> <o:p></o:p></span></b></span></div>
<span lang="EN-US" style="font-size: 10pt;"><span style="font-family: Verdana, sans-serif;">An
appealing graphic to communicate the information</span></span><br />
<span lang="EN-US" style="font-size: 10pt;"><span style="font-family: Verdana, sans-serif;"><br /></span></span><br />
<span style="font-family: Verdana, sans-serif;"><span lang="EN-US" style="font-size: 10pt;"></span></span><br />
<div class="MsoNormal">
<b><span lang="EN-US" style="font-size: 10.0pt; mso-bidi-font-family: Calibri; mso-bidi-theme-font: minor-latin;"><span style="font-family: Verdana, sans-serif;">4.Get
close to the audience<o:p></o:p></span></span></b></div>
<span lang="EN-US" style="font-size: 10pt;"><span style="font-family: Verdana, sans-serif;">Appropriate
balance between graphic and text</span></span><br />
<span lang="EN-US" style="font-size: 10pt;"><span lang="EN-US" style="font-size: 10pt;"><span style="font-family: inherit;"><br /></span></span></span><br />
<span lang="EN-US" style="font-size: 10pt;"><span lang="EN-US" style="font-size: 10pt;"><span style="font-family: inherit;"><br /></span></span></span><br />
<span lang="EN-US" style="font-size: 10pt;"><span lang="EN-US" style="font-size: 10pt;"><span style="font-family: inherit;"><br /></span></span></span><br />
<span lang="EN-US" style="font-size: 10pt;"><span lang="EN-US" style="font-size: 10pt;"><span style="font-family: inherit;">For example, the following picture is telling the main languages uses in Taiwan.</span></span></span><br />
<span lang="EN-US" style="font-size: 10pt;"><span lang="EN-US" style="font-size: 10pt;"><span style="font-family: inherit;"><br /></span></span></span><br />
<span lang="EN-US" style="font-size: 10pt;"><span lang="EN-US" style="font-size: 10pt;"><span style="font-family: inherit;"><br /></span></span></span><br />
<span lang="EN-US" style="font-size: 10pt;"><span lang="EN-US" style="font-size: 10pt;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgRzv6C52EAQ64e_AnFo-KQ6sluZNcqrOopkewiD_Utp0KyAJ1-SWv33_bCkkXUrOgu-SVFM5817J-hXFQXEjg5WYqEdP7T0AqzNZnDVle46NObUWFidJHCTMvl7Gr0qXwhUWqH0VV9pDM/s1600/A-02.jpg" imageanchor="1" style="font-size: medium; margin-left: 1em; margin-right: 1em; text-align: center;"><img border="0" height="240" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgRzv6C52EAQ64e_AnFo-KQ6sluZNcqrOopkewiD_Utp0KyAJ1-SWv33_bCkkXUrOgu-SVFM5817J-hXFQXEjg5WYqEdP7T0AqzNZnDVle46NObUWFidJHCTMvl7Gr0qXwhUWqH0VV9pDM/s320/A-02.jpg" width="320" /></a>
</span></span><br />
<span lang="EN-US" style="font-size: 10pt;"><span style="font-family: inherit;"><span lang="EN-US" style="font-size: 10pt;"></span></span></span><br />
<div class="MsoNormal" style="font-size: medium;">
<b><span lang="EN-US" style="font-size: 10pt;"><span style="font-family: Verdana, sans-serif;">1.Graphic structure<o:p></o:p></span></span></b></div>
<span lang="EN-US" style="font-size: 10pt;"><span style="font-family: Verdana, sans-serif;">A visual form is a logical extension of information</span></span><div>
<span style="font-family: inherit; font-size: x-small;"><span style="color: red;">V</span> this graphic express Taiwan by the island herself.</span></div>
<div>
<span style="font-family: inherit; font-size: x-small;"><br /></span></div>
<div>
<div class="MsoNormal">
<b><span lang="EN-US" style="font-size: 10pt;"><span style="font-family: Verdana, sans-serif;">2.Efficiency<o:p></o:p></span></span></b></div>
<span style="font-family: Verdana, sans-serif;"><span lang="EN-US" style="font-size: 10pt;">Easily to decode the information from the graphic</span> </span></div>
<div>
<span style="color: red; font-size: x-small;">V</span><span style="font-size: x-small;"> through the dialogue frame, three kinds of language is easily expressed.</span> </div>
<div>
<br /></div>
<div>
<div class="MsoNormal">
<span style="font-family: Verdana, sans-serif;"><span class="apple-style-span"><b><span lang="EN-US" style="background-attachment: initial; background-clip: initial; background-color: whitesmoke; background-image: initial; background-origin: initial; background-position: initial initial; background-repeat: initial initial; font-size: 10pt;">3.Aesthetic feeling</span></b></span><b><span lang="EN-US" style="font-size: 10pt;"><o:p></o:p></span></b></span></div>
<span lang="EN-US" style="font-size: 10pt;"><span style="font-family: Verdana, sans-serif;">An appealing graphic to communicate the information</span></span>
</div>
<div>
<span lang="EN-US" style="font-size: 10pt;"><span style="font-family: Verdana, sans-serif;"> </span></span><span style="font-size: x-small;">the graphic itself is not a appealing one for general public due to the color and the shape is not vivid enough to attract.</span> </div>
<div>
<br /></div>
<div>
<div class="MsoNormal">
<b><span lang="EN-US" style="font-size: 10pt;"><span style="font-family: Verdana, sans-serif;">4.Get close to the audience<o:p></o:p></span></span></b></div>
<span lang="EN-US" style="font-size: 10pt;"><span style="font-family: Verdana, sans-serif;">Appropriate balance between graphic and text</span></span>
</div>
<div>
<span style="color: red; font-size: x-small;">V</span><span style="font-size: x-small;"> the graphic has occupied 80% of the layout, will more attract people than the text only.</span></div>
<div>
<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
</div>
<div class="separator" style="clear: both; text-align: center;">
<br /></div>
<span lang="EN-US" style="font-family: "Calibri","sans-serif"; font-size: 10.0pt; mso-ansi-language: EN-US; mso-ascii-theme-font: minor-latin; mso-bidi-language: AR-SA; mso-bidi-theme-font: minor-latin; mso-fareast-font-family: 新細明體; mso-fareast-language: ZH-TW; mso-fareast-theme-font: minor-fareast; mso-hansi-theme-font: minor-latin;"><span lang="EN-US" style="font-size: 10pt;"><br /></span></span></div>Nakikihttp://www.blogger.com/profile/12648142479331331936noreply@blogger.com0tag:blogger.com,1999:blog-7434300827066650657.post-71629331621284748612012-05-07T03:00:00.001-07:002012-05-07T03:00:16.268-07:00the mind map of information graphicthe mind map of information graphic<br />
made by me<br />
謹以此試圖記錄圖表設計的所有元素<br />
<br />
<br />
information graphic=information+graphic (obviously).<br />
due to the information and the graphic itself has covered very wide range in professional area,<br />
the mind map below only provides a micro range of research .<br />
個人認為, 圖表設計=圖表+設計, (好像是某種程度上的廢話)<br />
由於圖表與設計本身就很多可以討論的了, 所以此圖也未必有表現出所有涵蓋的範圍<br />
<br />
<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhggVZ1stQK-M-kegbjHAWY06_HQJmlDzfzXUOshKOsdT-WT41BMIM0C186SnD4hbmJ5m8gnrFR68GZaHaTqFaRU7nizLAg39KVuR9pt2MAvcCj1q9m7fQHudI6RHmN3WLRxcnYu4vJsnU/s1600/Photo+12-5-3+%E4%B8%8B%E5%8D%8810+25+30.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="238" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhggVZ1stQK-M-kegbjHAWY06_HQJmlDzfzXUOshKOsdT-WT41BMIM0C186SnD4hbmJ5m8gnrFR68GZaHaTqFaRU7nizLAg39KVuR9pt2MAvcCj1q9m7fQHudI6RHmN3WLRxcnYu4vJsnU/s320/Photo+12-5-3+%E4%B8%8B%E5%8D%8810+25+30.jpg" width="320" /></a></div>
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEioWMSUC1Wu1o_w_gK1g-bB698UKHR8hfIcQ6up56TsKNSMGxs8blNrWdcgK_KGBy82uErqabEXhELHQaOsPcDwWlFyNYi0bQJYeNGrGEKd8PbZ0zEyuTLcnjEL7yBrNk7gi_fWtWhfB-o/s1600/Photo+12-5-3+%E4%B8%8B%E5%8D%8810+25+47.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="320" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEioWMSUC1Wu1o_w_gK1g-bB698UKHR8hfIcQ6up56TsKNSMGxs8blNrWdcgK_KGBy82uErqabEXhELHQaOsPcDwWlFyNYi0bQJYeNGrGEKd8PbZ0zEyuTLcnjEL7yBrNk7gi_fWtWhfB-o/s320/Photo+12-5-3+%E4%B8%8B%E5%8D%8810+25+47.jpg" width="238" /></a></div>
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiIKfQadvQbN4IxMaksqFJQMYJh8sJBWNhIY2oEdKDOHZVfIZkm9rmGcIklSMdJenZUTpNW7Ozr2bvZXvhtGF130I_6yETMIL4Vz70SHdTGgL6Deo6P8Nc4Teo7584YOya7B5x26bKxIiE/s1600/Photo+12-5-3+%E4%B8%8B%E5%8D%8810+25+59.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="320" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiIKfQadvQbN4IxMaksqFJQMYJh8sJBWNhIY2oEdKDOHZVfIZkm9rmGcIklSMdJenZUTpNW7Ozr2bvZXvhtGF130I_6yETMIL4Vz70SHdTGgL6Deo6P8Nc4Teo7584YOya7B5x26bKxIiE/s320/Photo+12-5-3+%E4%B8%8B%E5%8D%8810+25+59.jpg" width="238" /></a></div>
<br />
<br />Nakikihttp://www.blogger.com/profile/12648142479331331936noreply@blogger.com1tag:blogger.com,1999:blog-7434300827066650657.post-81953352205432136682012-04-30T12:50:00.000-07:002012-05-07T03:00:34.774-07:00the information graphic in my life-2 (others)台灣路上的一些圖表設計<br />
包含圖表, 流程圖, 標示設計, 使用說明等等<br />
可做於指示與廣告功能<br />
<br />
here documented the diagrams and maps i met during a short time in Taiwan.<br />
<br />
diagram is one of the most popular information graphic in or daily life,<br />
use to explain how things work, the process, the instruction.<br />
<br />
<br />
a instruction of using toilet<br />
<div class="separator" style="clear: both; text-align: left;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEja8MwGjfU4UHRacek7Z7W2HeF2gcaFICXnlODflg6d2TU89wtdRPHkEyfUnPtcnS6VMUzpWDtFXKI6LZYa36xh2_1XSh-MNPimYv6P4xYSnB01GpEy7Ws5fBMhVip_UYAwtfhLTR_psFw/s1600/Photo+12-4-13+%E4%B8%8B%E5%8D%881+12+10.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="320" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEja8MwGjfU4UHRacek7Z7W2HeF2gcaFICXnlODflg6d2TU89wtdRPHkEyfUnPtcnS6VMUzpWDtFXKI6LZYa36xh2_1XSh-MNPimYv6P4xYSnB01GpEy7Ws5fBMhVip_UYAwtfhLTR_psFw/s320/Photo+12-4-13+%E4%B8%8B%E5%8D%881+12+10.jpg" width="239" /></a></div>
<div class="separator" style="clear: both; text-align: left;">
<br /></div>
<div class="separator" style="clear: both; text-align: left;">
<br /></div>
a diagram of the "weapons" which Taiwanese use in demonstrations<br />
<div class="separator" style="clear: both; text-align: left;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEisJ3si-RMCE_gM7_IZ_eRXhpKFyWvxfnBQv_FxEWM_lKCDEWcF8RjQp6jPs-DX8FLOb9ucQlF2CdehI8T4ja8E5TW6wPstbqHlHP-f8zhwunkuv6FXf0ZTR5aWAG39Ih4s-xFLu6KsrCw/s1600/Photo+12-4-8+%E4%B8%8A%E5%8D%886+36+43.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="320" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEisJ3si-RMCE_gM7_IZ_eRXhpKFyWvxfnBQv_FxEWM_lKCDEWcF8RjQp6jPs-DX8FLOb9ucQlF2CdehI8T4ja8E5TW6wPstbqHlHP-f8zhwunkuv6FXf0ZTR5aWAG39Ih4s-xFLu6KsrCw/s320/Photo+12-4-8+%E4%B8%8A%E5%8D%886+36+43.jpg" width="239" /></a></div>
<div class="separator" style="clear: both; text-align: left;">
<br /></div>
<div class="separator" style="clear: both; text-align: left;">
<br /></div>
the toilet signs in National History Museum<br />
<div class="separator" style="clear: both; text-align: left;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgUh5WbXIW7Bh509aZrP_HJv4793w8X6l-mePlMXjyUl2GNjTfbLi2XvF-Kjd5GrYz_h5rOZy2PTSMhag_lChug4yQXcEwehz8JNKisDGDdu-BpLbAz2C9xYGiO7xRdVXwSgaY4j7ri-wU/s1600/Photo+12-4-8+%E4%B8%8A%E5%8D%887+46+25.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="320" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgUh5WbXIW7Bh509aZrP_HJv4793w8X6l-mePlMXjyUl2GNjTfbLi2XvF-Kjd5GrYz_h5rOZy2PTSMhag_lChug4yQXcEwehz8JNKisDGDdu-BpLbAz2C9xYGiO7xRdVXwSgaY4j7ri-wU/s320/Photo+12-4-8+%E4%B8%8A%E5%8D%887+46+25.jpg" width="239" /></a></div>
<br />
<div class="separator" style="clear: both; text-align: left;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjlJzEyAsvJGW2XCYIVZJEz84neaOj-NAjNIj65rUdqMffJ68SjgDjzantD87RgyDh46n980rleeUzZdJMNLza4UYBzEHjbSBl77eYm1bfXjafWe7p9tIyg3cspMdmO87IyUvm7UHuOcTM/s1600/Photo+12-4-8+%E4%B8%8A%E5%8D%887+46+30.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="320" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjlJzEyAsvJGW2XCYIVZJEz84neaOj-NAjNIj65rUdqMffJ68SjgDjzantD87RgyDh46n980rleeUzZdJMNLza4UYBzEHjbSBl77eYm1bfXjafWe7p9tIyg3cspMdmO87IyUvm7UHuOcTM/s320/Photo+12-4-8+%E4%B8%8A%E5%8D%887+46+30.jpg" width="239" /></a></div>
<div class="separator" style="clear: both; text-align: left;">
<br /></div>
<div class="separator" style="clear: both; text-align: left;">
<br /></div>
<div class="separator" style="clear: both; text-align: left;">
map for tourist in Taiwan</div>
<div class="separator" style="clear: both; text-align: left;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgrytzWeo-EUuB17gtlmEXDC0rRPyKHU3Y0YeI5aDg0R6iK4gqKpqBhTImwJFBAR4_xrt8W6wl1jAbePK22oIVJ45in0V394BTLbZTEHB1V6KBTR4AUGRHv-mvRG8etEk3VCq7o75xGQvg/s1600/Photo+12-4-18+%E4%B8%8A%E5%8D%884+48+42.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="320" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgrytzWeo-EUuB17gtlmEXDC0rRPyKHU3Y0YeI5aDg0R6iK4gqKpqBhTImwJFBAR4_xrt8W6wl1jAbePK22oIVJ45in0V394BTLbZTEHB1V6KBTR4AUGRHv-mvRG8etEk3VCq7o75xGQvg/s320/Photo+12-4-18+%E4%B8%8A%E5%8D%884+48+42.jpg" width="239" /></a></div>
<div class="separator" style="clear: both; text-align: left;">
<br /></div>
<div class="separator" style="clear: both; text-align: left;">
<br /></div>
using diagram as an advertise<br />
<div class="separator" style="clear: both; text-align: left;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgIr6S6BSEwYNJaGDJHSQQBdbBEifmqeOhHq1CzbgO-8w-MGou353cashT-uFuErIQMfe1lFv3DdkTQLcCIowFPyd2j05nMuZotTv2_CuZ359YxvvbnLZxE_qGohDPdQJoNiRzVovmH1oQ/s1600/Photo+12-4-13+%E4%B8%8B%E5%8D%8812+56+11.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="320" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgIr6S6BSEwYNJaGDJHSQQBdbBEifmqeOhHq1CzbgO-8w-MGou353cashT-uFuErIQMfe1lFv3DdkTQLcCIowFPyd2j05nMuZotTv2_CuZ359YxvvbnLZxE_qGohDPdQJoNiRzVovmH1oQ/s320/Photo+12-4-13+%E4%B8%8B%E5%8D%8812+56+11.jpg" width="239" /></a></div>
<br />
<div class="separator" style="clear: both; text-align: left;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjibC9CPPuT4PSYL2PzbLuFXQRMusErT0QOmAjbthSzXu2MIrzjN0cHd1IC9ORy80twMJqF__CQQbwparWtgBrMjuLJuIKstigwzbBuZS2Ax5iM3G7DuKkL9IGAL38oGEjFZcbUir6HvFw/s1600/Photo+12-4-13+%E4%B8%8B%E5%8D%8812+57+52.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="320" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjibC9CPPuT4PSYL2PzbLuFXQRMusErT0QOmAjbthSzXu2MIrzjN0cHd1IC9ORy80twMJqF__CQQbwparWtgBrMjuLJuIKstigwzbBuZS2Ax5iM3G7DuKkL9IGAL38oGEjFZcbUir6HvFw/s320/Photo+12-4-13+%E4%B8%8B%E5%8D%8812+57+52.jpg" width="239" /></a></div>
<br />
<div class="separator" style="clear: both; text-align: left;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj_OeCBGjPZJl6rSeiXpEBKli_kexnUXdQfv3R13iDArFVn6Z7swP4ViBwS7F1fA4CDopKweMEPHEMUmQpSSHQ8XZuxCkqyENr6U8-HXfM_4fD5KSdfcEA8bLkiU1EBG2sOGS126q_kwzs/s1600/Photo+12-4-16+%E4%B8%8A%E5%8D%885+32+29.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="239" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj_OeCBGjPZJl6rSeiXpEBKli_kexnUXdQfv3R13iDArFVn6Z7swP4ViBwS7F1fA4CDopKweMEPHEMUmQpSSHQ8XZuxCkqyENr6U8-HXfM_4fD5KSdfcEA8bLkiU1EBG2sOGS126q_kwzs/s320/Photo+12-4-16+%E4%B8%8A%E5%8D%885+32+29.jpg" width="320" /></a></div>
<br />
<div>
<br /></div>
<div>
<br /></div>
<div>
<br /></div>
<div>
<br /></div>Nakikihttp://www.blogger.com/profile/12648142479331331936noreply@blogger.com1tag:blogger.com,1999:blog-7434300827066650657.post-58374470717694146622012-04-23T11:31:00.000-07:002012-05-03T14:42:54.780-07:00the information graphic in my life-1 (pictogram)<div class="separator" style="clear: both; text-align: left;">
most of people in my hometown knows graphic design, but they have no idea what information graphic is. Actually, information graphic is in our life. here's some information graphic captured by me which are surrounded in my daily life. </div>
<div class="separator" style="clear: both; text-align: left;">
<br /></div>
<div class="separator" style="clear: both; text-align: left;">
this article documented the graphics on the path of my daily, 3/4/12~20/4/12 in Taiwan. </div>
<div class="separator" style="clear: both; text-align: left;">
<br /></div>
<div class="separator" style="clear: both; text-align: left;">
<u>the pictogram for package</u></div>
<div class="separator" style="clear: both; text-align: left;">
<u><br /></u></div>
<div class="separator" style="clear: both; text-align: left;">
<i>1. on the cans of paint</i> </div>
<div class="separator" style="clear: both; text-align: left;">
<br /></div>
<div class="separator" style="clear: both; text-align: left;">
the graphic designer tried to use pictogram to highlights some feature of the paint. but the graphic does not work in some situation.</div>
<div class="separator" style="clear: both; text-align: left;">
<br /></div>
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEibgFPUQaEHXaUmBxa_F3IVZse0Ognh9qR74nRybYOdeNr6Hy6LgT9e6QmLSmPctp4UhrBHnvb1Lke3sVXwop7TfX6p5MykoTAUMZUt760rHVeb424vYzv-HjRK5o_607Wx5YDGw_QJZJ8/s1600/Photo+12-4-9+%25E4%25B8%258B%25E5%258D%258812+41+09.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em; text-align: center;"><img border="0" height="239" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEibgFPUQaEHXaUmBxa_F3IVZse0Ognh9qR74nRybYOdeNr6Hy6LgT9e6QmLSmPctp4UhrBHnvb1Lke3sVXwop7TfX6p5MykoTAUMZUt760rHVeb424vYzv-HjRK5o_607Wx5YDGw_QJZJ8/s320/Photo+12-4-9+%25E4%25B8%258B%25E5%258D%258812+41+09.jpg" width="320" /></a>
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjBite50YrSltymBeIYJiGS39_vq5InWMjkLMfxPftSUvc6OYD_TXvVXzDSRvha24V2PhhO3FC2HFive3StVXaEWMmIDyLSFFYb0we950fLvNiewLOmmh5LXcMQkt2ezyUQpLaHSblmxVo/s1600/Photo+12-4-9+%25E4%25B8%258B%25E5%258D%258812+41+34.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em; text-align: center;"><img border="0" height="239" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjBite50YrSltymBeIYJiGS39_vq5InWMjkLMfxPftSUvc6OYD_TXvVXzDSRvha24V2PhhO3FC2HFive3StVXaEWMmIDyLSFFYb0we950fLvNiewLOmmh5LXcMQkt2ezyUQpLaHSblmxVo/s320/Photo+12-4-9+%25E4%25B8%258B%25E5%258D%258812+41+34.jpg" width="320" /></a>
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiK0WeG-jkkhflBAqNr-DbDg4wYqmn2TDV5WBEV2u_5LURHw2YPD6THd0SUPccyZxplZYMF90g0t5ebvCxcsVCwVkHS0j1qlcr3ssyQRniAvptaC0bKJKue41C5n6dGUau9M-UnNQjXXR0/s1600/Photo+12-4-9+%25E4%25B8%258B%25E5%258D%258812+42+31.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em; text-align: center;"><img border="0" height="239" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiK0WeG-jkkhflBAqNr-DbDg4wYqmn2TDV5WBEV2u_5LURHw2YPD6THd0SUPccyZxplZYMF90g0t5ebvCxcsVCwVkHS0j1qlcr3ssyQRniAvptaC0bKJKue41C5n6dGUau9M-UnNQjXXR0/s320/Photo+12-4-9+%25E4%25B8%258B%25E5%258D%258812+42+31.jpg" width="320" /></a><br />
<br />
<br />
<i>2. on the cover of the wet wipes</i><br />
<br />
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjYl5lW2OlJUUbSQbyWzyFZoMo5_0jWbX5wvIswL7w_ZVP_x0iHHVIQfXzkMU0ocovbcAUaJt9QEnDQQf2fujdg7Cr5ZyyEjXqj1oEhdGpQFUJhKU9t0uyZ8tVBrrCIQnxQtJQRW-O-ygE/s1600/Photo+12-4-15+%E4%B8%8A%E5%8D%886+25+32.jpg" imageanchor="1" style="clear: left; margin-bottom: 1em; margin-right: 1em; text-align: center;"><img border="0" height="239" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjYl5lW2OlJUUbSQbyWzyFZoMo5_0jWbX5wvIswL7w_ZVP_x0iHHVIQfXzkMU0ocovbcAUaJt9QEnDQQf2fujdg7Cr5ZyyEjXqj1oEhdGpQFUJhKU9t0uyZ8tVBrrCIQnxQtJQRW-O-ygE/s320/Photo+12-4-15+%E4%B8%8A%E5%8D%886+25+32.jpg" width="320" /></a>
<br />
<br />
<i>3. on the cartons of vacuum cleaner</i><br />
<br />
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiTl_nmuxQ9-uUCKUzCobfjvJ_j9J2qDb2HEoUkvmISKEV8Z3Mf_2JgE8PV5ZJlIxtIuEUg9h3wR_EeA1iN9Wzrnh-8HyBBwaTG2orzHM52bwXUzf4jsaXNLf6tDuWdrOYp-_BIpPcrpv4/s1600/Photo+12-4-16+%E4%B8%8A%E5%8D%886+00+34.jpg" imageanchor="1" style="clear: left; margin-bottom: 1em; margin-right: 1em; text-align: center;"><img border="0" height="239" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiTl_nmuxQ9-uUCKUzCobfjvJ_j9J2qDb2HEoUkvmISKEV8Z3Mf_2JgE8PV5ZJlIxtIuEUg9h3wR_EeA1iN9Wzrnh-8HyBBwaTG2orzHM52bwXUzf4jsaXNLf6tDuWdrOYp-_BIpPcrpv4/s320/Photo+12-4-16+%E4%B8%8A%E5%8D%886+00+34.jpg" width="320" /></a>
<br />
<br />
<u>the pictogram on the street</u><br />
<u><br /></u><br />
1. the sign of repair station in front of a 3C products store.<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjd8JDuKl-ouNtNIQzYCjvZ6jOtTnjHZoM5xQSy9k4YXxPrDy-XvBVBzssF234Dzt2i0XG_5Tb13N-WEJrCm3FLtR0VeEaDTHJ-hJM4XtMktTU_HGv8biP0lZ_cr3RHaLEdBXhjMSJq0WA/s1600/Photo+12-4-13+%E4%B8%8B%E5%8D%8812+55+34.jpg" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img border="0" height="320" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjd8JDuKl-ouNtNIQzYCjvZ6jOtTnjHZoM5xQSy9k4YXxPrDy-XvBVBzssF234Dzt2i0XG_5Tb13N-WEJrCm3FLtR0VeEaDTHJ-hJM4XtMktTU_HGv8biP0lZ_cr3RHaLEdBXhjMSJq0WA/s320/Photo+12-4-13+%E4%B8%8B%E5%8D%8812+55+34.jpg" width="239" /></a></div>
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhkjmfjkOkvyVMVgvUyZAuQcAQ5B6ovdaxI2RPHbOLn_nXx0LABsOHixVImGuqZ0_aSUit5mfWjdWFI4Lx5kuoIkkaGI3q_JYz3Azz9-k-hvk8IR-pRtEOJZoiIxT5neUkNaIFv9DZ_9C4/s1600/Photo+12-4-13+%E4%B8%8B%E5%8D%8812+55+45.jpg" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><br /></a><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhkjmfjkOkvyVMVgvUyZAuQcAQ5B6ovdaxI2RPHbOLn_nXx0LABsOHixVImGuqZ0_aSUit5mfWjdWFI4Lx5kuoIkkaGI3q_JYz3Azz9-k-hvk8IR-pRtEOJZoiIxT5neUkNaIFv9DZ_9C4/s1600/Photo+12-4-13+%E4%B8%8B%E5%8D%8812+55+45.jpg" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img border="0" height="320" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhkjmfjkOkvyVMVgvUyZAuQcAQ5B6ovdaxI2RPHbOLn_nXx0LABsOHixVImGuqZ0_aSUit5mfWjdWFI4Lx5kuoIkkaGI3q_JYz3Azz9-k-hvk8IR-pRtEOJZoiIxT5neUkNaIFv9DZ_9C4/s320/Photo+12-4-13+%E4%B8%8B%E5%8D%8812+55+45.jpg" width="239" /></a></div>
<div style="text-align: left;">
<br /></div>
<div style="text-align: left;">
<br /></div>
<div style="text-align: left;">
same store, indicated the forbidden behavior in it. (no pet, drink, picture and smoking.)</div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjYl5lW2OlJUUbSQbyWzyFZoMo5_0jWbX5wvIswL7w_ZVP_x0iHHVIQfXzkMU0ocovbcAUaJt9QEnDQQf2fujdg7Cr5ZyyEjXqj1oEhdGpQFUJhKU9t0uyZ8tVBrrCIQnxQtJQRW-O-ygE/s1600/Photo+12-4-15+%E4%B8%8A%E5%8D%886+25+32.jpg" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><br /></a></div>
<div style="text-align: left;">
<br /></div>
<div style="text-align: left;">
<br /></div>
<div style="text-align: left;">
in a shop sign, in front of a coffee shop. (provides cafe, cake, tea and bread.)</div>
<div class="separator" style="clear: both; text-align: center;">
<br /></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEioSCJP3TPY1I09PyeCRPtAlsKgLOgixPMYR2nMvFnUAFO692RLdstFDYfG-9-kA5-Qey09hMfTQONn4diMn93p4u08DqASxQcxkdlqpZ3jglPHsCtvXvn2HwfBEG2LSMDgY1BCzwAuuxI/s1600/Photo+12-4-19+%E4%B8%8B%E5%8D%881+38+41.jpg" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img border="0" height="239" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEioSCJP3TPY1I09PyeCRPtAlsKgLOgixPMYR2nMvFnUAFO692RLdstFDYfG-9-kA5-Qey09hMfTQONn4diMn93p4u08DqASxQcxkdlqpZ3jglPHsCtvXvn2HwfBEG2LSMDgY1BCzwAuuxI/s320/Photo+12-4-19+%E4%B8%8B%E5%8D%881+38+41.jpg" width="320" /></a></div>
<div class="separator" style="clear: both; text-align: center;">
<br /></div>
<div class="separator" style="clear: both; text-align: center;">
<br /></div>
<span style="text-align: center;">shop sign of the convenient store (this branch provides toilet, place for eat and free wifi.)</span><br />
<span style="text-align: center;"><br /></span><br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhFBIYKfXzQrS6_5W6c6yhlPtClZXBt2IsNLGK4rGRIrJe2SO45ETFJHTm8Ju59I5MNECOKd7W6oo8g5Q5Px4rsByfeFI9NkGCrjcG1RPWw2I0ttdt9Tc8mxyZYzUV1Zu351RdFx83hw7g/s1600/Photo+12-4-13+%E4%B8%8B%E5%8D%882+51+01.jpg" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img border="0" height="320" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhFBIYKfXzQrS6_5W6c6yhlPtClZXBt2IsNLGK4rGRIrJe2SO45ETFJHTm8Ju59I5MNECOKd7W6oo8g5Q5Px4rsByfeFI9NkGCrjcG1RPWw2I0ttdt9Tc8mxyZYzUV1Zu351RdFx83hw7g/s320/Photo+12-4-13+%E4%B8%8B%E5%8D%882+51+01.jpg" width="239" /></a></div>
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhTPa_OFsthRzJokTyr-5lV6EHeI1ZTUvF4kp1Giuz3-U4g-LCwPjin5Xw0VNJWZRWNRynbWsMez-H4E8YpNgbx2-c9AE00p2htBLxUSzd69gjYjwIj50tta-rH4E_k83H04lDvU4Ni45Q/s1600/Photo+12-4-23+%E4%B8%8A%E5%8D%8811+27+40.jpg" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><br /></a></div>
<div style="text-align: left;">
<br /></div>
<div style="text-align: left;">
<br /></div>
<div style="text-align: left;">
<br /></div>
<div style="text-align: left;">
the last one was took in Birmingham. what can pictogram can be a kind of guide in a retailer enviornment.<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhTPa_OFsthRzJokTyr-5lV6EHeI1ZTUvF4kp1Giuz3-U4g-LCwPjin5Xw0VNJWZRWNRynbWsMez-H4E8YpNgbx2-c9AE00p2htBLxUSzd69gjYjwIj50tta-rH4E_k83H04lDvU4Ni45Q/s1600/Photo+12-4-23+%E4%B8%8A%E5%8D%8811+27+40.jpg" imageanchor="1" style="clear: left; display: inline !important; margin-bottom: 1em; margin-right: 1em; text-align: center;"><img border="0" height="320" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhTPa_OFsthRzJokTyr-5lV6EHeI1ZTUvF4kp1Giuz3-U4g-LCwPjin5Xw0VNJWZRWNRynbWsMez-H4E8YpNgbx2-c9AE00p2htBLxUSzd69gjYjwIj50tta-rH4E_k83H04lDvU4Ni45Q/s320/Photo+12-4-23+%E4%B8%8A%E5%8D%8811+27+40.jpg" width="239" /></a></div>
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgq1cQ9Hh1EOkNsz89v6klzF21MWTYE2X4kbgQvYWyuINLB1bxgKQFF6nF6-xzBjRX6zlnNfkd9jkzcANGq28_fSPYVtuG7LtfpXFAluy7bH3Si4SWBo5qv7RNj5slfsP_yOzsDBdptUQc/s1600/Photo+12-4-23+%E4%B8%8A%E5%8D%8811+27+47.jpg" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img border="0" height="320" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgq1cQ9Hh1EOkNsz89v6klzF21MWTYE2X4kbgQvYWyuINLB1bxgKQFF6nF6-xzBjRX6zlnNfkd9jkzcANGq28_fSPYVtuG7LtfpXFAluy7bH3Si4SWBo5qv7RNj5slfsP_yOzsDBdptUQc/s320/Photo+12-4-23+%E4%B8%8A%E5%8D%8811+27+47.jpg" width="239" /></a></div>
<div class="separator" style="clear: both; text-align: center;">
</div>
<div class="separator" style="clear: both; text-align: center;">
</div>
<div class="separator" style="clear: both; text-align: center;">
</div>Nakikihttp://www.blogger.com/profile/12648142479331331936noreply@blogger.com0tag:blogger.com,1999:blog-7434300827066650657.post-70147184067655880802012-03-27T16:39:00.002-07:002012-03-27T16:49:49.140-07:00Our life in the futurehttp://www.mydesy.com/the-future-is-now07<br /><br />Here is an very interesting article which is talking about what our life might going to be in the near future.<br />Basically, most of the trends shows due to the apple company and their skirts effect to other industry, our life will occupied by touch screens in the near future. (base on the internet, of course) All the information display will be a little different alter by the devices we use. <br />It is a quite interesting topic because it means the requirement for UI and information designer will increase. Sound like a good mews for me? Maybe I should think and practice more about the catalogue of symbolic study which more related to the subjects like this.Nakikihttp://www.blogger.com/profile/12648142479331331936noreply@blogger.com0tag:blogger.com,1999:blog-7434300827066650657.post-35820544880461028662012-03-27T16:38:00.000-07:002012-05-07T12:27:38.928-07:00A short lecture: understanding and applying 5 key principles of information graphic designRecently i am doing the lecture,<br />
"understanding and applying 5 key principles of information graphic design",<br />
here is the graphic I made and going to use it to talk.<br />
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj80OxwWeLqnlmYJQAqmtNuNu1fHVyk9wtU654aaHpGH-AmnO-CtXNYKBtiG7ARGJqi-uUdAWheNir2Ln3GQ6fytRgUBq8guyiNk5MazkAmCcTEx3tAzo3S5f0rHgAxBZ27LLgTsvnAykI/s1600/race2.jpg"><img alt="" border="0" id="BLOGGER_PHOTO_ID_5724722191652465042" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj80OxwWeLqnlmYJQAqmtNuNu1fHVyk9wtU654aaHpGH-AmnO-CtXNYKBtiG7ARGJqi-uUdAWheNir2Ln3GQ6fytRgUBq8guyiNk5MazkAmCcTEx3tAzo3S5f0rHgAxBZ27LLgTsvnAykI/s320/race2.jpg" style="cursor: hand; cursor: pointer; display: block; height: 240px; margin: 0px auto 10px; text-align: center; width: 320px;" /></a><br />
This peice of information graphic illustrated the population of the main 3 races in Taiwan, target audience is 8-12 years old chrildren.Nakikihttp://www.blogger.com/profile/12648142479331331936noreply@blogger.com0tag:blogger.com,1999:blog-7434300827066650657.post-24577431358075358692012-03-03T07:43:00.001-08:002012-03-03T07:44:52.482-08:00The interview of Steve DuenesAn interview in 2008, talked by Steve Duenes, the graphic director of New York Times.<br /><br />http://www.nytimes.com/2008/02/25/business/media/25asktheeditors.html?_r=3&oref=slogin&oref=sloginNakikihttp://www.blogger.com/profile/12648142479331331936noreply@blogger.com0tag:blogger.com,1999:blog-7434300827066650657.post-82173256651173238782012-02-09T17:21:00.000-08:002012-02-09T17:27:20.366-08:00three steps in creating an infographicthree general steps in creating an infographic ( in my point of view )<br /><br />1. story<br /> to think and decide what kinds of information does your audience like. describe a story.<br /><br />2. data<br /> collect and gather all the relevant, right data.<br /><br />3. design<br /> DESIGN. use easy software to have a draft. the rest of this stage only requires a graphic designer. how eye-catching the work is in some situation is the only criteria.Nakikihttp://www.blogger.com/profile/12648142479331331936noreply@blogger.com0tag:blogger.com,1999:blog-7434300827066650657.post-3158667932700844962012-02-09T17:11:00.000-08:002012-02-09T17:17:44.147-08:00Reference and Inspiration resourcesinfographic related sites<br /><br /><br />圖研所<br />http://www.tuyansuo.com/<br />Massive collection of graphic works.<br /><br />Visual.ly<br />http://visual.ly/about<br />The world's largest community for sharing infographics and data visualizations<br /><br />Data visualization<br />http://pinterest.com/elizzra/data-visualization/<br /><br />there are variety websites related to infographic, Vimeo has the ones with motion, Behance and Flicr has the group of information structure and infographic groups.Nakikihttp://www.blogger.com/profile/12648142479331331936noreply@blogger.com0tag:blogger.com,1999:blog-7434300827066650657.post-53206256709679881462012-02-09T17:06:00.001-08:002012-05-07T03:05:46.797-07:00self learning in infographicResearch, analyze, redesign and some prototype design in datalogy + typical infographic.<br />
<br />
<br />
this picture shows the process of collecting information(element) to visualize<br />
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiWGd3BrSHDn3YtLhchCEHiqC6QB-X95S22mRbGkzXnc7fY5zzSMym28yrKRYLK3As1j5MqdcZikLk1pUP-XHF85B0qqNhj_oruu381DK42k_7scgONtsjW0SCzgrDu7u_S6rkJGCqCkSc/s1600/IMG_0872.JPG"><img alt="" border="0" id="BLOGGER_PHOTO_ID_5707308038738402082" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiWGd3BrSHDn3YtLhchCEHiqC6QB-X95S22mRbGkzXnc7fY5zzSMym28yrKRYLK3As1j5MqdcZikLk1pUP-XHF85B0qqNhj_oruu381DK42k_7scgONtsjW0SCzgrDu7u_S6rkJGCqCkSc/s320/IMG_0872.JPG" style="cursor: hand; cursor: pointer; display: block; height: 240px; margin: 0px auto 10px; text-align: center; width: 320px;" /></a><br />
<br />
<br />
tried to transform them into image<br />
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgi_6CzFXS_SyPz5-gswkEfAwvCbfcsFSMIFlCnjMCZLo-Fjx1P5HU7K1CKRV-_sdHpA_uucOt19b74ZBjgQgWoALqIHEap-edSMveuwnA7kmu74Pr1TRDVVWbPP3Eg-DxwsbL6BS-qMyY/s1600/IMG_0870.JPG"><img alt="" border="0" id="BLOGGER_PHOTO_ID_5707307990637681858" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgi_6CzFXS_SyPz5-gswkEfAwvCbfcsFSMIFlCnjMCZLo-Fjx1P5HU7K1CKRV-_sdHpA_uucOt19b74ZBjgQgWoALqIHEap-edSMveuwnA7kmu74Pr1TRDVVWbPP3Eg-DxwsbL6BS-qMyY/s320/IMG_0870.JPG" style="cursor: hand; cursor: pointer; display: block; height: 320px; margin: 0px auto 10px; text-align: center; width: 240px;" /></a><br />
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjmcARC1Jw1eNC1DWGBHUhYEOfjUvaEpb1toGoLJGGyJ2qTlkMAN2ov3b6d8ifMVg_1xewdr8uaEZAdlbo23_sHfxofSiVrTOjatvyITpSJj_121RI8tFBzhkySNVAz5EzuLG-AnrJigas/s1600/IMG_0869.JPG"><img alt="" border="0" id="BLOGGER_PHOTO_ID_5707307929465509362" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjmcARC1Jw1eNC1DWGBHUhYEOfjUvaEpb1toGoLJGGyJ2qTlkMAN2ov3b6d8ifMVg_1xewdr8uaEZAdlbo23_sHfxofSiVrTOjatvyITpSJj_121RI8tFBzhkySNVAz5EzuLG-AnrJigas/s320/IMG_0869.JPG" style="cursor: hand; cursor: pointer; display: block; height: 240px; margin: 0px auto 10px; text-align: center; width: 320px;" /></a><br />
<br />
<br />
a diagram which describing the map of my accommodation.<br />
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjN2jd2nyYnwkpVYPDhWvy4wCuKlqEqw5nNqros_k8h4B1yLFuFjzliNPB2ksdLvLVy0ceQOFGoVTo1JocRHaHLaIUnY_XxJkVIR4VtthG8SybDCH4uErZ3Wbr9OJ-E5B2NfU1ahO2XYhQ/s1600/IMG_0865.JPG"><img alt="" border="0" id="BLOGGER_PHOTO_ID_5707307877053466930" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjN2jd2nyYnwkpVYPDhWvy4wCuKlqEqw5nNqros_k8h4B1yLFuFjzliNPB2ksdLvLVy0ceQOFGoVTo1JocRHaHLaIUnY_XxJkVIR4VtthG8SybDCH4uErZ3Wbr9OJ-E5B2NfU1ahO2XYhQ/s320/IMG_0865.JPG" style="cursor: hand; cursor: pointer; display: block; height: 240px; margin: 0px auto 10px; text-align: center; width: 320px;" /></a><br />
<br />
the study in different visual way in pie chart.<br />
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhJSWBElbwEbmIU9L92F7HCvINmqFFWPaMsbz_W6V11k_GUkFqU5YmPhUmRrXaqVsxgAXvEUn8VlLq5pPlbr3nZiK7jcoAvDD5lo2flHqiESsGCOMVJR3jgspTysi6hY3uYO23siDH7uhw/s1600/IMG_0863.JPG"><img alt="" border="0" id="BLOGGER_PHOTO_ID_5707307818343537250" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhJSWBElbwEbmIU9L92F7HCvINmqFFWPaMsbz_W6V11k_GUkFqU5YmPhUmRrXaqVsxgAXvEUn8VlLq5pPlbr3nZiK7jcoAvDD5lo2flHqiESsGCOMVJR3jgspTysi6hY3uYO23siDH7uhw/s320/IMG_0863.JPG" style="cursor: hand; cursor: pointer; display: block; height: 240px; margin: 0px auto 10px; text-align: center; width: 320px;" /></a><br />
<br />
a prototype re-design of the topic of sea level rises.<br />
<br />
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhQXHPi2uQ7PvvO471U2L3YABEfBQ42CysIlDx2U_ZL5-ABIfWIsYnR3gKUg8IhbGYyjK35bizjgxwpQQFdYrI_Ymy9pa7_Qe-IkDxphxHCFsUl8fnfpXsjY3vSe2-PuOFSeyS8c1n1_WA/s1600/IMG_0852.JPG"><img alt="" border="0" id="BLOGGER_PHOTO_ID_5707307246141054850" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhQXHPi2uQ7PvvO471U2L3YABEfBQ42CysIlDx2U_ZL5-ABIfWIsYnR3gKUg8IhbGYyjK35bizjgxwpQQFdYrI_Ymy9pa7_Qe-IkDxphxHCFsUl8fnfpXsjY3vSe2-PuOFSeyS8c1n1_WA/s320/IMG_0852.JPG" style="cursor: hand; cursor: pointer; display: block; height: 240px; margin: 0px auto 10px; text-align: center; width: 320px;" /></a>Nakikihttp://www.blogger.com/profile/12648142479331331936noreply@blogger.com0tag:blogger.com,1999:blog-7434300827066650657.post-67067148585477057152012-02-07T15:12:00.003-08:002012-03-27T16:38:59.860-07:00InfoGraphic Designs: Overview, Examples and Best Practices<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj80OxwWeLqnlmYJQAqmtNuNu1fHVyk9wtU654aaHpGH-AmnO-CtXNYKBtiG7ARGJqi-uUdAWheNir2Ln3GQ6fytRgUBq8guyiNk5MazkAmCcTEx3tAzo3S5f0rHgAxBZ27LLgTsvnAykI/s1600/race2.jpg"><img style="display:block; margin:0px auto 10px; text-align:center;cursor:pointer; cursor:hand;width: 320px; height: 240px;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj80OxwWeLqnlmYJQAqmtNuNu1fHVyk9wtU654aaHpGH-AmnO-CtXNYKBtiG7ARGJqi-uUdAWheNir2Ln3GQ6fytRgUBq8guyiNk5MazkAmCcTEx3tAzo3S5f0rHgAxBZ27LLgTsvnAykI/s320/race2.jpg" border="0" alt=""id="BLOGGER_PHOTO_ID_5724722191652465042" /></a><br />http://www.instantshift.com/2009/06/07/infographic-designs-overview-examples-and-best-practices/<br /><br />the article here documented the basic knowledge of information graphic.<br />includes what is it, how to make it and when can I use it.<br />recommend to anybody who want to learn this media.Nakikihttp://www.blogger.com/profile/12648142479331331936noreply@blogger.com0