
{"id":3955,"date":"2017-11-06T22:55:56","date_gmt":"2017-11-06T22:55:56","guid":{"rendered":"http:\/\/pages.uncc.edu\/aaron-toscano\/?page_id=3955"},"modified":"2017-11-13T23:21:05","modified_gmt":"2017-11-13T23:21:05","slug":"engl4182-5182november13","status":"publish","type":"page","link":"http:\/\/pages.charlotte.edu\/aaron-toscano\/engl4182-5182fall2017\/engl4182-5182november13\/","title":{"rendered":"November 13th: More on Color"},"content":{"rendered":"<h1 class=\"style8\" align=\"left\"><b>Plan for the Day<\/b><\/h1>\n<p class=\"style8\" align=\"left\">We&#8217;ve got a few things to do today, so below is a list:<\/p>\n<ul>\n<li class=\"style8\"><strong><a href=\"http:\/\/pages.uncc.edu\/aaron-toscano\/engl4182-5182fall2017\/informationdesignassignments2017\/#critique\">Information Design Critique Due\u00a0next week<\/a><\/strong> (11\/20)\n<ul>\n<li>Information Design Critique Workshop&#8211;get ideas from classmates!!!<\/li>\n<\/ul>\n<\/li>\n<li class=\"style8\">5182 Project Presentations next week (11\/20)<\/li>\n<li>Perception, Culture, Rhetoric and Color<\/li>\n<li>Ch. 6 <em>Design for Information<\/em><\/li>\n<li>Color Schemes<\/li>\n<li class=\"style8\">Document #3 Issues<\/li>\n<\/ul>\n<h2 class=\"style8\" align=\"left\"><b>Perception, Culture, Rhetoric<\/b><\/h2>\n<p class=\"style8\" align=\"left\">Color perception is an interesting subject that deals with physiological responses. While I don&#8217;t expect you to be well versed in the anatomy of the eye, there are several terms you should know:<\/p>\n<ul>\n<li class=\"style8\"><strong>visible spectrum<\/strong>: &#8220;a small range of wavelengths between 700 and 400 nanometers (nm)&#8221; in which humans can perceive light. There is other light, but we can&#8217;t see it without special devices (See discussion on <strong><a href=\"https:\/\/en.wikipedia.org\/wiki\/Infrared\">infrared wavelengths<\/a><\/strong>).\n<ul>\n<li><strong>hue<\/strong>: wavelengths of light that cause us to perceive different colors.<\/li>\n<li><strong>saturation<\/strong>: perception of the purity of color. More saturation, more pure and vibrant colors (hue).\n<ul>\n<li><strong>unsaturation<\/strong>: a mixture of colors. More unsaturated, more muted color.<\/li>\n<\/ul>\n<\/li>\n<li><strong>brightness<\/strong>: perception of the intensity of light that is transmitted or reflected from a surface.<\/li>\n<\/ul>\n<\/li>\n<li class=\"style8\"><strong>tristimulus<\/strong>: human perception of colors based on the mixture of perception of the three types of cones in the eye: red, green, and blue.<\/li>\n<li class=\"style8\"><strong>ganglion cells<\/strong>: the nerves that help distinguish between colors.<\/li>\n<li class=\"style8\"><strong>additive primary colors<\/strong>: red, green, and blue.\n<ul>\n<li><strong><a href=\"http:\/\/dictionary.reference.com\/browse\/cyan?&amp;qsrc=\">cyan<\/a><\/strong>&#8230;it&#8217;s not the pepper; pronounced <em>cy<\/em>&#8211;<em>an<\/em>.<\/li>\n<\/ul>\n<\/li>\n<li class=\"style8\"><strong>complementary colors<\/strong>: two colors directly opposite from each other on <strong><a href=\"https:\/\/kuler.adobe.com\/#create\/color-wheel\/?base=2&amp;rule=Analogous&amp;selected=4&amp;name=My%20Kuler%20Theme&amp;mode=rgb&amp;rgbvalues=1,0.3270833333331894,0.050000000000000044,0.91,0.17157291666660115,0.04550000000000004,1,0,0,0.91,0.04550000000000004,0.4777500000001965,1,0.050000000000000044,0.999999999999784&amp;swatchOrder=0,1,2,3,4\">the 360-degree color wheel<\/a><\/strong>.<\/li>\n<li class=\"style8\"><strong>analogous colors<\/strong>: colors close together on the same wheel.<\/li>\n<li class=\"style8\"><strong>Color Temperature<\/strong>: obviously, this is related to our feelings associated with various colors.\n<ul>\n<li><strong>warm colors<\/strong>: colors naturally brighter at the same level of saturation (i.e. red and yellow).<\/li>\n<li><strong>cool colors<\/strong>: colors not as bright as warm colors at the same saturation (i.e. green and blue).<\/li>\n<\/ul>\n<\/li>\n<li class=\"style8\"><strong>color vision deficiency<\/strong>: limitation in perceiving color differences.\n<ul>\n<li><strong><a href=\"http:\/\/graphics8.nytimes.com\/images\/2007\/08\/01\/health\/adam\/9962.jpg\">Test 1<\/a><\/strong><\/li>\n<li><strong><a href=\"http:\/\/blog.blankbaby.com\/photos\/uncategorized\/color52.jpg\">Test 2<\/a><\/strong><a id=\"decadecolor\" name=\"decadecolor\"><\/a><\/li>\n<\/ul>\n<\/li>\n<\/ul>\n<ul>\n<li class=\"style8\"><strong>split complementary colors<\/strong>: start with one color, and find the colors on either side of the original color&#8217;s complement. Sometimes called <strong><a href=\"http:\/\/webdesign.tutsplus.com\/articles\/an-introduction-to-color-theory-for-web-designers--webdesign-1437\">complementary colors<\/a><\/strong>.<\/li>\n<li class=\"style8\"><strong><a href=\"https:\/\/s-media-cache-ak0.pinimg.com\/originals\/ae\/bc\/a3\/aebca3d77f78a3f70ab0e9c05a3e07e3.gif\">Albert H. Munsell&#8217;s color theory image.<\/a><\/strong><\/li>\n<li class=\"style8\"><strong><a href=\"http:\/\/haveamint.com\/\">The Mint Site&#8230;monochromatic or something different?<\/a><\/strong>\n<ul>\n<li class=\"style8\">More monochromatic websites:<br \/>\n<strong><a href=\"http:\/\/cdn.designinstruct.com\/files\/588-illustrations-website-designs\/illustrations-web-designs-01-lighthousebrew.jpg\">Lighthouse Brewing, Co<\/a><\/strong><br \/>\n<strong><a href=\"https:\/\/pagelanes.com\/\">Not quite monochromatic&#8230;but close<\/a><\/strong><\/li>\n<\/ul>\n<\/li>\n<li><strong><a href=\"http:\/\/cdn.onextrapixel.com\/wp-content\/uploads\/2012\/11\/mono-31.jpg\">Would this be monochromatic or analogous?<\/a><\/strong>\n<ul>\n<li class=\"style8\">Let&#8217;s think about where brown is on these color wheels:<br \/>\n<strong><a href=\"https:\/\/www.franklinpainting.com\/blog\/wp-content\/uploads\/2011\/11\/colorwheel640.jpg\">Color Wheel 1<\/a><\/strong><br \/>\n<strong><a href=\"http:\/\/www.fivestarpainting.com\/images\/Blog-Images\/Color-Wheel-cool-vs.-warm.jpg\">Color Wheel 2<\/a><\/strong><\/li>\n<\/ul>\n<\/li>\n<li>Use color or black &amp; white\n<ul>\n<li>Surprisingly, black can come in different \u201ccolors,\u201d the range of which we call _____________________.<\/li>\n<\/ul>\n<\/li>\n<\/ul>\n<h2 class=\"style8\" align=\"left\"><b>Design for Information\u00a0<\/b><b>Ch. 6 &#8220;Textual Structures&#8221;<\/b><\/h2>\n<p class=\"style8\" align=\"left\">Last chapter! There are a couple things I want to focus our attention on, but below are some general &#8220;hits&#8221; of the chapter.<\/p>\n<ul>\n<li>p. 185: The description of the changes to <strong><a href=\"https:\/\/fathom.info\/traces\/\">Darwin&#8217;s book<\/a><\/strong> mentions the visualization allows us to understand something fundamental about science: &#8220;&#8216;We often think of scientific ideas&#8230;as fixed notions that are accepted as finished.'&#8221;<\/li>\n<li><strong><span style=\"color: #ff0000\">p. 187 and pp. 204-205: Types of Data<\/span><\/strong>\n<ul>\n<li>Nominal (Categorical) Data: No implicit quantitative relationship or inherent ordering, but we can group data into categories<\/li>\n<li>Ordinal Data: Arrange in a given order or rank&#8211;which comes first, which is bigger, etc.<\/li>\n<li>Quantitative Data: Measured and manipulated using statistical methods.<\/li>\n<\/ul>\n<\/li>\n<li>p. 187: Citing Moretti: &#8220;Quantitative research provides a type of data which is ideally independent of interpretations&#8230;and that is of course also its limit; it provides data, not interpretation.&#8221;\n<ul>\n<li><strong><span style=\"color: #ff0000\">Unfortunately, no data stand on their own; all data is a construction, filtered by gathering the data in a set.<\/span><\/strong><\/li>\n<\/ul>\n<\/li>\n<li>Time permitting, a look a the <strong><a href=\"http:\/\/pages.uncc.edu\/aaron-toscano\/engl2116summer2017\/engl2116july31\/#technicalnotes\">&#8220;Technical Notes&#8221; for the statistics in this CDC Report<\/a><\/strong>.<\/li>\n<li>p. 189: The goal of most natural-language data analysis is to look for patterns, structures, or relationships within a collection of documents (corpus).\n<ul>\n<li><strong><span style=\"color: #ff0000\">Three Types of Visualization of textual data<\/span><\/strong><br \/>\n1) Connections among entities within and across documents (think patterns across multiple data sets&#8211;what types of words do scientists, architects, and politicians use?)<br \/>\n2) Language patterns and word frequencies (think how often scientists say &#8220;probable&#8221;; how often do they say &#8220;certain&#8221;)<br \/>\n3) Analyze relationships between words in their usage (consider how words appear and what appears before or after them)<\/li>\n<\/ul>\n<\/li>\n<li>p. 191: The purpose of textual mining is to abstract elements &#8220;from the narrative flow, and construct a new, artificial object&#8221; that allows us to analyze different aspects of a text.\n<ul>\n<li>For instance, we could analyze a dataset of twelfth graders&#8217; essay for sentence length, compound sentences, and compound-complex sentences. Then, after statistical manipulation (quantitative), we could say the average twelfth-grade writer uses more of these sentences, less of these, and almost none of these.<\/li>\n<\/ul>\n<\/li>\n<li>p. 190: Why would <strong><a href=\"http:\/\/republicofletters.stanford.edu\/\">Stanford&#8217;s letter and travel mapping program<\/a><\/strong> be important to studying a particular historical figure?<\/li>\n<li>p. 192: Ware (again) on memory and <strong><a href=\"http:\/\/www.multimension.com\/wp-content\/uploads\/2012\/03\/dual_coding.jpg\">Dual Coding Theory<\/a><\/strong>:\n<ul>\n<li>Imagens, mental representations of visual information, are processed first (think word shape, size, weight, etc.)<\/li>\n<li>Logogens, mental representations of language information, are the nonvisual associations stored in long-term memory (think concepts leading to abstract thought; your memory has already stored information that helps you process the visual world)<\/li>\n<li>Consider the word &#8220;cat,&#8221; which is very easy to define, understand, and associate with known <strong><a href=\"http:\/\/pages.uncc.edu\/aaron-toscano\/engl4182-5182fall2017\/engl4182-5182november13\/sunsetkitties\/\">images<\/a><\/strong>.<\/li>\n<li>Now, consider the word, ennui, a <strong><em>concept<\/em><\/strong> that means the boredom felt by Westerners in late modernity. <a href=\"https:\/\/www.google.com\/search?q=translate+french+to+english&amp;rlz=1C1GGRV_enUS752US752&amp;oq=translate&amp;aqs=chrome.3.69i57j0l5.5343j0j4&amp;sourceid=chrome&amp;ie=UTF-8\">The French word is translated, &#8220;boredom, tedium, worry.&#8221;<\/a><\/li>\n<\/ul>\n<\/li>\n<li>p. 193: &#8220;There is an inherent temporal nature to language that transforms language into a sequence of mentally recreated dynamic utterances.&#8221;<\/li>\n<li>p. 194: The wonderful world of word clouds!\n<ul>\n<li>What do you think about word clouds? Useful? How?<\/li>\n<li>Where do you see word clouds?<\/li>\n<li><strong><a href=\"https:\/\/pages.uncc.edu\/connections\/group\/english\/\">English Department Word Cloud<\/a><\/strong><\/li>\n<li><strong><a href=\"https:\/\/pages.uncc.edu\/connections\/group\/clas\/\">CLAS Research Word Cloud<\/a><\/strong><\/li>\n<\/ul>\n<\/li>\n<\/ul>\n<h2 class=\"style8\" align=\"left\"><b>Color and Culture<\/b><\/h2>\n<p class=\"style8\" align=\"left\">Obviously, in the context of the United States, red, white, and blue are patriotic colors, plastered all over campaign documents.<\/p>\n<p class=\"style8\" align=\"left\">Let&#8217;s consider <strong>color and time period<\/strong>&#8230;Think about the colors in homes (appliances, couches, curtains, etc.) from media\u00a0or your life. What prevailing colors seem to identify the following decades:<\/p>\n<ul>\n<li class=\"style8\">1960s\n<ul>\n<li class=\"style8\"><strong><a href=\"http:\/\/www.beltstl.com\/wp-content\/uploads\/2010\/01\/oceans-eleven-03.jpg\">Luck be a Lady tonight&#8230;<\/a><\/strong><\/li>\n<li class=\"style8\"><strong><a href=\"http:\/\/www.yelp.com\/biz_photos\/oakland-museum-of-california-oakland-2?select=zLoLnT88unUSSrPuLsg86w#zLoLnT88unUSSrPuLsg86w\">Oakland Museum of CA<\/a><\/strong><\/li>\n<li class=\"style8\"><strong><a href=\"http:\/\/www.availableart.com\/images\/mad-men.jpg\">Madison Ave office&#8230;<\/a><\/strong><\/li>\n<\/ul>\n<\/li>\n<li class=\"style8\">1970s\n<ul>\n<li class=\"style8\"><strong><a href=\"http:\/\/3.bp.blogspot.com\/-wIDtZBFpDzg\/UOm5cHTSaqI\/AAAAAAAAB0w\/lzkvmLlc29Y\/s1600\/brady+kitchen.jpg\">Here&#8217;s a story&#8230;<\/a><\/strong><\/li>\n<li class=\"style8\"><strong><a href=\"http:\/\/i.imgur.com\/rLabyZs.jpg\">Another story&#8230;<\/a><\/strong><\/li>\n<li class=\"style8\"><strong><a href=\"https:\/\/s-media-cache-ak0.pinimg.com\/736x\/b1\/7e\/74\/b17e74980af75ca4e67c94ff9c74d33e.jpg\">Harvest Gold<\/a><\/strong><\/li>\n<li class=\"style8\"><strong><a href=\"http:\/\/2.bp.blogspot.com\/-4f5o_gVz9lw\/Uwu8THLcxYI\/AAAAAAAADsc\/QRjx7Qau-X0\/s1600\/avocado+appliances.jpg\">Avocado Green<\/a><\/strong><\/li>\n<\/ul>\n<\/li>\n<li class=\"style8\">1980s (early and late)\n<ul>\n<li class=\"style8\"><strong><a href=\"http:\/\/hbu.h-cdn.co\/assets\/cm\/15\/04\/54c0ec974d90e_-_02-hbx-pastel-dining-room-apr1983-de.jpg\">Attack of pastels<\/a><\/strong><\/li>\n<li class=\"style8\"><strong><a href=\"http:\/\/uglyhousephotos.com\/wordpress\/wp-content\/uploads\/2008\/12\/phx80slighting1.jpg\">Prince&#8217;s Dining Room<\/a><\/strong><\/li>\n<\/ul>\n<\/li>\n<li class=\"style8\">1990s&#8211;the last great decade&#8230;EVER!\n<ul>\n<li class=\"style8\"><strong><a href=\"http:\/\/www.curbsideclassic.com\/wp-content\/uploads\/2012\/03\/91-instrument-panel.jpg\">Fake wood paneling on dashboards<\/a><\/strong><\/li>\n<li class=\"style8\"><strong><a href=\"https:\/\/popcultureaffidavit.files.wordpress.com\/2014\/10\/eddie-bauer-explorer.jpg\">Hunter Green and beige<\/a><\/strong><\/li>\n<\/ul>\n<\/li>\n<\/ul>\n<h2 class=\"style8\" align=\"left\"><b>Color Scheme Groupwork<\/b><\/h2>\n<p class=\"style8\" align=\"left\">Go back to <strong><a href=\"http:\/\/pages.uncc.edu\/aaron-toscano\/engl4182-5182fall2017\/engl4182-5182november06\/#scheme\">last week&#8217;s section on color schemes<\/a><\/strong> and answer a few questions and put up a webpage.<\/p>\n<p class=\"style8\" align=\"left\">Then, move on to your Information Design Critique Workshop. Some of you expressed that you weren&#8217;t sure if you could write 4 double-spaced pages on a document. I assure you that you can, assuming the document is big enough. For instance, you probably can&#8217;t write 4 pages on a business card, but you could write plenty on a document like this one <strong><a href=\"http:\/\/partycity.scene7.com\/is\/image\/PartyCity\/666575?wid=600&amp;hei=600\">about a family game<\/a><\/strong>.<\/p>\n<h2 class=\"style8\" align=\"left\"><b>Matching Colors<\/b><\/h2>\n<p class=\"style8\" align=\"left\">I know this is a peculiarity of mine, but color matching is really ingrained racism of a culture. Let me explain&#8230;<\/p>\n<h2 class=\"style8\" align=\"left\"><b>Choropleth Maps<\/b><\/h2>\n<p class=\"style8\" align=\"left\">I absolutely doubt we&#8217;ll get around to this, but I&#8217;m including it here just in case. If anything, I want us to at least add the &#8220;Geographic Heat Map&#8221; App to Excel. If there&#8217;s a problem, I&#8217;ll try to track down someone who can help.<\/p>\n<p align=\"left\"><strong>My first choropleth map!<\/strong> Click <strong><a href=\"https:\/\/pages.uncc.edu\/aaron-toscano\/wp-content\/uploads\/sites\/121\/2017\/10\/PopulationDensity.xlsx\">here<\/a><\/strong> for the data in Excel, and click <strong><a href=\"http:\/\/geoawesomeness.com\/how-to-create-heat-map-in-excel-in-just-3-minutes\/\">here<\/a><\/strong> if you get lost in the tutorial.<\/p>\n<p align=\"left\"><strong>My second choropleth map!<\/strong> Click <strong><a href=\"http:\/\/pages.uncc.edu\/aaron-toscano\/wp-content\/uploads\/sites\/121\/2017\/11\/US_BachelorDegrees.xlsx\">here<\/a><\/strong> for the data in Excel. I created that data set from <strong><a href=\"https:\/\/en.wikipedia.org\/wiki\/List_of_U.S._states_by_educational_attainment\">here<\/a><\/strong>.<\/p>\n<p align=\"left\">Your classmate Zach informed me about a more powerful program called <strong><a href=\"http:\/\/simplyanalytics.com\/\">SimplyAnalytics<\/a><\/strong>, but I haven&#8217;t played around with it because it requires you to create an account. It looks like a good resource, though.<\/p>\n<h2><strong>Document #3 (Tutorial or Brochure) Issues<\/strong><\/h2>\n<p>I&#8217;ll turn back your Tutorials or Brochures tonight, but, as usual, below are a few general issues to consider:<\/p>\n<ul>\n<li>Red circles in Photoshop<\/li>\n<li>Uniform, clear screen shots (paste them in Photoshop)<\/li>\n<li>&#8220;Basal&#8221; text&#8211;not the herb<\/li>\n<li>MS Word Document look&#8230;it&#8217;s ok to use Word, but try not to have your document look like an assignment&#8211;even though it is<\/li>\n<li>Stay parallel<\/li>\n<li>Use captions for extra-textual elements (Figure X.X)<\/li>\n<li>[Color] C=___ M=___ Y=___ K=___<\/li>\n<li>Don&#8217;t just state what a color means based off some out-of-context web page or your own idiosyncratic &#8220;logic&#8221;; you have to let me know why a color means what it does. There are several interpretations possible.\n<ul>\n<li>Why is blue calming?<\/li>\n<li>Why is yellow for sickness?<\/li>\n<li>Exceptions: Green for environmental stuff and Red for danger or love&#8230;those are pretty common.<\/li>\n<\/ul>\n<\/li>\n<\/ul>\n<p>Those of you who haven&#8217;t turned in these portfolio assignments will definitely want to get them to me ASAP.<\/p>\n<h1 class=\"style8\" align=\"left\"><b>Next Week<\/b><\/h1>\n<p class=\"style8\" align=\"left\">I don&#8217;t have any new reading for you for next week, so use your time to finish any reading you might have missed. We&#8217;ll be moving onto extra-textual elements and wrapping up any topics we needed to go back to.<\/p>\n<p class=\"style8\" align=\"left\">We&#8217;ll have the 5182 group do their presentations on Nov. 27th. Then, we&#8217;ll just prepare for your presentations and portfolios due 12\/04.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Plan for the Day We&#8217;ve got a few things to do today, so below is a list: Information Design Critique Due\u00a0next week (11\/20) Information Design Critique Workshop&#8211;get ideas from classmates!!! 5182 Project Presentations next week (11\/20) Perception, Culture, Rhetoric and Color Ch. 6 Design for Information Color Schemes Document #3 Issues Perception, Culture, Rhetoric Color [&hellip;]<\/p>\n","protected":false},"author":598,"featured_media":0,"parent":3590,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"jetpack_post_was_ever_published":false,"footnotes":""},"class_list":["post-3955","page","type-page","status-publish","hentry"],"jetpack_shortlink":"https:\/\/wp.me\/P2HAOx-11N","jetpack_sharing_enabled":true,"_links":{"self":[{"href":"http:\/\/pages.charlotte.edu\/aaron-toscano\/wp-json\/wp\/v2\/pages\/3955","targetHints":{"allow":["GET"]}}],"collection":[{"href":"http:\/\/pages.charlotte.edu\/aaron-toscano\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"http:\/\/pages.charlotte.edu\/aaron-toscano\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"http:\/\/pages.charlotte.edu\/aaron-toscano\/wp-json\/wp\/v2\/users\/598"}],"replies":[{"embeddable":true,"href":"http:\/\/pages.charlotte.edu\/aaron-toscano\/wp-json\/wp\/v2\/comments?post=3955"}],"version-history":[{"count":12,"href":"http:\/\/pages.charlotte.edu\/aaron-toscano\/wp-json\/wp\/v2\/pages\/3955\/revisions"}],"predecessor-version":[{"id":3997,"href":"http:\/\/pages.charlotte.edu\/aaron-toscano\/wp-json\/wp\/v2\/pages\/3955\/revisions\/3997"}],"up":[{"embeddable":true,"href":"http:\/\/pages.charlotte.edu\/aaron-toscano\/wp-json\/wp\/v2\/pages\/3590"}],"wp:attachment":[{"href":"http:\/\/pages.charlotte.edu\/aaron-toscano\/wp-json\/wp\/v2\/media?parent=3955"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}