<?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>wlsy &#187; 用户体验</title>
	<atom:link href="http://wlsy.me/category/user-experience/feed/" rel="self" type="application/rss+xml" />
	<link>http://wlsy.me</link>
	<description>还活着呢</description>
	<lastBuildDate>Mon, 05 Jul 2010 16:24:48 +0000</lastBuildDate>
	<generator>http://wordpress.org/?v=2.9.2</generator>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
			<item>
		<title>设计之黄金分割的应用</title>
		<link>http://wlsy.me/1492/</link>
		<comments>http://wlsy.me/1492/#comments</comments>
		<pubDate>Tue, 21 Apr 2009 19:33:16 +0000</pubDate>
		<dc:creator>wlsy</dc:creator>
				<category><![CDATA[用户体验]]></category>
		<category><![CDATA[黄金分割]]></category>

		<guid isPermaLink="false">http://www.g9net.com/?p=1492</guid>
		<description><![CDATA[构图一词是英语COMPOSITION的译音，为造型艺术的术语。在《辞海》中，谈到“构图”为艺术家为了表现作品的主题思想和美感效果，在一定的空间，安排和处理人、物的关系和位置，把个别或局部的形象组成艺术的整体。在中国传统绘画中称为“章法”或“布局”。
首先说构图里的分布和造型，这里不得不提到2个名词：九宫格和趣味中心


经典的黄金分割，松鼠的前面留出空地，若有所思的生态跃然纸上，令人忍俊不禁
说九宫格前先说著名的黄金分割
自从古希腊人发现黄金分割以来这种比例就被认为是美学的最佳比例而得到广泛的应用。
其 实黄金分割是造型艺术中的一种分割法则。亦称黄金分割率，简称黄金率。它的分割方法为,将某直线段分为两部分,使一部分的平方等于另一部分与全体之积，或 使一部分对全体之比等于另一部分对这一部分之比。即：在直线段AB上以点C分割,使(AC)2＝CB×AB,或使AC∶AB＝CB∶AC。

抽象主义摄影大师兰克运用的黄金分割
实践证明,它的比值约为1.618∶1或1∶0.618，被称为黄金比。黄金比最早是由古代希腊人发现的，直到19世纪被欧洲人认为是最美、最谐调的比 例。黄金比广泛用于造型艺术中，具有美学价值，尤其在工艺美术和工业设计的长和宽的比例(如书籍开本)设计中容易引起美感，故称为黄金分割。20世纪中， 法国建筑师Le科布西埃发现黄金比具有数列的性质。他将其与人体尺寸相结合，提出黄金基准尺方案，并视之为现代建筑美的尺度。法国还产生了冠名为黄金分割 画派的立体主义画家集团，专注于形体的比例。

在实际运用中，黄金比多只采用近似值。最简单的方法是按照数列2、3、5、8、13、21……得出2:3、3∶ 5、5∶8、8∶13、13∶21等比值作为近似值。这种分割方法亦用于优选法。

再说说九宫格，九宫格的源头可是我们中国人发明的一种构图模式，但巧的是它与黄金分割有着惊人的理论联系！大家们把画面的上下左右用黄金分割来做出4条线，我们惊奇的发现这就是我国古人所说的九宫格！

看，整个主体分布在2和黄金分割线上
人们发现在九宫格的4条线交汇的4个点是人们的视觉最敏感的地方，在国外的摄影理论里把这4个点称为“趣味中心”。顾名思义，被反复证明的是当被摄主体处于或发布在这4个点附近最容易得到“眼球”

下面是摘自另一篇文章&#60;设计和谐画面 浅谈黄金分割与摄影构图&#62;关于黄金分割的算法
原理1
如图A：“黄金分割”公式可以从一个正方形来推导，将正方形底边分成二等分，取中点X，以X为圆心，线段XY为半径作圆，其与底边直线的交点为Z点，这 样将正方形延伸为一个比率为5:8的矩形，（Y’点即为“黄金分割点”）， A:C = B:A = 5:8。幸运的是，35MM胶片幅面的比率正好非常接近这种5:8的比率（24:36 = 5:7.5）

原理2
如图B：通过上述推导我们得到了一个被认为很完美的矩形，连接该矩形左上角和右下角作对角线，然后从右上角向Y’点（黄金分割点，见图A）作一线段交于 对角线，这样就把矩形分成了三个不同的部分。现在，在理论上已经完成了黄金分割，下一步就可以将你所要拍摄的景物大致按照这三个区域去安排，也可以将示意 图翻转180度或旋转90度来进行对照。


PS: 本文不是原创，原来的旧域名过期了,我一直都认为这篇文章相当有用所以转过来。原创作者可以和我联系，即使加上其连接。
]]></description>
			<content:encoded><![CDATA[<p>构图一词是英语COMPOSITION的译音，为造型艺术的术语。在《辞海》中，谈到“构图”为艺术家为了表现作品的主题思想和美感效果，在一定的空间，安排和处理人、物的关系和位置，把个别或局部的形象组成艺术的整体。在中国传统绘画中称为“章法”或“布局”。</p>
<p>首先说构图里的分布和造型，这里不得不提到2个名词：<strong>九宫格和趣味中心</strong></p>
<p><img src="http://blog.techweb.com.cn/Uploadfiles/2008-7/281658225378.jpg" alt="" /></p>
<p><span id="more-1492"></span></p>
<p>经典的黄金分割，松鼠的前面留出空地，若有所思的生态跃然纸上，令人忍俊不禁</p>
<p>说九宫格前先说著名的黄金分割</p>
<p>自从古希腊人发现黄金分割以来这种比例就被认为是美学的最佳比例而得到广泛的应用。</p>
<p>其 实黄金分割是造型艺术中的一种分割法则。亦称黄金分割率，简称黄金率。它的分割方法为,将某直线段分为两部分,使一部分的平方等于另一部分与全体之积，或 使一部分对全体之比等于另一部分对这一部分之比。即：在直线段AB上以点C分割,使(AC)2＝CB×AB,或使AC∶AB＝CB∶AC。</p>
<p><img src="http://blog.techweb.com.cn/Uploadfiles/2008-7/281658862379.jpg" alt="" /></p>
<p>抽象主义摄影大师兰克运用的黄金分割</p>
<p>实践证明,它的比值约为1.618∶1或1∶0.618，被称为黄金比。黄金比最早是由古代希腊人发现的，直到19世纪被欧洲人认为是最美、最谐调的比 例。黄金比广泛用于造型艺术中，具有美学价值，尤其在工艺美术和工业设计的长和宽的比例(如书籍开本)设计中容易引起美感，故称为黄金分割。20世纪中， 法国建筑师Le科布西埃发现黄金比具有数列的性质。他将其与人体尺寸相结合，提出黄金基准尺方案，并视之为现代建筑美的尺度。法国还产生了冠名为黄金分割 画派的立体主义画家集团，专注于形体的比例。</p>
<p><img src="http://blog.techweb.com.cn/Uploadfiles/2008-7/281659892248.jpg" alt="" /></p>
<p>在实际运用中，黄金比多只采用近似值。最简单的方法是按照数列2、3、5、8、13、21……得出2:3、3∶ 5、5∶8、8∶13、13∶21等比值作为近似值。这种分割方法亦用于优选法。</p>
<p><img src="http://blog.techweb.com.cn/Uploadfiles/2008-7/281659631748.jpg" alt="" /></p>
<p>再说说九宫格，九宫格的源头可是我们中国人发明的一种构图模式，但巧的是它与黄金分割有着惊人的理论联系！大家们把画面的上下左右用黄金分割来做出4条线，我们惊奇的发现这就是我国古人所说的九宫格！</p>
<p><img src="http://blog.techweb.com.cn/Uploadfiles/2008-7/28170192556.jpg" alt="" /></p>
<p>看，整个主体分布在2和黄金分割线上</p>
<p>人们发现<strong>在九宫格的4条线交汇的4个点是人们的视觉最敏感的地方，在国外的摄影理论里把这4个点称为“趣味中心”。</strong>顾名思义，被反复证明的是当被摄主体处于或发布在这4个点附近最容易得到“眼球”</p>
<p><img src="http://blog.techweb.com.cn/Uploadfiles/2008-7/28170818406.jpg" alt="" /></p>
<p>下面是摘自另一篇文章&lt;设计和谐画面 浅谈黄金分割与摄影构图&gt;关于黄金分割的算法</p>
<p>原理1</p>
<p>如图A：“黄金分割”公式可以从一个正方形来推导，将正方形底边分成二等分，取中点X，以X为圆心，线段XY为半径作圆，其与底边直线的交点为Z点，这 样将正方形延伸为一个比率为5:8的矩形，（Y’点即为“黄金分割点”）， A:C = B:A = 5:8。幸运的是，35MM胶片幅面的比率正好非常接近这种5:8的比率（24:36 = 5:7.5）</p>
<p><img src="http://blog.techweb.com.cn/Uploadfiles/2008-7/28171185758.gif" alt="" /></p>
<p>原理2</p>
<p>如图B：通过上述推导我们得到了一个被认为很完美的矩形，连接该矩形左上角和右下角作对角线，然后从右上角向Y’点（黄金分割点，见图A）作一线段交于 对角线，这样就把矩形分成了三个不同的部分。现在，在理论上已经完成了黄金分割，下一步就可以将你所要拍摄的景物大致按照这三个区域去安排，也可以将示意 图翻转180度或旋转90度来进行对照。</p>
<p><img src="http://blog.techweb.com.cn/Uploadfiles/2008-7/28171780393.gif" alt="" /></p>
<p><img src="http://blog.techweb.com.cn/Uploadfiles/2008-7/28171753532.jpg" alt="" /></p>
<p>PS: 本文不是原创，原来的旧域名过期了,我一直都认为这篇文章相当有用所以转过来。原创作者可以和我联系，即使加上其连接。</p>
]]></content:encoded>
			<wfw:commentRss>http://wlsy.me/1492/feed/</wfw:commentRss>
		<slash:comments>6</slash:comments>
		</item>
		<item>
		<title>对网页圆角设计的一些思考</title>
		<link>http://wlsy.me/1318/</link>
		<comments>http://wlsy.me/1318/#comments</comments>
		<pubDate>Sat, 07 Feb 2009 14:08:38 +0000</pubDate>
		<dc:creator>wlsy</dc:creator>
				<category><![CDATA[用户体验]]></category>
		<category><![CDATA[圆角]]></category>

		<guid isPermaLink="false">http://www.g9net.com/2009/02/07/fillet-of-page-some-thoughts-on-design.html</guid>
		<description><![CDATA[在日趋流行的web2.0设计风格中，圆角的设计算是比较常见的，有些东西流行肯定有流行的道理滴。圆角设计不靠明星般炒作，却像明星一样被人推崇。于是鄙人吃饱没事干的研究起怎么让自己像明星被人推崇（眼前飘来砖头。。）


还是看图好说话，简单画了一张，不出意外图上两个同高同宽的按钮，一个圆角，一个方角。看完有什么感受呢？
圆角设计的优势
我第一眼看来圆角设计的亲和度明显更好与方角，简单的说，想必有些MM会对着那个圆角说：哇，好可爱呀！这就是让人看起来很友好少了点排斥的心理,让人看起来通俗，舒服，这也是大多数web2.0设计的站点看起来让人爱不释手的一部分原因。
在细看文字，你会发现（至少我发现）圆角中的文字更容易被体现出来，凸显主要内容我想这也是在网页设计上的一个应用，这样恰恰体现出了圆角设计的优势但也败露它的一个缺点（任何事物都是有两面性滴！）：你觉的相对于方角来说是不是显的小气了点？我想这不仅仅是减掉四个圆角的面积的原因，举个例子，你会对一个高大的肌肉男说他可爱吗，当然这是从视觉来看，性格特征排外。
圆角设计的应用
我觉得在表达亲和度上，个人博客的设计应该会更多的体现在这一方面，让访客觉得你的博客是友好的，加进之后就会比较容易与你互动，这也对提升回访率和忠诚度也有很大左右。
当然说到亲和度上，表单提交上的圆角设计更容易让客户接受你的调查或其他互动，在举个例子吧，你是喜欢上面提到那位说哇，好可爱呀的mm向你推销产品还是那位高大的肌肉男呢？轻轻撇起嘴角想想，别想歪了哦.
不过我觉得公司企业网站上用圆角设计可能就要慎重了，当然圆角设计会看起来更现代，但或许会让你的公司看起来不够大气或稳重，当然公司的类型也很重要，要具体分析也不能一概而论。
网页上的圆角设计
要在前端网页上实现圆角，方法是多种多样，网上随便搜索就有一大堆，我也就不必要花大心思转载，目前我发现的来说大概可以用：用图片实现圆角，用纯代码实现圆角，用javascript实现圆角，或者调用不同浏览器内核的私有属性实现圆角，就拿wordpress后台来说就是用不同浏览器的私有属性来实现，在ie牌系列（Trident内核）浏览器下显示方角，在firefox（Geckos内核）,chorme（Webkit内核）等下显示圆角。
鄙人才学甚浅，如有补充增加会在本页修改。end～
]]></description>
			<content:encoded><![CDATA[<p>在日趋流行的web2.0设计风格中，圆角的设计算是比较常见的，有些东西流行肯定有流行的道理滴。圆角设计不靠明星般炒作，却像明星一样被人推崇。于是鄙人吃饱没事干的研究起怎么让自己像明星被人推崇（眼前飘来砖头。。）</p>
<p><img src="http://lh5.ggpht.com/_cZCuU2AQABo/SY2LZBHPiYI/AAAAAAAABq4/B20DtCr89lQ/yuanjiao.png?imgmax=800" alt="" /></p>
<p><span id="more-1318"></span></p>
<p>还是看图好说话，简单画了一张，不出意外图上两个同高同宽的按钮，一个圆角，一个方角。看完有什么感受呢？</p>
<p><strong>圆角设计的优势<br />
</strong>我第一眼看来圆角设计的亲和度明显更好与方角，简单的说，想必有些MM会对着那个圆角说：哇，好可爱呀！这就是让人看起来很友好少了点排斥的心理,让人看起来通俗，舒服，这也是大多数web2.0设计的站点看起来让人爱不释手的一部分原因。</p>
<p>在细看文字，你会发现（至少我发现）圆角中的文字更容易被体现出来，凸显主要内容我想这也是在网页设计上的一个应用，这样恰恰体现出了圆角设计的优势但也败露它的一个缺点（任何事物都是有两面性滴！）：你觉的相对于方角来说是不是显的小气了点？我想这不仅仅是减掉四个圆角的面积的原因，举个例子，你会对一个高大的肌肉男说他可爱吗，当然这是从视觉来看，性格特征排外。</p>
<p><strong>圆角设计的应用<br />
</strong>我觉得在表达亲和度上，个人博客的设计应该会更多的体现在这一方面，让访客觉得你的博客是友好的，加进之后就会比较容易与你互动，这也对提升回访率和忠诚度也有很大左右。</p>
<p>当然说到亲和度上，表单提交上的圆角设计更容易让客户接受你的调查或其他互动，在举个例子吧，你是喜欢上面提到那位说哇，好可爱呀的mm向你推销产品还是那位高大的肌肉男呢？轻轻撇起嘴角想想，别想歪了哦.</p>
<p>不过我觉得公司企业网站上用圆角设计可能就要慎重了，当然圆角设计会看起来更现代，但或许会让你的公司看起来不够大气或稳重，当然公司的类型也很重要，要具体分析也不能一概而论。</p>
<p><strong>网页上的圆角设计<br />
</strong>要在前端网页上实现圆角，方法是多种多样，网上随便搜索就有一大堆，我也就不必要花大心思转载，目前我发现的来说大概可以用：用图片实现圆角，用纯代码实现圆角，用javascript实现圆角，或者调用不同浏览器内核的私有属性实现圆角，就拿wordpress后台来说就是用不同浏览器的私有属性来实现，在ie牌系列（Trident内核）浏览器下显示方角，在firefox（Geckos内核）,chorme（Webkit内核）等下显示圆角。</p>
<p>鄙人才学甚浅，如有补充增加会在本页修改。end～</p>
]]></content:encoded>
			<wfw:commentRss>http://wlsy.me/1318/feed/</wfw:commentRss>
		<slash:comments>8</slash:comments>
		</item>
	</channel>
</rss>
