<?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>Prower&#039;s Blog &#187; 网页版式</title>
	<atom:link href="http://www.prower.cn/tag/%e7%bd%91%e9%a1%b5%e7%89%88%e5%bc%8f/feed" rel="self" type="application/rss+xml" />
	<link>http://www.prower.cn</link>
	<description>关注互联网、体验互联网，记录成长历程</description>
	<lastBuildDate>Thu, 05 Jan 2012 00:40:50 +0000</lastBuildDate>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=3.2.1</generator>
		<item>
		<title>玄鸟传媒网站制作</title>
		<link>http://www.prower.cn/work/828</link>
		<comments>http://www.prower.cn/work/828#comments</comments>
		<pubDate>Sat, 15 Nov 2008 15:19:38 +0000</pubDate>
		<dc:creator>摄氏度</dc:creator>
				<category><![CDATA[作品集]]></category>
		<category><![CDATA[企业网站]]></category>
		<category><![CDATA[网站制作]]></category>
		<category><![CDATA[网页版式]]></category>
		<category><![CDATA[网页设计]]></category>

		<guid isPermaLink="false">http://www.prower.cn/?p=828</guid>
		<description><![CDATA[其实一直对于如何制作好一个企业网站掌握不好，当页面的栏目内容少了之后，排版就显得尤其的重要，而且对于企业的宣传图片也一直处理不好，以后还要加强这方面的锻炼。 在这个版本之前还做了另外的两个版本，因为之前并没有给出具体的内容需求，只给一份公司介绍的PPT，所以做出的效果自然也是很差劲了，于是便重新设计了这个版本，但似乎仍不是很好。 以后多多加强锻炼。鼓起勇气放出之前的两个版本： 这个版本的栏目内容等完全是由我根据公司介绍PPT制作的，当然没通过了。 确定栏目后的改进版，本来下边使用的是灰白色的，结果被要求换上鲜艳点的颜色，于是便出现了这个红色。]]></description>
			<content:encoded><![CDATA[<p><a href="http://www.prower.cn/wp-content/uploads/2008/11/indexnew_2.jpg"><img class="alignnone size-medium wp-image-830" title="玄鸟传媒正式版" src="http://www.prower.cn/wp-content/uploads/2008/11/indexnew_2-600x515.jpg" alt="玄鸟传媒正式版" width="600" height="515" /></a></p>
<p><span id="more-828"></span></p>
<p>其实一直对于如何制作好一个企业网站掌握不好，当页面的栏目内容少了之后，排版就显得尤其的重要，而且对于企业的宣传图片也一直处理不好，以后还要加强这方面的锻炼。</p>
<p>在这个版本之前还做了另外的两个版本，因为之前并没有给出具体的内容需求，只给一份公司介绍的PPT，所以做出的效果自然也是很差劲了，于是便重新设计了这个版本，但似乎仍不是很好。</p>
<p>以后多多加强锻炼。鼓起勇气放出之前的两个版本：</p>
<p>这个版本的栏目内容等完全是由我根据公司介绍PPT制作的，当然没通过了。</p>
<p><a href="http://www.prower.cn/wp-content/uploads/2008/11/newsbird_old.jpg"><img class="alignnone size-medium wp-image-831" title="newsbird_old" src="http://www.prower.cn/wp-content/uploads/2008/11/newsbird_old-600x556.jpg" alt="newsbird_old" width="600" height="556" /></a></p>
<p>确定栏目后的改进版，本来下边使用的是灰白色的，结果被要求换上鲜艳点的颜色，于是便出现了这个红色。</p>
<p><a href="http://www.prower.cn/wp-content/uploads/2008/11/newsbird_red.jpg"><img class="alignnone size-medium wp-image-829" title="newsbird_red" src="http://www.prower.cn/wp-content/uploads/2008/11/newsbird_red-600x380.jpg" alt="newsbird_red" width="600" height="380" /></a></p>
]]></content:encoded>
			<wfw:commentRss>http://www.prower.cn/work/828/feed</wfw:commentRss>
		<slash:comments>5</slash:comments>
		</item>
		<item>
		<title>网页侧边栏位于右侧的三个理由</title>
		<link>http://www.prower.cn/interaction/694</link>
		<comments>http://www.prower.cn/interaction/694#comments</comments>
		<pubDate>Tue, 21 Oct 2008 05:35:54 +0000</pubDate>
		<dc:creator>摄氏度</dc:creator>
				<category><![CDATA[体验设计]]></category>
		<category><![CDATA[侧边栏]]></category>
		<category><![CDATA[浏览器]]></category>
		<category><![CDATA[版式设计]]></category>
		<category><![CDATA[网页版式]]></category>

		<guid isPermaLink="false">http://www.prower.cn/?p=694</guid>
		<description><![CDATA[一直以来，用户的阅读习惯都是从上至下从左到右的，即使是有跳跃性的阅读，也是按这个空间顺序来进行跳跃的。所以，网页的左上角是整个网页中最重要的一个位置，这就是为什么大部分网站都把LOGO放在左上角的原因；而网页的第一屏永远比最后一屏的位置要重要，这也就是为什么大部分网站会把份量最重的栏目放在第一屏而份量相对较轻的栏目放于下面的原因；基于同样的道理，网页的底部是整个网页中最不受用户关注的地方，这也是为什么大部分网站把联系信息等栏目的链接放于底部的原因。 所以，对于用户而言，浏览左侧内容的比例要远高于浏览右侧的内容。而事实上，经研究发现，用户在浏览网页时的视线注意力呈“F”型，这就是设计网页时让侧边栏位于右侧的第一个理由。 正常情况下，网页在布局制作时，也跟阅读的空间顺序一样是从上到下从左到右的，而搜索引擎的机器人爬虫则不管网页视觉上的表现，机器人爬虫是按照HTML代码结构顺序来获取信息的，所以机器人爬虫对左侧内容的爬行是要优先于右侧的。当然，如果在制作网页布局时特意让右边内容的HTML代码靠前然后使用浮动的话，这点就不在讨论之列了。这是让网页侧边栏位于右侧的第二个理由。 IE6的时代即将成为过去，浏览器的功能性与良好体验性成为浏览器在激烈的竞争中成功与否的关健，浏览器的侧边栏成为一些个性化功能的聚焦地。浏览器侧边栏在给用户带来良好的使用体验时，也与网页存在一定的冲突。 很显然，当打开浏览器的侧边栏时，网页的右边内容即有部分被挤出，如果这时候侧边栏是在左侧的话，那么就会靠成右边内容的不完整。但侧边栏在右侧，则左边的内容并不会受多大影响，用户仍然可以正常的阅读。这是让网页侧边栏位于右侧的第三个理由，也是最实际的理由。 当然，让侧边栏位于右侧是相对于内容型的网站而言的，本文的观点也是针对内容型的网站而言，如果是应用型的网站自然另当别论。因为对应用型的网站来说，功能导航才是重中之重，所以包含功能导航的侧边栏自然应该是位于左侧的。]]></description>
			<content:encoded><![CDATA[<p>一直以来，用户的阅读习惯都是从上至下从左到右的，即使是有跳跃性的阅读，也是按这个空间顺序来进行跳跃的。所以，网页的左上角是整个网页中最重要的一个位置，这就是为什么大部分网站都把LOGO放在左上角的原因；而网页的第一屏永远比最后一屏的位置要重要，这也就是为什么大部分网站会把份量最重的栏目放在第一屏而份量相对较轻的栏目放于下面的原因；基于同样的道理，网页的底部是整个网页中最不受用户关注的地方，这也是为什么大部分网站把联系信息等栏目的链接放于底部的原因。</p>
<p>所以，对于用户而言，浏览左侧内容的比例要远高于浏览右侧的内容。而事实上，经研究发现，用户在浏览网页时的视线注意力呈“F”型，这就是设计网页时让侧边栏位于右侧的第一个理由。</p>
<p>正常情况下，网页在布局制作时，也跟阅读的空间顺序一样是从上到下从左到右的，而搜索引擎的机器人爬虫则不管网页视觉上的表现，机器人爬虫是按照HTML代码结构顺序来获取信息的，所以机器人爬虫对左侧内容的爬行是要优先于右侧的。当然，如果在制作网页布局时特意让右边内容的HTML代码靠前然后使用浮动的话，这点就不在讨论之列了。这是让网页侧边栏位于右侧的第二个理由。</p>
<p><span id="more-694"></span></p>
<p>IE6的时代即将成为过去，浏览器的功能性与良好体验性成为浏览器在激烈的竞争中成功与否的关健，浏览器的侧边栏成为一些个性化功能的聚焦地。浏览器侧边栏在给用户带来良好的使用体验时，也与网页存在一定的冲突。</p>
<p><a href="http://www.prower.cn/wp-content/uploads/2008/10/sidebar.jpg"><img class="alignnone size-medium wp-image-695" title="sidebar" src="http://www.prower.cn/wp-content/uploads/2008/10/sidebar.jpg" alt="" width="600" height="463" /></a></p>
<p>很显然，当打开浏览器的侧边栏时，网页的右边内容即有部分被挤出，如果这时候侧边栏是在左侧的话，那么就会靠成右边内容的不完整。但侧边栏在右侧，则左边的内容并不会受多大影响，用户仍然可以正常的阅读。这是让网页侧边栏位于右侧的第三个理由，也是最实际的理由。</p>
<p>当然，让侧边栏位于右侧是相对于内容型的网站而言的，本文的观点也是针对内容型的网站而言，如果是应用型的网站自然另当别论。因为对应用型的网站来说，功能导航才是重中之重，所以包含功能导航的侧边栏自然应该是位于左侧的。</p>
]]></content:encoded>
			<wfw:commentRss>http://www.prower.cn/interaction/694/feed</wfw:commentRss>
		<slash:comments>6</slash:comments>
		</item>
		<item>
		<title>GOOGLE的“手气不错”很错</title>
		<link>http://www.prower.cn/interaction/573</link>
		<comments>http://www.prower.cn/interaction/573#comments</comments>
		<pubDate>Thu, 25 Sep 2008 05:59:09 +0000</pubDate>
		<dc:creator>摄氏度</dc:creator>
				<category><![CDATA[体验设计]]></category>
		<category><![CDATA[GOOGEL]]></category>
		<category><![CDATA[手气不错]]></category>
		<category><![CDATA[百度]]></category>
		<category><![CDATA[网页版式]]></category>

		<guid isPermaLink="false">http://www.prower.cn/?p=573</guid>
		<description><![CDATA[不可否认，GOOGLE在技术上远胜百度许多，而且做为一个大企业的社会责任心也远胜百度许多，可是GOOGLE在中国互联网上却始终敌不过百度，这个全球互联网上的霸主在中国却一直被困于浅水滩上。 网上有个朋友一直是百度的用户，问他为什么不喜欢用GOOGLE时，该朋友答到是GOOGLE不好用，用得不顺手。相信这也是很多人都会谈及的一点，特别是对于互联网初级用户来说，GOOGLE的确要比百度“难用”许多，而中国互联网上恰恰是初级用户占大多数。 再深入追问该朋友为何会觉得GOOGLE比较“难用”呢？该朋友给我举了个例子，举的例子就是GOOGLE搜索按钮边上的“手气不错”按钮，因为这个按钮常让他不知所措。虽然很大一部分用户在搜索时是直接使用键盘回车键来进行搜索操作的，这也是GOOGLE一直推荐的操作方式；但不可否认，互联网上仍然还有另外一大部分用户还在使用鼠标来进行搜索操作，对于这部分用户来说，究竟是“GOOGLE搜索”还是“手气不错”呢？很多初级用户都会在这里产生迷失感。 尽管GOOGLE为了这个“手气不错”按钮据说每年损失上亿美元的广告收入，可是这个本身极具创新意义的按钮在中国互联网上却并不得用户喜爱。 “手气不错”按钮是直接打开第一个搜索结果的网站，但是搜索结果排在第一的就是用户想要的结果吗？用户为何要使用搜索引擎呢？因为用户对某件事物的不确定或未知，所以用户需要通过搜索引擎来寻找答案。用户在搜索的这个过程中是怀有一种寻找求证的心理，而如果使用“手气不错”按钮时，这个寻找求证的过程就不复存在，用户自然就会产生不安全心理。 “手气不错”的取义来自于生活，是一种碰运气的概念，而事实上使用“手气不错”时的确是碰运气，碰得不是用户自己的运气，而是搜索引擎的运气，结果与需求是否相符合不是由用户自己决定，而是由搜索引擎决定。试想一下，如果用户是在现实生活中的抽奖，有两种抽奖方式——自己从一堆奖票中抽一张，工作人员直接给你一张。很显然的用户不可能选择后一种抽奖方式。 很多国外网站到中国后，都面临着改版的需求，GOOGLE也不例外，然而GOOGLE首页的改版却没能更精简化，反而越显冗余，相反百度却一直保持着精简化的首页。 也许是因为国内门户网站们繁杂的内容结构给了这些国外网站错误的提示。]]></description>
			<content:encoded><![CDATA[<p>不可否认，GOOGLE在技术上远胜百度许多，而且做为一个大企业的社会责任心也远胜百度许多，可是GOOGLE在中国互联网上却始终敌不过百度，这个全球互联网上的霸主在中国却一直被困于浅水滩上。</p>
<p>网上有个朋友一直是百度的用户，问他为什么不喜欢用GOOGLE时，该朋友答到是GOOGLE不好用，用得不顺手。相信这也是很多人都会谈及的一点，特别是对于互联网初级用户来说，GOOGLE的确要比百度“难用”许多，而中国互联网上恰恰是初级用户占大多数。</p>
<p>再深入追问该朋友为何会觉得GOOGLE比较“难用”呢？该朋友给我举了个例子，举的例子就是GOOGLE搜索按钮边上的“手气不错”按钮，因为这个按钮常让他不知所措。虽然很大一部分用户在搜索时是直接使用键盘回车键来进行搜索操作的，这也是GOOGLE一直推荐的操作方式；但不可否认，互联网上仍然还有另外一大部分用户还在使用鼠标来进行搜索操作，对于这部分用户来说，究竟是“GOOGLE搜索”还是“手气不错”呢？很多初级用户都会在这里产生迷失感。</p>
<p>尽管GOOGLE为了这个“手气不错”按钮据说每年损失上亿美元的广告收入，可是这个本身极具创新意义的按钮在中国互联网上却并不得用户喜爱。</p>
<p><span id="more-573"></span></p>
<p>“手气不错”按钮是直接打开第一个搜索结果的网站，但是搜索结果排在第一的就是用户想要的结果吗？用户为何要使用搜索引擎呢？因为用户对某件事物的不确定或未知，所以用户需要通过搜索引擎来寻找答案。用户在搜索的这个过程中是怀有一种寻找求证的心理，而如果使用“手气不错”按钮时，这个寻找求证的过程就不复存在，用户自然就会产生不安全心理。</p>
<p>“手气不错”的取义来自于生活，是一种碰运气的概念，而事实上使用“手气不错”时的确是碰运气，碰得不是用户自己的运气，而是搜索引擎的运气，结果与需求是否相符合不是由用户自己决定，而是由搜索引擎决定。试想一下，如果用户是在现实生活中的抽奖，有两种抽奖方式——自己从一堆奖票中抽一张，工作人员直接给你一张。很显然的用户不可能选择后一种抽奖方式。</p>
<p>很多国外网站到中国后，都面临着改版的需求，GOOGLE也不例外，然而GOOGLE首页的改版却没能更精简化，反而越显冗余，相反百度却一直保持着精简化的首页。</p>
<p>也许是因为国内门户网站们繁杂的内容结构给了这些国外网站错误的提示。</p>
]]></content:encoded>
			<wfw:commentRss>http://www.prower.cn/interaction/573/feed</wfw:commentRss>
		<slash:comments>4</slash:comments>
		</item>
	</channel>
</rss>

