<?xml version="1.0" encoding="UTF-8"?>
<rss version="2.0"
	xmlns:content="http://purl.org/rss/1.0/modules/content/"
	xmlns:wfw="http://wellformedweb.org/CommentAPI/"
	xmlns:dc="http://purl.org/dc/elements/1.1/"
	xmlns:atom="http://www.w3.org/2005/Atom"
	xmlns:sy="http://purl.org/rss/1.0/modules/syndication/"
	xmlns:slash="http://purl.org/rss/1.0/modules/slash/"
	>

<channel>
	<title>后时代&#187; 视觉</title>
	<atom:link href="http://www.houshidai.com/tag/visual/feed" rel="self" type="application/rss+xml" />
	<link>http://www.houshidai.com</link>
	<description></description>
	<lastBuildDate>Fri, 11 Oct 2019 03:37:37 +0000</lastBuildDate>
	<language>zh-CN</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=3.4.1</generator>
		<item>
		<title>设计中的“不完美”</title>
		<link>http://www.houshidai.com/design/design-imperfect.html</link>
		<comments>http://www.houshidai.com/design/design-imperfect.html#comments</comments>
		<pubDate>Tue, 21 Nov 2017 00:18:33 +0000</pubDate>
		<dc:creator>RUI</dc:creator>
				<category><![CDATA[设计]]></category>
		<category><![CDATA[不完美]]></category>
		<category><![CDATA[平衡]]></category>
		<category><![CDATA[比例]]></category>
		<category><![CDATA[视觉]]></category>
		<category><![CDATA[视觉误差]]></category>
		<category><![CDATA[辅助线]]></category>

		<guid isPermaLink="false">http://houshidai.com/?p=8377</guid>
		<description><![CDATA[一般人会觉得有圈圈（辅助线）的LOGO就显得专业和牛逼，特别是强迫症严重的设计师来说，完美比例的几何图形，有精 [...]]]></description>
			<content:encoded><![CDATA[<p><img class="alignnone size-full wp-image-8378" title="Phi-Ratio" src="http://www.houshidai.com/wp-content/uploads/2017/11/Phi-Ratio.jpg" alt="" width="600" height="220" /></p>
<p><span id="more-8377"></span></p>
<p>一般人会觉得有圈圈（<span class='wp_keywordlink_affiliate'><a href="http://www.houshidai.com/tag/subline" title="查看 辅助线 中的全部文章" target="_blank">辅助线</a></span>）的LOGO就显得专业和牛逼，特别是强迫症严重的设计师来说，完美<span class='wp_keywordlink_affiliate'><a href="http://www.houshidai.com/tag/ratio" title="查看 比例 中的全部文章" target="_blank">比例</a></span>的几何图形，有精密数字计算的<span class='wp_keywordlink_affiliate'><a href="http://www.houshidai.com/tag/subline" title="查看 辅助线 中的全部文章" target="_blank">辅助线</a></span>稿，绝壁是最佳的ZB利器。</p>
<p>但是是不是<span class='wp_keywordlink_affiliate'><a href="http://www.houshidai.com/tag/imperfect" title="查看 不完美 中的全部文章" target="_blank">不完美</a></span>的<span class='wp_keywordlink_affiliate'><a href="http://www.houshidai.com/tag/ratio" title="查看 比例 中的全部文章" target="_blank">比例</a></span>就不是一个好的设计呢？</p>
<p>先来看看之前Google发布新LOGO：</p>
<p><img class="alignnone size-full wp-image-8380" title="google-logo" src="http://www.houshidai.com/wp-content/uploads/2017/11/google-logo.jpg" alt="" width="600" height="1300" /></p>
<p>当时就有强迫症大喊受不了，这色块不均匀啊~</p>
<p>但是你以为只有这一点吗？那就错了！不信？我们一起来看看图！先给LOGO套个圈圈，然后再套一个圈圈。然后大声告诉我，你看到了什么？</p>
<p>外圈是个<span class='wp_keywordlink_affiliate'><a href="http://www.houshidai.com/tag/imperfect" title="查看 不完美 中的全部文章" target="_blank">不完美</a></span>的圆，内圈也是个不完美的圆&#8230;</p>
<p>是不是觉得这简直不能忍！这是设计师的失误吗！作为世界最大的搜索引擎，怎么可以用这么不完美的LOGO！</p>
<p>你现在是不是想用辅助线，重新设计一个完美LOGO，说干就干。但是&#8230;你觉得上面这LOGO真的完美了吗？看上去是不是有点变胖了，来，我们再对比一下：</p>
<p><img class="alignnone size-full wp-image-8381" title="google-logo-redesign" src="http://www.houshidai.com/wp-content/uploads/2017/11/google-logo-redesign.jpg" alt="" width="600" height="681" /></p>
<p>你是不是觉得原版的不完美LOGO，看上去更“完美”一点。好吧，其实这里有一个小小的知识点，那就是——什么叫做<span class='wp_keywordlink_affiliate'><a href="http://www.houshidai.com/tag/visual" title="查看 视觉 中的全部文章" target="_blank">视觉</a></span>完美。</p>
<p>大家要知道完美数据化，那是电脑程式才会追求的事，在人的眼里，完美数据化的效果，其实并不是那么美好。</p>
<p>例如很多人以为浏览器里的这条刻度线，是上下空隙对等的，实际上，并不是，因为人在浏览的过程里会存在角度问题，如果完美的对称，反而看起来会不自然。</p>
<p><img class="alignnone size-full wp-image-8379" title="chrome" src="http://www.houshidai.com/wp-content/uploads/2017/11/chrome.jpg" alt="" width="600" height="532" /></p>
<p>同理Google的“G”字弯曲部分，经过调整会让人的<span class='wp_keywordlink_affiliate'><a href="http://www.houshidai.com/tag/visual" title="查看 视觉 中的全部文章" target="_blank">视觉</a></span>保持<span class='wp_keywordlink_affiliate'><a href="http://www.houshidai.com/tag/balance" title="查看 平衡 中的全部文章" target="_blank">平衡</a></span>感，让人看起来感觉更舒服。其次LOGO里不均匀的色块，也是情有可原。Google的标志升级后，绿红黄都是用了更亮眼的色调。四种颜色里，黄色更加抢眼，将黄色的色块变小，也是为了让所有颜色具备同等的视觉重量。</p>
<p><img src="http://5b0988e595225.cdn.sohucs.com/images/20171010/61978c68964b40f0a861c36e536a2d9e.gif" alt="http://5b0988e595225.cdn.sohucs.com/images/20171010/61978c68964b40f0a861c36e536a2d9e.gif" width="600" height="309" /></p>
<p>历史上看上去“完美”的LOGO还有很多</p>
<p><img class="alignnone size-full wp-image-8382" title="next-sony" src="http://www.houshidai.com/wp-content/uploads/2017/11/next-sony.jpg" alt="" width="600" height="739" /></p>
<p>保罗兰德为乔布斯设计的NeXT，看上去它是完美的立方体，每个角度都是90°，但其实它是99.2°的&#8230;</p>
<p><img src="http://5b0988e595225.cdn.sohucs.com/images/20171010/620d6006b8b04851badde6ca2915c012.gif" alt="http://5b0988e595225.cdn.sohucs.com/images/20171010/620d6006b8b04851badde6ca2915c012.gif" width="600" height="338" /></p>
<p>如果你为索尼的LOGO加上辅助线，就会发现字体之间的间距是“不完美”的，任天堂switch的图案不对称，如果对称了，你就未必会觉得好看了。</p>
<p><object id="tenvideo_flash_player_1510927260095" width="600px" height="450px" classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,40,0" align="middle" bgcolor="#000000"><param name="wmode" value="direct" /><param name="flashvars" value="vid=a1326jfx1ll&amp;tpid=0&amp;showend=1&amp;showcfg=1&amp;searchbar=1&amp;pic=//shp.qpic.cn/qqvideo_ori/0/a1326jfx1ll_496_280/0&amp;skin=http://imgcache.qq.com/minivideo_v1/vd/res/skins/TencentPlayerMiniSkin.swf&amp;shownext=1&amp;list=2&amp;autoplay=0" /><param name="src" value="https://imgcache.qq.com/tencentvideo_v1/player/TPout.swf?max_age=86400&amp;v=20140714" /><param name="quality" value="high" /><param name="allowscriptaccess" value="always" /><param name="allowfullscreen" value="true" /><param name="pluginspage" value="http://get.adobe.com/cn/flashplayer/" /><embed id="tenvideo_flash_player_1510927260095" width="600px" height="450px" type="application/x-shockwave-flash" src="https://imgcache.qq.com/tencentvideo_v1/player/TPout.swf?max_age=86400&amp;v=20140714" wmode="direct" flashvars="vid=a1326jfx1ll&amp;tpid=0&amp;showend=1&amp;showcfg=1&amp;searchbar=1&amp;pic=//shp.qpic.cn/qqvideo_ori/0/a1326jfx1ll_496_280/0&amp;skin=http://imgcache.qq.com/minivideo_v1/vd/res/skins/TencentPlayerMiniSkin.swf&amp;shownext=1&amp;list=2&amp;autoplay=0" quality="high" allowscriptaccess="always" allowfullscreen="true" pluginspage="http://get.adobe.com/cn/flashplayer/" align="middle" bgcolor="#000000" /></object></p>
]]></content:encoded>
			<wfw:commentRss>http://www.houshidai.com/design/design-imperfect.html/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>SanMar Catalog时尚摄影</title>
		<link>http://www.houshidai.com/photograph/sanmar-catalog.html</link>
		<comments>http://www.houshidai.com/photograph/sanmar-catalog.html#comments</comments>
		<pubDate>Fri, 26 Oct 2012 17:00:40 +0000</pubDate>
		<dc:creator>avic</dc:creator>
				<category><![CDATA[摄影]]></category>
		<category><![CDATA[工作室]]></category>
		<category><![CDATA[时尚摄影]]></category>
		<category><![CDATA[色彩]]></category>
		<category><![CDATA[艳丽]]></category>
		<category><![CDATA[视觉]]></category>

		<guid isPermaLink="false">http://houshidai.com/?p=6437</guid>
		<description><![CDATA[色彩艳丽的时尚摄影：SanMar Catalog。 美国JUCO和Julia Galdo两家摄影工作室合作完成 [...]]]></description>
			<content:encoded><![CDATA[<p><span class='wp_keywordlink_affiliate'><a href="http://www.houshidai.com/tag/color" title="查看 色彩 中的全部文章" target="_blank">色彩</a></span><span class='wp_keywordlink_affiliate'><a href="http://www.houshidai.com/tag/colored" title="查看 艳丽 中的全部文章" target="_blank">艳丽</a></span>的<span class='wp_keywordlink_affiliate'><a href="http://www.houshidai.com/tag/fashion-photography" title="查看 时尚摄影 中的全部文章" target="_blank">时尚摄影</a></span>：SanMar Catalog。</p>
<p><img class="alignnone size-full wp-image-6438" title="SanMar-Catalog" src="http://www.houshidai.com/wp-content/uploads/2012/10/SanMar-Catalog.jpg" alt="" width="600" height="220" /></p>
<p><span id="more-6437"></span></p>
<p>美国JUCO和Julia Galdo两家摄影<span class='wp_keywordlink_affiliate'><a href="http://www.houshidai.com/tag/studio" title="查看 工作室 中的全部文章" target="_blank">工作室</a></span>合作完成的一组摄影时尚作品欣赏。</p>
<p><img src="https://public.bay.livefilestore.com/y1pfwBC4mR9UbPQbfl5yEYy0umvxaC8T7k2oFtkrd3n2i8hvSzRHt4UsXC_okGlIk7NhQMm0Mp4Ys6rdYi_S7wnSA/SanMar-Catalog7.jpg?psid=1" alt="" /></p>
<p>American JUCO and Julia Galdo two, photography studio collaboration of a group of photography fashion Works.</p>
<p><img src="https://public.bay.livefilestore.com/y1phm90zxRspZvBmIIk0jWBFoKn2ictgonZXUQhgqTmLRDi9_0Wqya7ArKUCdWVGUbpfStH0KeHpc5jiZtfAq5VwA/SanMar-Catalog4.jpg?psid=1" alt="" /></p>
<p>SanMar Catalog<span class='wp_keywordlink_affiliate'><a href="http://www.houshidai.com/tag/studio" title="查看 工作室 中的全部文章" target="_blank">工作室</a></span><span class='wp_keywordlink_affiliate'><a href="http://www.houshidai.com/tag/color" title="查看 色彩 中的全部文章" target="_blank">色彩</a></span><span class='wp_keywordlink_affiliate'><a href="http://www.houshidai.com/tag/colored" title="查看 艳丽 中的全部文章" target="_blank">艳丽</a></span>的<span class='wp_keywordlink_affiliate'><a href="http://www.houshidai.com/tag/visual" title="查看 视觉 中的全部文章" target="_blank">视觉</a></span><span class='wp_keywordlink_affiliate'><a href="http://www.houshidai.com/tag/fashion-photography" title="查看 时尚摄影 中的全部文章" target="_blank">时尚摄影</a></span></p>
<p><img src="https://public.bay.livefilestore.com/y1pRb82TJMiaawsVMCFFxozTbbva780dHHNhdyuruO0xqYkr10L_xBz75JOigGzlBNG2jiJWw5AdjsAd7ogrjydhg/SanMar-Catalog5.jpg?psid=1" alt="" /></p>
<p>SanMar Catalog工作室<span class='wp_keywordlink_affiliate'><a href="http://www.houshidai.com/tag/color" title="查看 色彩 中的全部文章" target="_blank">色彩</a></span>艳丽的<span class='wp_keywordlink_affiliate'><a href="http://www.houshidai.com/tag/visual" title="查看 视觉 中的全部文章" target="_blank">视觉</a></span><span class='wp_keywordlink_affiliate'><a href="http://www.houshidai.com/tag/fashion-photography" title="查看 时尚摄影 中的全部文章" target="_blank">时尚摄影</a></span></p>
<p><img src="https://public.bay.livefilestore.com/y1pD-DEvgxK8GhYkEUK7ntg9SFes6D2ir0uP8hhnEmE1Cre_Uyh90gemw-I3M-OpBGPmHA4C6ueukt0781-vCgD4g/SanMar-Catalog0.jpg?psid=1" alt="" /></p>
<p>SanMar Catalog工作室色彩艳丽的<span class='wp_keywordlink_affiliate'><a href="http://www.houshidai.com/tag/visual" title="查看 视觉 中的全部文章" target="_blank">视觉</a></span>时尚摄影</p>
<p><img src="https://public.bay.livefilestore.com/y1pV4HJ8P8bqQ8eSPOo8R90T8RdoMbxMMaP4STzcqW2m1OwHEt3OZjALHvGTElZQwBgsZ1FN1z4TxBOubFKFFfYAA/SanMar-Catalog6.jpg?psid=1" alt="" /></p>
<p>SanMar Catalog工作室色彩艳丽的视觉时尚摄影</p>
<p><img src="https://public.bay.livefilestore.com/y1pOw28ZL4Ri5iGtd5IoddUMwgxEdV8QTpd6icOIo28V5HLq2ARLxw2wmmc34C4zwJLORHrB2it36K-GtsYSGKcCw/SanMar-Catalog1.jpg?psid=1" alt="" /></p>
<p>SanMar Catalog工作室色彩艳丽的视觉时尚摄影</p>
<p><img src="https://public.bay.livefilestore.com/y1pEuswM5dcI2w8Do_xrYeMwdd53_MlDakz8yoVevMFti22Axel1fq0-20K5B15NLKwDrvM5wRF5T1HhqRHsuVZ_g/SanMar-Catalog3.jpg?psid=1" alt="" /></p>
<p>SanMar Catalog工作室色彩艳丽的视觉时尚摄影</p>
<p><img src="https://public.bay.livefilestore.com/y1p256O4YEL4y9FWjnHDsIOBVZKPwG8QmyzzkXKZWZQjCYCkO1_Us1whBNiRuhoBF2ATM0R6RcLYZui2yhV0IxesA/SanMar-Catalog2.jpg?psid=1" alt="" /></p>
<p>SanMar Catalog工作室色彩艳丽的视觉时尚摄影</p>
<p><img src="https://public.bay.livefilestore.com/y1pEuswM5dcI2wD83096uFXZI5WmuDPfZDznqZ517naGyQnUyNMb7TVnENFBGqdumoDXNfF5wqLLIdQIy1n0dCs6Q/SanMar-Catalog8.jpg?psid=1" alt="" /></p>
]]></content:encoded>
			<wfw:commentRss>http://www.houshidai.com/photograph/sanmar-catalog.html/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>旋转视觉：德罗斯特效应 Droste Effect</title>
		<link>http://www.houshidai.com/technology/droste-effect.html</link>
		<comments>http://www.houshidai.com/technology/droste-effect.html#comments</comments>
		<pubDate>Mon, 14 May 2012 00:00:36 +0000</pubDate>
		<dc:creator>Artslow</dc:creator>
				<category><![CDATA[科技]]></category>
		<category><![CDATA[图案]]></category>
		<category><![CDATA[循环]]></category>
		<category><![CDATA[旋转]]></category>
		<category><![CDATA[视觉]]></category>
		<category><![CDATA[重复]]></category>

		<guid isPermaLink="false">http://houshidai.com/?p=5641</guid>
		<description><![CDATA[德罗斯特特效是一个来自荷兰的术语，指在照片中还有一个更小的同样的照片，依次包含下去。 德罗斯特效应的名称是由于 [...]]]></description>
			<content:encoded><![CDATA[<p>德罗斯特特效是一个来自荷兰的术语，指在照片中还有一个更小的同样的照片，依次包含下去。</p>
<p><img class="alignnone size-full wp-image-5642" title="Droste-Effect" src="http://www.houshidai.com/wp-content/uploads/2012/05/Droste-Effect.jpg" alt="" width="600" height="240" /></p>
<p><span id="more-5641"></span></p>
<p>德罗斯特效应的名称是由于荷兰著名厂牌德罗斯特（Droste）可可粉的包装盒，包装盒上的<span class='wp_keywordlink_affiliate'><a href="http://www.houshidai.com/tag/pattern" title="查看 图案 中的全部文章" target="_blank">图案</a></span>是一位护士拿着一个有杯子及纸盒的托盘，而杯子及纸盒上的<span class='wp_keywordlink_affiliate'><a href="http://www.houshidai.com/tag/pattern" title="查看 图案 中的全部文章" target="_blank">图案</a></span>和整张图片相同。这张图片从1904年起开始使用，数十年间只进行了一些小幅的调整，后来成为一个家喻户晓的概念。诗人及专栏作家Nico Scheepmaker在七十年代起，开始使用“德罗斯特效应”此一词语。</p>
<p><img src="https://public.bay.livefilestore.com/y1p9NUExeEWGRVH6Gizz_tm0OKRPdGfLFAu0xioKdLDZfGW6TX-LTw6-RMWyujjCncqV2JNcQ_NMYe6lD6S13NNiA/Droste-Effect9.jpg?psid=1" alt="" /></p>
<p>德罗斯特效应（Droste Effect）是一种递归的图片形式，它让一张图片的某个部分与整张图片相同，如此产生无限<span class='wp_keywordlink_affiliate'><a href="http://www.houshidai.com/tag/circle" title="查看 循环 中的全部文章" target="_blank">循环</a></span>。就好像是说，你拿着一面镜子，然后再站在一面镜子前面，让两面镜子相对。你看到镜子里面的情景，是相同的、无限<span class='wp_keywordlink_affiliate'><a href="http://www.houshidai.com/tag/circle" title="查看 循环 中的全部文章" target="_blank">循环</a></span>的。最经典的就是一个人拿着一个相框，相框里他拿着相框……基本就是“山上有座庙，庙里有个老和尚……”的情形。</p>
<p><img src="https://public.bay.livefilestore.com/y1pwyDjUqLWtX1FB3uLeMVEGKqjSYBR31PkolGSZIuygZWJAoy3gvf2dXH2crje6Cxp9qfNh-8Ec05LXeOZ45I-Fg/Droste-Effect7.jpg?psid=1" alt="" /></p>
<p>把“德罗斯特效应”玩得出神入化</p>
<p><img src="https://public.bay.livefilestore.com/y1pCsFm9-3iYEaXQ63LbM_FFmvNyBoIbMUc0LkDDbZ8alM5rBGk2mhQm7Wu6LWyKqWjWE7KeFwUFuoTsMyLAQeygQ/Droste-Effect5.jpg?psid=1" alt="" /></p>
<p>Josh Sommers的作品由于大量运用德罗斯特效应，因此，它们便具有了其他图片无可比拟的神奇视效——有的需要你花时间去辨别，而有的如果你在图像上盯着太久，你可能会觉得自己越来越走到框架里面，发现这是一个永无止境的、而且没有开始也没有结尾的图片空间，以至于最后甚至头晕、胸闷、头脑混乱。</p>
<p><img src="https://public.bay.livefilestore.com/y1pukr6mEgMYEeP3xCe6gOJ6LSHHL0aIQZakM8vu8MOjp-UAMy9z8-md_mIOpJf3asl0oN-dFbbTL0Gp4ZfbQ18Rg/Droste-Effect8.jpg?psid=1" alt="" /></p>
<p>电影《盗梦空间》中梦境设计师艾伦·佩姬第一次尝试被药物催眠进入梦中梦时，她曾在梦境中制造过“并不十分危险”的空间，即拉动两面大镜子平行相对，可以创造出很多小空间。等到后面，这种<span class='wp_keywordlink_affiliate'><a href="http://www.houshidai.com/tag/visual" title="查看 视觉 中的全部文章" target="_blank">视觉</a></span>形式主要应用在梦境设计师设计的迷宫中，利用无限<span class='wp_keywordlink_affiliate'><a href="http://www.houshidai.com/tag/circle" title="查看 循环 中的全部文章" target="_blank">循环</a></span>、递升效果设计复杂无懈可击的梦境。有评论认为，盗梦空间的创意者们就曾经借鉴过Josh Sommers的图片构想。</p>
<p><img src="https://public.bay.livefilestore.com/y1p9NUExeEWGRU3ZjTu9Haaqtj1jKRhmIUkUsY3_IXJjTIKzacyNa7SLE3Ch1VER_rFE3tpTydecbz-9B2-gq2ohA/Droste-Effect1.jpg?psid=1" alt="" /></p>
<p><img src="https://public.bay.livefilestore.com/y1pwyDjUqLWtX0gs-i07O8qxO3kb3xvMQkrybHDklGImLVD_rIPn7lP7rvK2Nz1lGR0jFf9Js7ttQ-01LBvPXTuXQ/Droste-Effect6.jpg?psid=1" alt="" /></p>
<p>Josh Sommers的作品最吸引人之处或许就在于，他是用梦幻的目光审视我们所在的现实世界。他如巫师般玩弄着奇异的构形和透视手段，在不可预期之处打穿想象与现实之间的壁垒。他令人迷惑，也让人迷恋，观看他的画有如凝视一面魔镜，在微妙的扭曲中看见不属于此世的真实。</p>
<p><img src="https://public.bay.livefilestore.com/y1pBxWCkGsybEu0eku3ub87vAudCol0ogy9dlc25t5loyDJoqvwTYETwUfZuaiL-KD2BpuwEcdREN-kYNiQGOoAOQ/Droste-Effect2.jpg?psid=1" alt="" /></p>
<p>怎么样？是不是很有意思，自己拿起相机试试吧~</p>
<p><img src="https://public.bay.livefilestore.com/y1poaFfnmc-rbEU8rYudc35hspqDzRjyftwtMIRoP1gl4umQTJTZOQtYJ1pSUnLByWvSkrPEoxrQEdTPHMYODM0_w/Droste-Effect3.jpg?psid=1" alt="" /></p>
<p><span class='wp_keywordlink_affiliate'><a href="http://www.houshidai.com/tag/rotate" title="查看 旋转 中的全部文章" target="_blank">旋转</a></span><span class='wp_keywordlink_affiliate'><a href="http://www.houshidai.com/tag/visual" title="查看 视觉 中的全部文章" target="_blank">视觉</a></span>：德罗斯特效应 Droste Effect</p>
<p><img src="https://public.bay.livefilestore.com/y1pmxUgYsYESVWs5-v66HWMVQqM_nLYV99dKIkcKTlUxHqmjfd0LYDfnEvoAEu4zb2PIoNvi97K_X4kwtV0Xtklfg/Droste-Effect4.jpg?psid=1" alt="" /></p>
]]></content:encoded>
			<wfw:commentRss>http://www.houshidai.com/technology/droste-effect.html/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>解剖设计的视觉注意力</title>
		<link>http://www.houshidai.com/design/design-visual-attention.html</link>
		<comments>http://www.houshidai.com/design/design-visual-attention.html#comments</comments>
		<pubDate>Sat, 19 Nov 2011 14:50:47 +0000</pubDate>
		<dc:creator>RUI</dc:creator>
				<category><![CDATA[设计]]></category>
		<category><![CDATA[信息]]></category>
		<category><![CDATA[注意力]]></category>
		<category><![CDATA[视觉]]></category>

		<guid isPermaLink="false">http://houshidai.com/?p=4786</guid>
		<description><![CDATA[设计的视觉注意力： 左图为相机拍摄效果，右图为人类视觉关注效果 物质世界客观存在，而人的“视觉成像”是对当前世 [...]]]></description>
			<content:encoded><![CDATA[<p>设计的<span class='wp_keywordlink_affiliate'><a href="http://www.houshidai.com/tag/visual" title="查看 视觉 中的全部文章" target="_blank">视觉</a></span><span class='wp_keywordlink_affiliate'><a href="http://www.houshidai.com/tag/attention" title="查看 注意力 中的全部文章" target="_blank">注意力</a></span>：</p>
<p><img class="alignnone size-full wp-image-4787" title="visual-attention" src="http://www.houshidai.com/wp-content/uploads/2011/11/visual-attention.jpg" alt="" width="600" height="220" /></p>
<p>左图为相机拍摄效果，右图为人类<span class='wp_keywordlink_affiliate'><a href="http://www.houshidai.com/tag/visual" title="查看 视觉 中的全部文章" target="_blank">视觉</a></span>关注效果</p>
<p><span id="more-4786"></span></p>
<p>物质世界客观存在，而人的“视觉成像”是对当前世界的“唯心”重建。这种重建基于个人“经验”、“感知”和“集体意识”。最初科学家认为人类通过视觉被动获取周围世界的全部图像<span class='wp_keywordlink_affiliate'><a href="http://www.houshidai.com/tag/information" title="查看 信息 中的全部文章" target="_blank">信息</a></span>而建立个人的视觉资料库，近10年来的研究表明捕获“全部图像<span class='wp_keywordlink_affiliate'><a href="http://www.houshidai.com/tag/information" title="查看 信息 中的全部文章" target="_blank">信息</a></span>”只是个传说，其中由心理学家Daniel-T.Levin和Daniel-J.Simons建立的实验“真实世界”客观说明一个事实：大脑利用眼球1/10秒的速度获取重要<span class='wp_keywordlink_affiliate'><a href="http://www.houshidai.com/tag/information" title="查看 信息 中的全部文章" target="_blank">信息</a></span>，而这些信息将服务于正在进行的核心任务。举个例子，你的大脑向眼球发出指令阅读这段文字，而让你忽略了文章右侧导航的其他信息。</p>
<p>正因为有如此特性，研究“视觉<span class='wp_keywordlink_affiliate'><a href="http://www.houshidai.com/tag/attention" title="查看 注意力 中的全部文章" target="_blank">注意力</a></span>”变得尤为重要。如何让用户更容易发现我们的产品？如何让商家更有效的广告？如何让我们的网页和软件更容易触动用户，更有萌点？… 在深入问题之前先简单了解三个概念。</p>
<p>视觉信息处理流程</p>
<p>人脑皮质有140亿-160亿个神经元，其中常用的不到1/10，而五感瓜分到的神经元则更少，所以在睁开眼睛，有大量视觉信息输入的时候做有机筛选变得非常有必要，这也是漫长进化的优化结果。某些医学著作提到，视觉信息处理需经24个以上流程，Colin Ware又将其归纳为三个阶段，大致是： 一、基本信息提取，并行处理多个特征； 二、根据目的需要，筛选关注内容； 三、保存关键目标，联想相关描述。（详细见《Visual Thinking For Design》）</p>
<p>被动关注和主动关注</p>
<p>“被动关注”又称“刺激引发”，按照Colin Ware归纳的三阶模型可以理解为：最基本的视觉元素，颜色、位置、顺序、轮廓等交织形成 -&gt; 过滤多余信息，有序构建复杂图像、塑造三维模型等 -&gt; 确认信息对象，并从“经验”获取更多其他信息来描述对象。可参考示意图：</p>
<p><img src="https://byfiles.storage.live.com/y1pvy7Jjz4mreq-VOWz3BGgKKMHyhPs1kAfi6gQ0TDh2rpAk4LYo6m-ZTV2iISqGwcj4E0Q8C7hQIc/Visual-attention2.jpg?psid=1" alt="Visual-attention2" /></p>
<p>例如网页右下角的弹出广告，我们眼睛先是看到右下角一个框，很多颜色在跳动，然后看清楚是一个人在跳舞，最后才是确认出原来是**公司的广告。视觉信息是一种生物电流脉冲信号，眼球神经被动感知事件传送到大脑，大脑主动确认事件后回馈，形成一个循环过程。但是“关注”事件并不一定由眼球发起，那种由大脑发起的“主动关注”也称“概念引发”。比如打开下载网页，我们去寻找“下载按钮”，就是“主动关注”的典型例子。</p>
<p>此类概念还有很多，有兴趣研究的朋友可以找几本医学著作或视觉理论自己研读，我这里也不班门弄斧了。下面回归正题，如何让设计更容易吸引人？或者说影响视觉<span class='wp_keywordlink_affiliate'><a href="http://www.houshidai.com/tag/attention" title="查看 注意力 中的全部文章" target="_blank">注意力</a></span>促成视觉干扰的因素有哪些？</p>
<p>我们来看一下刚刚总结的三个阶段：“最基本的视觉元素、颜色、位置、顺序、轮廓等交织形成 -&gt; 过滤多余信息，有序构建复杂图像、塑造三维模型等 -&gt; 确认信息对象，并从‘经验’获取更多其他信息来描述对象”（主动关注则反行之）。可以发现一个问题，当第一阶段获取信息越少时，第二阶段的过滤和构建事件则越快，到达第三阶段形成“概念”的速度也更快，假设以1/10秒的速度获取一次信息，则在一秒钟时间里可重复10次，这样意味着可以对获取目标有更深刻的印象。我举两个例子。MUJI的设计崇尚简约实用、质朴又充满创意，统一的视觉标准和无装饰反而让用户更容易记住这个品牌。公车站灯箱广告也是如此，从公车进站到离开往往不过几十秒，在车上的我根本没有时间看完所有信息，这时简洁的设计更具优势。</p>
<p><img src="https://byfiles.storage.live.com/y1pAHtRO7vssPqCIkz3PXO_qLZTa5kjzwWjnb81QhsmsRjF927k6M_f573J29aTarGQ6WyfcHhOwWY/mujivisual.jpg?psid=1" alt="mujivisual" /></p>
<p>MUJI设计（图片来自MUJI网站）</p>
<p>那么，如果第一阶段必须有比较多的信息怎么办？目前我们的设计确实遇到这样的问题，有大量的信息需要集中在一小张图片上，这时无序堆砌信息是致命的。我们来看一下这种图片：</p>
<p><img src="https://byfiles.storage.live.com/y1pj6KXLG_NrXAkqu1wCnOFXl7Hgu8mpDiHGdqC_1YMmbr-M-INk0cwoqWlqR89ULLQaIBr74bGrxw/Visual-attention1.jpg?psid=1" alt="Visual-attention1" /></p>
<p>APPLE设计（图片来自apple网站）</p>
<p>同样是非常多的信息，但是没有杂乱，可以快速找到我所关注的内容，非关键元素并没有过分分散我的注意力。怎么做到的？请重新阅读那个梯形图。</p>
<p>是的，大脑从一开始就会对基础元素进行挑选，所以优化设计无非有两种方式：一、减少基础元素信息；二、帮“用户”大脑先整理一次基础元素信息。当信息量过多的时候，“被动关注”的用户往往会有“逃跑”心理（实在看不完-_-），这时候被“设计”过的基础信息会吸引用户继续关注或引导用户重点关注特定信息，以期达到商家推广或者我们希望用户进一步操作的目的。再说得浅显一点，出现大量信息的时候，可以通过色彩、构图、光线明暗、闪动、符号导向、增强大小对比等方式强调重点信息（详细做法可以参考一下CDC其他同事的文章）。也许你还会问：“主动关注”的用户是否就不存在注意力分散问题？？非也！回想一下大学上课的场景，我们在“主动关注”老师分享的知识时，心里是不是还常惦记着隔壁班的那个她（他）… 实际情况就是“主动关注”的用户比“被动关注”的用户更难伺候。具体分析得等以后有时间再续写了。</p>
<p>[来源互联网的那点事]</p>
]]></content:encoded>
			<wfw:commentRss>http://www.houshidai.com/design/design-visual-attention.html/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>GHD华丽创意广告灰姑娘篇</title>
		<link>http://www.houshidai.com/video/ghd.html</link>
		<comments>http://www.houshidai.com/video/ghd.html#comments</comments>
		<pubDate>Sun, 20 Feb 2011 09:30:13 +0000</pubDate>
		<dc:creator>Apostor</dc:creator>
				<category><![CDATA[视频]]></category>
		<category><![CDATA[华丽]]></category>
		<category><![CDATA[广告]]></category>
		<category><![CDATA[视觉]]></category>

		<guid isPermaLink="false">http://houshidai.com/?p=2975</guid>
		<description><![CDATA[GHD视觉华丽的广告创意“灰姑娘篇”：使用了GHD卷发棒，连王子都不屑一顾哦~ ghd collaborate [...]]]></description>
			<content:encoded><![CDATA[<p><object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" width="600" height="450" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,40,0"><param name="align" value="middle" /><param name="src" value="http://player.youku.com/player.php/sid/XMjE4Mzk5NTg0/v.swf" /><param name="quality" value="high" /><embed type="application/x-shockwave-flash" width="600" height="450" src="http://player.youku.com/player.php/sid/XMjE4Mzk5NTg0/v.swf" quality="high" align="middle"></embed></object></p>
<p><span id="more-2975"></span></p>
<p>GHD<span class='wp_keywordlink_affiliate'><a href="http://www.houshidai.com/tag/visual" title="查看 视觉 中的全部文章" target="_blank">视觉</a></span><span class='wp_keywordlink_affiliate'><a href="http://www.houshidai.com/tag/magnificent" title="查看 华丽 中的全部文章" target="_blank">华丽</a></span>的<span class='wp_keywordlink_affiliate'><a href="http://www.houshidai.com/tag/ad" title="查看 广告 中的全部文章" target="_blank">广告</a></span>创意“灰姑娘篇”：使用了GHD卷发棒，连王子都不屑一顾哦~</p>
<p>ghd collaborates with cool beauty brand Benefit cosmetics ghd sponsors Matthew Williamson A/W 2009 NewYork Fashion Show and supply a team of stylists for the show New found celebrity fans include: Blake Lively, Lada GaGa and Audrina Patridge ghd directive at London Fashion Week for Sass &amp; Bide and Josh Goot ghd awarded numerous awards including: Cosmopolitan 2009 Readers Kiss of Approval &#8211; Ultimate hairstyling gadget Cosmopolitan 2009 &#8211; Best Hair styler Hair Magazine Awards 2009 Sunday Times Style Beauty Awards 2009 ghd Spain &#8211; Vogue Beauty Awards First TV sponsorship for ghd Germany &amp; ghd Denmark ghd launches new branding &#8216;you can do anything with your hair&#8217;</p>
<p>GHD<span class='wp_keywordlink_affiliate'><a href="http://www.houshidai.com/tag/ad" title="查看 广告 中的全部文章" target="_blank">广告</a></span>的女主角：</p>
<p>捷克人，歌手。<br />
捷克语：Iva Frühlingová<br />
英语：Iva Fruhlingova   or  Iva Fruhling</p>
<p>[本文链接：<span class='wp_keywordlink'><a href="http://houshidai.com/" title="后时代官方网站" target="_blank">后时代</a></span> <a href="http://www.houshidai.com/video/ghd.html">http://www.houshidai.com/video/ghd.html</a>]</p>
]]></content:encoded>
			<wfw:commentRss>http://www.houshidai.com/video/ghd.html/feed</wfw:commentRss>
		<slash:comments>1</slash:comments>
		</item>
	</channel>
</rss>
