<?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/subline/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>
	</channel>
</rss>
