Planetaki Planet parandroid

Chinese version available!

2010-06-22T08:08:08Z

ni hao ma?

We just released a Chinese version of Planetaki. You can switch to Mandarin from the "preferences" link on the top right of your planet.

Check this video for more info.

WordPress 3.0 – 2:导航菜单使用教程wp_nav_menu()

2010-06-01T17:00:52Z

wordpress 3.0的导航菜单功能或许是最受欢迎的一项新功能。不管对于WordPress新手还是开发人员来说，它都提供了极大的便利。本文将教你如何使用WordPress 3.0的导航菜单功能。

1. 激活导航菜单功能

在外观/Appearance里面有个Menus菜单项，如果你的主题并没有激活导航菜单功能，该页将显示提示:

The current theme does not support menus.

你的主题还没有激活菜单功能。如何激活呢？很简单，把下面的代码放到你的functions.php文件中:

add_theme_support( 'nav-menus' );

然后刷新Menus页面，你会看到下图中的样子。

WordPress beta2 Menus截图

如果你看过本站之前发布的文章WordPress 3.0 – 1:强大新功能一览，你会发现，之前的菜单页面截图和现在不同。是的，之前用的是3.0 beta1, 现在是3.0 beta2，导航菜单功能的界面有了很大的改变，估计3.0正式版出来，应该也就是这个样子了。

2. 添加导航菜单和菜单项

你可以创建多个导航菜单，每个菜单里，可以添加自定义链接项、页面项和分类项进去。

添加进去以后，你可以又再编辑每个项目的链接，输出文本和Title属性。

你可以拖拽每个项目来排序菜单项。(...)
继续阅读 WordPress 3.0 – 2:导航菜单使用教程wp_nav_menu()

转载请注明: 来源于 WordPress 3.0 – 2:导航菜单使用教程wp_nav_menu()
原订阅地址即将失效，请大家更换到新的订阅地址: http://feed.paranimage.com/

通过这些关键词: WordPress, WordPress 3.0 找到更多你可能喜欢的内容

第5工作室 - 付费设计:　自定义个性化网页设计, 承接付费WordPress主题定制, PSD转XHTML等设计业务.
第7网赚室 - 在线赚钱:　向你推荐最热门最真实的在线赚钱途径, 让你在写博同时, 轻松赚取美元!
第9主机室 - 国外主机:　低于5美元/每月, 支持PayPal付款的美国虚拟主机, 直观图析评测导购, 帮您做出明智的选择.

CSS3属性box-shadow使用教程

2010-06-01T17:00:52Z

CSS3的box-shadow属性可以让我们轻松实现图层阴影效果。我们来实战详解一下这个属性。

1. box-shadow属性的浏览器兼容性

先来看一个这个属性的浏览器兼容性:

Opera: 不知道是从哪个版本开始支持的，我在发这篇文章测试的时候，正好更新了Opera到最新的10.53版本，已经支持box-shadow属性。
firefox通过私有属性-moz-box-shadow支持。
Safari和Chrome通过私有属性-webkit-box-shadow支持。
所有IE不支持(不知道IE9是否有所改善)。别急，我们将在文章最后会介绍一些针对IE的Hack。

2. box-shadow属性的语法

box-shadow有六个可设值:

img{box-shadow:阴影类型 X轴位移 Y轴位移阴影大小阴影扩展阴影颜色 }

当不设阴影类型时，默认为投影效果。当设为inset时，为内阴影效果。
X轴和Y轴位移不等同但类似于photoshop里面的”角度”和”位置。
阴影大小、扩展、颜色和Photoshop里面的都同理。

3. 实例解析

让我们通过几个实例来看一个box-shadow的效果，先弄个简单的html供测试:

<html>
<head>
<style type="text/css">CSS部份写在这里</style>
</head>
<body>
<img  src="test.jpg" />
</body>
</html>

请注意:为了省事儿，下面的CSS代码中只写了box-shadow，在实际使用中，你应该把-moz-box-shadow和-webkit-shadow也写上。你需要做的很简，复制两个box-shadow,在它们前面分别加上-moz-和-webkit-。


img {
-moz-box-shadow:2px 2px 10px #06C;
-webkit-box-shadow:2px 2px 10px #06C;
box-shadow:2px 2px 10px #06C;
}

(1). 投影，没有位移，10px的阴影大小，没有扩展，颜色#06C

 img{box-shadow:0 0 10px #06C;}

这里的颜色值是HEX值，我们还可以使用RGBA值，RGBA值的好处是，它多了一个Alpha透明值，你可以控制阴影的透明度。

img{box-shadow: 0 0 10px rgba(0, 255, 0, .5)}

(2). 在上面的基础上加上20px的扩展

 img{box-shadow:0 0 10px 20px #06C;}

(3). 内阴影，无位移，10px大小，没有扩展，颜色#06C

 img{box-shadow:inset 0 0 10px #06C;}(...)
继续阅读 CSS3属性box-shadow使用教程

转载请注明: 来源于 CSS3属性box-shadow使用教程 

原订阅地址即将失效，请大家更换到新的订阅地址: http://feed.paranimage.com/


© 帕兰 for 帕兰映像, 2010  |
添加到 del.icio.us 


通过这些关键词: css3 找到更多你可能喜欢的内容





第5工作室 - 付费设计:　自定义个性化网页设计, 承接付费WordPress主题定制, PSD转XHTML等设计业务.

第7网赚室 - 在线赚钱:　向你推荐最热门最真实的在线赚钱途径, 让你在写博同时, 轻松赚取美元!

第9主机室 - 国外主机:　低于5美元/每月, 支持PayPal付款的美国虚拟主机, 直观图析评测导购,  帮您做出明智的选择.

判断LOGO好坏的12条参考标准

2010-06-01T17:00:52Z

要做一个漂亮的LOGO，或一个有创意的LOGO，对于大多数平面设计师来说并不困难。但要做一个成功的LOGO就相当困难了。这里有12条参考标准，可供设计师或客户去判断一个LOGO的好坏。

1. LOGO大要好看

当一个logo大大的出现在户外看板上，它必须清楚的让所有人都一目了然，这是logo具有清楚辨识度的基本原则。

2. LOGO小要好看

当logo出现在明片上，比一个拇指还小，因此设计一个logo，请用直径两公分的大小试试看，是不是缩小也一样好看。

3. LOGO黑白要好看

当你传真公司文件，logo颜色会变成黑白，你的logo因该像Nike、Mac，在经过最糟糕的复制影印方式后看起来一样清楚。

4. LOGO可以有各种颜色

Nike的标准色是红色，但你也可以看到蓝色、绿色或是黑白各种色彩。同样拥有篮球、棒球、高尔夫球、网球甚至F-1方程式赛车系列等产品，都具有独特性，这些色彩纷陈的广告却不会让你对于Nike的品牌有任何混淆。因为一个品牌精神不是单靠—颜色建立的。

5. LOGO可以轻易的画出来

拿起比来，你可以很轻易的画出Nike的弯勾、麦当劳的M，可以随手画出来表示你的LOGO也很容易被记住。

6. LOGO在CMYK与RGB都很好看

印刷用CMYK，电视或电脑萤幕用RGB，你的logo会经常出现在杂志、电视或电脑萤幕上，在没有特别色的情况下，LOGO要再这些寻常的媒体上一样好看。(就是要你别用特别色啦！例如萤光色。)

7. LOGO能够做成动画

你不能忽略网路的广告行销盛行，LOGO具备容易转换成动画的条件，在网站上的活泼多变更容易吸引注意。

8. LOGO具有国际画质感

选择一个放诸四海皆宜的图案，像是POLO的马就不会有任何文化代沟，要让全世界都看得懂的LOGO是最基本的。

9.LOGO代表的是企业精神

Nike的弯勾不代表一双鞋子，这是取自希腊神话中女神的翅膀，许多企业跨足不同的领域；房地产、保险到食品都隶属同一集团，所以LOGO表现企业精神，而不是画出企业的所有营业项目。

10.LOGO具有广泛的应用性

GUCCI的logo具有多种的应用性，它可以放在牛皮、金属、陶瓷、铁鍊、塑胶等各种不同材质上。为了你公司生产的产品週边商品方便，LOGO必须具有容易复制在特别材质的特性。

11.想让人穿在身上

一个好logo最重要的判断标准，是印在衣服上会想要穿在身上PRADA、Nike、CHANEL，都会想要迫不及待想要穿出去？

(但老实说，其实我自己是不认同第11点的，因为就算我喜欢麦当劳或是7-11的LOGO，我也不会把它穿在身上，除非我很想要成为麦当劳的员工！！！ )。

以上原文: http://yyoyya-deer.blogspot.com/2007/09/logo.html

12. 不要在设计LOGO之前太在意你LOGO要包含什么寓意

补充一条个人的看法：很多客户和设计师都喜欢在设计LOGO之前，想着要让LOGO传达什么寓意什么精神什么文化。其实大多数时候，你不必去为这个事儿瞎操心，你可以把流程倒过来：等LOGO出来后，再把你的LOGO和你想要的寓意、精神、文化扯在一块儿。你会发现，乳沟是挤出来的，故事是编出来的，传说是扯出来的！

转载请注明: 来源于判断LOGO好坏的12条参考标准
原订阅地址即将失效，请大家更换到新的订阅地址: http://feed.paranimage.com/

通过这些关键词: logo, 设计理论找到更多你可能喜欢的内容

Sarah Parmenter: 最漂亮的女性设计师

2010-06-01T17:00:52Z

Smashing Magazine最近的一篇文章Women in Design: Group Interview里面，采访了一些国外的女性设计师，提出了一系列设计相关的问题让她们回答。我可没兴趣去通篇阅读那冗长的访谈稿，更何况英文欠佳。但里面的一位名叫Sarah Parmenter的女性设计师着实惊艳。本着设计师“创造美、发现美、分享美”的三美精神，立此文。

Sarah Parmenter (You Know Who | the blog of Sarah Parmenter | Twitter)

继续八卦：

没当明星真可惜，不当明星也应该当小三。
小三在国外不流行？设计师在国外并不是IT民工？
如果面谈合作，你好意思向她砍价，和她争执哪里设计的不好吗？正如一位老兄在SmashingMagazine里面的留言: Sarah Parmenter is that kind of designer to whom you will say YES for every proposal I think I would loose my words…

转载请注明: 来源于 Sarah Parmenter: 最漂亮的女性设计师
原订阅地址即将失效，请大家更换到新的订阅地址: http://feed.paranimage.com/

通过这些关键词: women 找到更多你可能喜欢的内容

19条WordPress SQL查询语句

2010-06-01T17:00:52Z

不要轻易折腾你的SQL。但有的时候，使用SQL能大大提高你的办事效率，或者有的时候，你不得不用SQL来改变一些东西，比如把让你老是觉得不安全的admin这几个字换成其它的，比如你想收集所有留言者的邮箱地址来实现你的垃圾营销目的，比如我想把帕兰映像站内所有含链接的留言完全删掉！

本文为大家介绍19条wordpress SQL查询，你可能啥时候就会需要到。

使用方法：

进入你主机的phpmyadmin，选择你的WordPress数据，点击SQL选项卡，在文本框中输入SQL查询语句，执行！

高度注意：

在每次执行SQL语句前，请勿必备份你的WordPress数据库。

1. 删除所有未使用的标签

DELETE a,b,c
FROM wp_terms AS a
LEFT JOIN wp_term_taxonomy AS c ON a.term_id = c.term_id
LEFT JOIN wp_term_relationships AS b ON b.term_taxonomy_id = c.term_taxonomy_id
WHERE c.taxonomy = 'post_tag' AND c.count = 0

2. 删除所有文章修订版本(Revisions)以及它们的Meta数据

DELETE a,b,c
FROM wp_posts a
LEFT JOIN wp_term_relationships b ON (a.ID = b.object_id)
LEFT JOIN wp_postmeta c ON (a.ID = c.post_id)
WHERE a.post_type = 'revision'

3. 更改WordPress地址和首页地址

UPDATE wp_options
SET option_value = replace(option_value, 'http://www.旧网址.com', 'http://www.新网址.com')
WHERE option_name = 'home' OR option_name = 'siteurl'

4. 更改文章的GUID

UPDATE wp_posts
SET guid = REPLACE (guid, 'http://www.旧网址.com', 'http://www.新网址.com')

(...)
继续阅读 19条WordPress SQL查询语句

转载请注明: 来源于 19条WordPress SQL查询语句
原订阅地址即将失效，请大家更换到新的订阅地址: http://feed.paranimage.com/

通过这些关键词: sql, WordPress 找到更多你可能喜欢的内容

Google持有baidu.com.sb域名

2010-06-01T17:00:52Z

2010年5月7日晚，有网友向新民网记者爆料：“google抢注了百度的域名，还是带sb的”。

根据网友描述，新民网记者登陆了“涉嫌”抢注的域名www.baidu.com.sb，该页面迅速指向google的全球页面http://www.google.com/，记者随即查证到，www.baidu.com.sb的IP指向： 64.233.189.104，按照公开数据，为美国加利福尼亚州山景市谷歌公司所在地。而通过全球域名管理机构ICANN查询，sb域名是所罗门群岛国家顶级域名。另外新民网记者也注意到google还持有www.google.com.sb域名。

在中国大陆网络文化中，有网友经常把北京方言中的一句骂人话简化成：“SB”，有网友据此调侃此事，称google此举是在骂百度，但也有资深域名专家向新民网记者称，“SB”仅仅是一个国际顶级域名，google抢注baidu.com.sb应该是出于商业考量。

而据此间不愿具名的知识产权律师向新民网记者介绍，近年，企业之间的域名争议诉讼越来越多，如美国杜邦公司就dupont.com.cn域名诉北京国网公司案件，最后北京法院判处后者撤销域名注册。该律师称，百度如就google此举进行诉讼，胜诉的可能性较大。

截止至发稿时，记者未能联系上百度和google公司就此发表看法。(新民网记者石场)

转载请注明: 来源于 Google持有baidu.com.sb域名
原订阅地址即将失效，请大家更换到新的订阅地址: http://feed.paranimage.com/

通过这些关键词: Domain, 百度, 谷歌找到更多你可能喜欢的内容

WordPress 3.0 – 1:强大新功能一览

2010-06-01T17:00:52Z

本来想等wordpress 3.0正式版出来后再做介绍，但官方发布了一个3.0 beta1后，就没有发布更新版本了。实在等不及，先介绍之。

1. 安装时允许自定义用户名和密码了

安装新的WordPress博客时，新增了自定义用户名和密码的字段。

另外，当你登录的时候，如果用户名和密码信息错误，登录框会出现一个抖动特效。(不确定这是不是WordPress 3.0新增的，以前没注意，不过这也是个不重要的东西)。

2. 新的WordPress默认主题

安装成功后，打开博客首页看看。WordPress使用了一个全新的默认主题 – Twenty Ten。这个主题激活了很多WordPress 2.9版本以后的新功能。比如WP 3.0的导航菜单，自定义编辑器样式，自定义背景，自定义头部图片，2.9就有的文章缩略图等。

3. 后台配置主题背景、头部图片和导航菜单

这些功能都是需要在主题中激活才有的，具体激活方法在以后的文章中再介绍。Twenty Ten主题已经激活这些东西，让我们一览一下风采。

自定义背景

自定义头部

其实自定义背景和自定义头部图片我记得应该是很久之前的版本就支持了，只是貌似喜欢使用这两项功能的主题开发者也不多。

相比之下，新增的后台导航菜单配置就实用许多，通过这个功能，你可以在后台新增一个或多个菜单，并且每个菜单可以混合添加已经存在的页面和分类，或自定义的链接。

方便的导航菜单创建

4. 注册新的文章类型和分类系统

使用这两项功能，你的WordPress可以成为真正名副其实的CMS了。说的直白点，你可以克隆一个或多个文章或页面，分类或标签，再进行交叉使用。

register_post_type和register_taxonomy，这两个功能其实在2.9就已经有了, 只是在3.0得到了更多的完善。但在这个3.0 beta1的测试过程中，仍然有很多问题，比如无法将一篇文章从一个类型转移到另一个类型，当快速编辑一篇自定义类型的文章时，它会被归到默认的post类型中去。希望WordPress 3.0 正式版中得修复这些问题和提供更加灵活的操作性。

5. WordPress 3.0的多站点功能

多站点或是说Network，这是WordPress 3.0最强悍的功能，它整合了WPMU。简单的说，它使任何WP用户可以轻松创建一个自己的BSP。

激活该功能后，会出现一个超级管理员的菜单。在这里，你可以新增用户或子网站，配置Network的各种选项，配置哪些主题可被子网站所使用，子网站可具备哪些权限，什么权限的可以创建子网站等等等等。

这个功能太强大了，再一次大大降低了建高级站复杂站的技术成本。不过这个功能实质上将只会是极少数人需要得到。这就像康盛出Ucenter Home的时候，我们都迫不及待的弄个自己的SNS，到处邀人加入。热情一过，我们才发现，这种站不是个人站长值得浪费时间去做的。

WordPress 3.0的这个多站点功能也是如此，如果只是几个好友组一个Network那还好，如果你指望着用WordPress弄一个BSP且火起来，成功的机率是0.001%。

而且就目前来看，即使WordPress 3.0正式版出来，这个功能还有很多待完善的地方。对于大多数用户来说，还得等诸多的高手玩转一下这个功能，分享出各种技巧，插件后。这才能成为一个真正实用的功能。

但不管怎么说，整合了这个功能还是挺让人激动的。反正需要才激活，不需要也没影响。WordPress 3.0在其它方面还有很多的更新，比如后台的风格稍微改变了一些。

之前说WordPress 2.9是一个革命性的版本，现在看来，3.0更革命一些。

转载请注明: 来源于 WordPress 3.0 – 1:强大新功能一览
原订阅地址即将失效，请大家更换到新的订阅地址: http://feed.paranimage.com/

通过这些关键词: wordpress-30 找到更多你可能喜欢的内容

做爱？爱做！— 140字的AV剧本

2010-06-01T17:00:52Z

微博激增了我们说废话的次数，同时也限制了我们每次废话的数量。帕兰原创AV剧本，140字(连标点符号，全角)，版权所有，欢迎日本导演来信来电洽谈买断或合作事宜。

床上？上床！情调？调情！亲吻？吻亲！胸罩？罩胸！脱衣？衣脱！奶牛？牛奶！撅嘴？嘴撅！黑洞？洞黑！香肠？肠香！做爱？爱做！翻滚？滚翻！搓揉？揉搓！96？69！包裹？裹包！插头？头插！插座？座插！夹紧？紧夹！凹凸？凸凹！抽送？送抽！啊哦？哦啊！高潮？潮高！颜射？射颜！下流？流下！88？88！\uFEFF

转载请注明: 来源于做爱？爱做！— 140字的AV剧本
原订阅地址即将失效，请大家更换到新的订阅地址: http://feed.paranimage.com/

通过这些关键词: 找到更多你可能喜欢的内容

盗版→db→bd→百度

2010-06-01T17:00:52Z

盛大文学日前发布的一份名为《2010中国网络文学蓝皮书》的报告，再次将盗版的矛头指向百度。这也是盛大文学起诉百度以来再次展开的讨伐行动。该报告显示，在30多万网友评选出的“十大盗版网站”名单中，百度搜索引擎、百度贴吧、百度文库赫然在列。此前的4月 18日，盛大文学全球写作大展（SO）已经向媒体披露了该报告的盗版调查内容。据介绍，《蓝皮书》是根据盛大文学旗下“榕树下”等多家文学网站进行调查得到的数据。报告指出，网民对于盗版大多持反对态度，但超过八成网民阅读过盗版，超过七成网民认为搜索引擎是盗版内容的出口，搜索企业应对盗版负责，搜索引擎应对盗版尽监测、删除、屏蔽盗版的义务。

盛大文学《蓝皮书》公布的“十大盗版网站”名单为：

百度
百度贴吧
百度文库
小说520
快眼看书
飞库
16K
啃书
搜读
搜搜999

此前，盛大文学CEO侯小强多次指责百度纵容盗版图书，导致盛大文学利益受损。自去年年底起，盛大文学就向百度发起诉讼，指责其侵犯多部小说版权，索赔金额达百万元。(...)
继续阅读盗版→db→bd→百度

转载请注明: 来源于盗版→db→bd→百度
原订阅地址即将失效，请大家更换到新的订阅地址: http://feed.paranimage.com/

通过这些关键词: 百度找到更多你可能喜欢的内容

Google Adsense广告的阴影背景效果

2010-06-01T17:00:52Z

最近有不少朋友询问本站文章标题下的Google Adsense广告阴影效果是如何实现的，这其实是一个非常简单的CSS技巧，本实在不足以专门写篇文章介绍，但昨天居然有一位网友想要付费购买该效果:) 于是答应该网友，今天专门介绍一下如何实现Google Adsense广告的阴影背景效果。

实现方法

1. 用一个div标签包住你的Google Adsense广告代码，如下:

<div class="ggad">Google Adsense广告代码</div>

2. 使用photoshop或其它工具制作一张背景图片。比如我的背景图片就是一个三角形，它宽116px, 高113px，假设保存名为”ggshadow.jpg”，放在wordpress主题的images文件夹里。

3. 使用CSS代码为<div class=”ggad”>添加背景图，在style.css里面写入:

.ggad{
padding-left:116px; /*背景图的宽度*/
background:url(images/ggshadow.jpg) left bottom; /*指定背景图，并且让它显示于左下位置*/
}

OK，搞定。

是否违规？

另外，之前还有网友问到给Google Adsense广告添加这样的背景是否违规的问题。我的回答是：不知道。

我确实不知道。我只记得很久以前看过一篇文章，大意是为GG广告添加装饰性的背景图是允许的(此信息是否准确也无法考证)。但可以肯定的是，Google Adsense是禁止任何形式的诱导点击的。所以问题就来了: 如何去判断一张背景图到底是装饰还是诱导？我认为是无法判断，或者说判断是取决于Google： Google认为你是在装饰就是装饰，认为你是在诱导就是诱导！

是否提高点击率？

本站之所以使用这个效果，完全是为了好看、好玩。据本站的Adsense长期统计下来，对点击率基本没什么影响, 装饰前和装饰后变化都不大，甚至有时候会降低点击率。所以，你的站是否有必要使用这样的效果，请大家自己斟酌。

转载请注明: 来源于 Google Adsense广告的阴影背景效果
原订阅地址即将失效，请大家更换到新的订阅地址: http://feed.paranimage.com/

通过这些关键词: Google adsense 找到更多你可能喜欢的内容

30套精美的Web 2.0网站图标

2010-06-01T17:00:52Z

本文为你带来最新的30套精美的web 2.0网站图标。顺便让我们回顾以前介绍的一些社会化网站网站图标:

(...)
继续阅读 30套精美的Web 2.0网站图标

转载请注明: 来源于 30套精美的Web 2.0网站图标
原订阅地址即将失效，请大家更换到新的订阅地址: http://feed.paranimage.com/

通过这些关键词: 社交网站图标找到更多你可能喜欢的内容

什么是Web标准?

2010-06-01T17:00:52Z

在网站开发过程中，你会听到词语“标准”很多次。我的意思是，很多次。Internet Explorer因为不支持标准而广为诟病，Opera自称是唯一的一个真正努力地完全实现标准的浏览器，而全世界的开发人员又相互责备没有遵循标准。可笑的是，大部分人根本不理解什么是标准或者它们是怎么变成这样的。

让我们以互联网上的头号神话来说起：W3C创造了标准。这完全是错误的。 W3C宣称的目标是创造标准，但是它不能够在实际上创造它们。为什么呢？因为，很简单，标准是大多数人决定要做的事情。因此，网页标准是大部分浏览器厂商决定要追随的。W3C可以推荐应该怎么做，但是它没有权利强制实施。如果W3C真的可以创造标准，那么我们也不会仍然在等待相关的浏览器支持Xhtml了，它在1999年就完成了。W3C没有能力强制浏览器厂商做任何事情；每个人都能决定自己想做什么。甚至参与到W3C的浏览器厂商都不遵循某些规范（全部的浏览器厂商都这样）。

所以如果我和我的同伴这个周末聚到一起然后想出了一个很酷的javascript特性，那么我们就和W3C一样了。如果我们确定可以让Mozilla、Apple、 Microsoft和Opera实现这个特性，那么我们就已经创建了一个新的标准了——和W3C一样。没有一个官方的标志或印章可以让一些东西成为标准，它只是由两个或更多浏览器来实现的。

W3C在创建标准上曾经很传统的不好。它们真正擅长的是文档化和标准化已经在浏览器中实现的东西。这样导致了HTML 4 和DOM 1的创建大部分是基于在IE 4中的创新。是的，同学们，微软在创建这些标准方面是比其它任何浏览器都更有影响力的，因为它们不断前进和创新而等不及有人告诉它们已经好了。(...)
继续阅读什么是Web标准?

转载请注明: 来源于什么是Web标准?
原订阅地址即将失效，请大家更换到新的订阅地址: http://feed.paranimage.com/

通过这些关键词: web-design, 设计理论找到更多你可能喜欢的内容

如果不能改变房价，就修正自己的腰包

2010-06-01T17:00:52Z

公元2010年3月23日，谷歌搬新家了，因其想废三都搞革新，让皇上给个话儿，皇上让其装的木纳一点，谷歌非常顽固，终于离开皇宫，搬到了一个先皇给了特权的地区 —— Shotgun。一时之间，上至文武百官，下至平民百姓，言出皆谷歌，种种猜测甚嚣尘上。

有人说，谷歌是在找台阶下。
有人说，谷歌偷鸡不成反蚀一把米。
有人说，谷歌颇懂兵法，以退为进，撑着先皇的保护伞，让皇上左右为难。
有人说，吾国失谷歌，乃吾国之耻乎。
有人说，世人也许很容易了解谷歌的痛苦，但未必能体会谷歌在痛苦中所领悟到的境界。
有人说……

谷歌是这么说的：如果不能改变房价，就修正自己的腰包。

补充说明: 皇上是几乎不可能屈尊将贵把谷歌请回来的，而皇上是否会下禁令禁止民众去探望谷歌，请关注皇城门外的“奉天承运，皇帝给话了”。谷歌的一众忠实弟子，请提前学好偷渡知识。

转载请注明: 来源于如果不能改变房价，就修正自己的腰包
原订阅地址即将失效，请大家更换到新的订阅地址: http://feed.paranimage.com/

通过这些关键词: 谷歌找到更多你可能喜欢的内容

Google的10大设计原则

2010-06-01T17:00:52Z

下面是Google的用户体验设计师Jon Wiley 在一次讲座中提到的Google的10大设计原则。这些设计原则对于中国设计市场可能并不是那么的适用，但值得每一个设计师去借鉴和学习。

1. 有用（Useful）：以用户为焦点，关注他们的生活、工作和梦想。
2. 快速（Fast）：争取节省每一个毫秒。
3. 简单（Simple）：简洁就是力量。
4. 魅力（Engaging）：能够唤起新手的好奇心，能够吸引资深用户。
5. 革新（Innovative）：勇于创新。
6. 通用（Universal）：全世界适用的设计。
7. 盈利（Profitable）：为现行的和将来的商业模式做好安排。
8. 优美（Beautiful）：外观具有视觉愉悦性，但是不会令用户分心。
9. 可信（Trustworthy）：值得用户信赖。
10. 人性（Personable）：加入人性化因素。

让我们看看，Google如何在它自己的主页上，实践这些原则。(...)
继续阅读 Google的10大设计原则

转载请注明: 来源于 Google的10大设计原则
原订阅地址即将失效，请大家更换到新的订阅地址: http://feed.paranimage.com/

通过这些关键词: web-deisgn, 设计理论, 谷歌找到更多你可能喜欢的内容

15款适合Web设计开发人员Chrome 扩展

2010-06-01T17:00:52Z

我们之前介绍了16款Google Chrome扩展，随着Chrome扩展越来越多，让我们缩小范围，来看15款适合Web设计开发人员Chrome 扩展。

1，Speed Tracer

Speed Tracer 是一款功能强大的性能分析 Chrome 扩展，可以让用户深入的了解 Web 应用的运行内幕，找出自己的 Web 应用运行缓慢的原因。点击这里查看谷奥以前的报道和两段介绍视频。

2，Eye Dropper

和同名的 Windows 平台应用软件一样，Eye Dropper 扩展可以允许用户从当前页面中的任何一个像素提取颜色代码，当然扩展本身也自带了一个很好用的调色板。

3，Firebug Lite

Firefox 著名扩展 Firebug 的 Chrome 移植版，允许用户在页面中实时编辑，调试或者监测 CSS / html / javascript 文件。

4，Chrome SEO

Chrome seo 扩展可以让用户非常方便的访问访问分析，关键字研究，回链检查，PR 检查等搜索引擎优化工具，是 SEO 从业人员必不可少的劳动工具。

5，Pendule

Pendule 会在一个新的标签页中显示当前页面中链接或者嵌入的样式表文件。(...)
继续阅读 15款适合Web设计开发人员Chrome 扩展

转载请注明: 来源于 15款适合Web设计开发人员Chrome 扩展
原订阅地址即将失效，请大家更换到新的订阅地址: http://feed.paranimage.com/

通过这些关键词: Goole-chrome 找到更多你可能喜欢的内容

商业Web应用程序的用户界面设计

2010-06-01T17:00:52Z

商务Web应用程序的设计常常被人们所忽视。我看到许多程序，它们既不符合商业目标，也不满足用户需求，它们有很差的用户体验，并造成了商业利润的损失。更夸张的是，有些设计师根本没有参与整个程序的开发流程，而是把全部职责都推给了开发人员。

对于擅长前端和后台技术的工程师来说，他们缺乏设计能力，很难完成这项艰巨的任务。不满意的消费者、沮丧的用户，以及失败的项目，也就自然而然地出现了。

接下来，我们将介绍“商务Web应用程序”界面设计的基础知识。一般来说,人们可以提供许多有关界面设计的方法、技巧和准则，而这里，我们的重点将放在商务Web应用程序上来。

一. 网站与Web应用程序

我们很容易将Web应用程序和网站搞混，就像搞混用户界面设计与网页设计一样。其实它们在本质上和其他方面上都有很大不同，本文将就此与大家探讨。

一个网站更像是一组网页集合，大部分都是静态文本、图像和视频等等，只有有限的交互功能（联系表单和搜索功能除外）。网站的主要作用是提供信息。虽然一些网站使用“内容管理系统”来提供动态文本，但从性质上来说依旧是信息。

CampaignMonitor是强大的电子邮件营销软件，而Jeff Sarimento 的网站向读者讲述他的工作和生活。

另一方面讲，Web应用程序是动态交互系统，它帮助企业完成重要商业事务，评估并提高企业自身生产力。因此 Web应用程序的主要作用是：根据明确的业务规则，满足不同用户的需求。

Web应用程序在参与度以及知识储备方面，对用户有更高的要求。这些用户不只是偶然地使用了它，并评价一番，而是把它当作完成日常重要商务的平台。总之，当他们不了解一款程序的运行机制时，是不会随便喜新厌旧的。而对网站来说，这种情况却常常发生。

1.1 不同类型的Web应用程序

Web应用程序的业务范围，可以从为自由职业者开发票，到内容管理、文件管理、银行和金融系统等等。

我们可以区分出开放的和保密的应用程序。在开放的程序中，用户可以很容易接近到其他注册用户。他们可以在网上使用这些程序，选择注册免费账号或是收费账号。保密的应用程序通常不允许在公司以外的地点使用。在外面,它们仅仅是一个“离线”的程序（虽然很多系统通过一些服务或是专用接口，向商业伙伴展示了一些功能）。这种程序一般只能在公司的内部网络中运行，只有员工才可以使用。

我不知道是谁创造了weblication这个词，至少在现阶段我很喜欢它，它描述了Web应用程序是什么。但这并不意味着一个Web应用程序就是网站和程序的简单混合，它可比这复杂得多。

二. 首先要了解你的用户

有一句话，你可能听过有一千次了，也听过遵循它的理由。这就是“一个成功的用户界面，一定要以用户和他们的任务为核心”。这也是为什么许多开发人员没能创造出良好的用户体验的关键。正如Steve Krug所说，“开发人员喜欢复杂的东西，他们享受发现事物运行机制的过程。”

在识别用户时，切忌，客户不是用户，你也不是。虽然客户的管理层通常会对该项目感兴趣，并试图影响你的决策，但你要记住，他们不会每天使用该程序工作好几个小时（除非该程序是专门为他们设计的）。

2.1 如何识别用户？

我们可以通过许多方法识别用户，比如用户访谈，商业利益相关者访谈和影子用户观察( the “shadowing” method of observation)等。“用户访谈”让你了解用户在程序和计算机方面的知识储备，而通过“用户观察” 能得到更详尽的信息，比如用户是如何完成任务的，他们都犯了哪些错误。“影子用户观察”之所以这么称呼它，是因为观察者需要像用户的影子一样，与其形影不离，注意他们的每一步操作。

如果你没有遇到真正的用户，可能是因为你没有权限，或是在设计开放的应用程序，你可以使用“人物角色”来帮自己识别用户。“人物角色”是真实用户的代表，他具有他们的习惯，目标和动机等等。你可以利用在商业分析报告中获得的用户信息，来创建“人物角色”。如果你对这种方法不太熟悉，Brand Colbow的漫画将对你有帮助。

“任务分析”有助于确定用户在工作中需要完成哪些任务，他们是如何完成的，需要多长时间，犯了哪些错误。有时用户正在使用你要去更新的旧程序。你正好可以利用这套旧程序，来看看用户是如何操作的。这样你会很容易了解到他们的任务和遇到的挑战。

可以肯定的是：无论你的用户是谁，在通常情况下你都必须同时考虑新手用户和专家用户。使“新手”尽快上手，“专家”高效地完成任务，也许意味着要为他们各自单独设计界面。但在很多情况下，你要使用各种技巧，来保证不同类型的用户正常使用同一界面，比如隐藏高级功能。

这些研究通常由市场分析来完成。但当没人来负责这项业务时，你应该去完成它。一旦得到了必要的信息，就可以动手设计了。(...)
继续阅读商业Web应用程序的用户界面设计

转载请注明: 来源于商业Web应用程序的用户界面设计
原订阅地址即将失效，请大家更换到新的订阅地址: http://feed.paranimage.com/

通过这些关键词: 设计理论找到更多你可能喜欢的内容

网站统计分析名词解释大全

2010-06-01T17:00:52Z

做为一个站长，得像一个董事长似儿的，随时关注自己网站各方面的统计分析数据，然后做出新的策略和改变。下面是一份网站统计分析名词解释大全，新手站长朋友可以了解一下。

1. 浏览量：监测页面被浏览的次数。
广告活动中总浏览量是指：广告为mini-site带来的总PV数。

2. 二跳、二跳量：用户在被监测页面产生的首次点击数称为“二跳”，所有用户的“二跳”之和为二跳量。二跳率的高低通常反映了用户是否适应页面的结构，是否对页面呈现的内容感兴趣，同时二跳率还可以体现流量的质量。

3. 二跳率：二跳量与浏览量的比值。

4. “二跳时间”：指用户打开当前页面到在当前页面产生第一次点击所用的时间。平均二跳时间是指所有用户二跳时间的平均值。平均二跳时间的长短，通常由您的网站结构、网页内容以及来访用户对网站的熟悉程度而定

5. 流入量：指用户从网站外部（如搜索引擎、其他网站）着陆到网站的次数，一次流入可以带来多次浏览。

6. 点击量 :广告活动分析频道――用户通过点击广告而打开被监测页面的次数，即广告的点击量
其它频道――用户在被监测页面所产生的点击数之和。(...)
继续阅读网站统计分析名词解释大全

转载请注明: 来源于网站统计分析名词解释大全
原订阅地址即将失效，请大家更换到新的订阅地址: http://feed.paranimage.com/

通过这些关键词: 找到更多你可能喜欢的内容

Web设计中的对比原则

2010-06-01T17:00:52Z

网页设计是由很多个不同的元素构成的, 而这些元素的重要性都不同, 并且有些元素还需要尤为的突出.有些元素彼此之间存在着联系,而另外的元素之间则一点关联性都没有.比较难办的部分就是如何有效的在视觉上来传递元素之间的关系.这就该用到对比原则了.

对比就是两个或更多个元素之间的不同.通过对比,设计师就可以创造出视觉趣味性,同时引导用户的注意力.想象一下,如果页面上所有的元素都是一个模样,那就会觉得这些内容没有组织,没有”(视线)流”,没有明确的结构,也很难去理解和接受.因此在网页设计中,对比是很重要的一部分.

在这篇文章中,我们将会看到如何通过颜色,尺寸,对齐方式这三个方面来建立对比.

颜色中的对比

大多数人听到”对比”这个词,他们首先想到的就是颜色.尽管对比原则中不只包含颜色,但是颜色对于帮助用户识别页面中不同的元素有很大的帮助.

一般页面都包含页头,内容区,页脚.那么我们就需要从视觉上清晰的区分中这三个不同的部分.很好的方法就是: 使用不同的背景色.

先来看看Church Media Group’s website,这是一个很好的例子.页头和页脚都使用较深的背景色,内容区是白色.通过这种差异,可以很明显的突出内容,并表现出它的重要性.如果我们再深入点看,在内容区域也有不同的背景色对比:”案例”部分使用了浅蓝色.正因为它与其他内容部分的对比很小,表示两个部分是有关联的.

Phil Renaud’s portfolio使用了一个独特布局和极其漂亮的配色方案.网站整体使用了棕色来设计,他使用了一种金黄色来增加垂直导航区域和其他区域的对比.

文本之间也可以使用颜色来形成对比.在Billy Tamplin中,标题,副标题,文章段落分别使用了不同的颜色,将各部分合理的区分并建立视觉结构,最终获得了很好的效果.作为博客的界面来说,在文章标题和主体内容之间建立对比是很重要的.这样在用户滚动页面的时候,就可以让他们清楚的看到文章的从哪开始和到哪结束.(...)
继续阅读 Web设计中的对比原则

转载请注明: 来源于 Web设计中的对比原则
原订阅地址即将失效，请大家更换到新的订阅地址: http://feed.paranimage.com/

通过这些关键词: web-deisgn, 设计理论找到更多你可能喜欢的内容

如何设计具可用性的网页表单?

2010-06-01T17:00:52Z

网页表单已经是web设计中讨论最多的元素，一个没有任何表单的网站，就像一滩死水。我们总是需要用到各种表单: 付费需要使用表单; 用户注册或订阅需要使用表单-表单的使用是不会停止的.

尽管在html中,把表单拼凑到一块相当容易,但是对于可用的,友好的表单来说,编码,制作样式和设计是很难的.在网站的转变中,对于成功转化率,表单始终扮演着很重要的角色,下面的小贴士和文章末尾处提供的源码,应该会对制作和编码页面表单的开发者提供有价值的信息.

两列 VS 一列

这个取决于表单的内容,不过当表单内容相当简单时,通常尽量避免两列布局.

下面是一个很好的简单表单的例子,它将每个标签(label)都放到相关表单元素的上方

这种表单布局的好处有哪些,仅仅是为了反对两列布局?首先,表单的元素具有更大的空间,可以满足今后对于文案的修改.两列布局的表单在这点上会有限制,甚至可能需要重构整个表单部分才能满足调整的需求.另外一个好处就是看上去不杂乱,在每个标签部分不会有大量的空白,所以很容易阅读并且很容易将标签与输入框联系起来.另外,每个成对的标签/输入框的背景色可以让表单从视觉上看更吸引人.

作为对比,让我们看看下面这个两列布局的表单

尤其是因为左对齐的文字和不明显的颜色,这个表单不具备上一个例子中那种干净的视觉效果.事实上,在标签和输入框之间的垂直空白多少会分散人的注意力,误认为里面包含了很多个部分,而实际上一个简单的表单在视觉上应该表现的像一个整体.

但是使用两列布局来完成一个清晰的,有条理的效果也不是不可能的,正如下面展示的例子Chapters Indigo Books

清晰有条理的两列布局表单

因此,尽管表单的布局没有明确的规定,但是仍存在有效的原则:包括简单的表单避免使用两列布局;如果使用两列布局则应该让标签右对齐.

让交验的反馈信息在一行中显示

最近Luke Wroblewski在A List Apart中写了一篇关于表单交验的反馈信息放到一行显示的文章.其中提到

当使用交验信息显示在一行时,我们的测试者(完成的)更快,成功率更高,犯错更少,而且更满意

jQuery Inline Form Validation, Because Validation is a Mess这篇教程一步一步的介绍了如何使用jquery在信息较多的表单中将反馈信息显示在一行.

另外一篇文章:Really Easy Field Validation

Dexagogo提供了一个可以将你的表单交验信息显示在一行的简单的脚本.演示中的例子不是最好的,不过你完全可以按照你需要的来自定义.脚本中使用了Scriptaculous来实现的渐入渐出的效果.(...)
继续阅读如何设计具可用性的网页表单?

转载请注明: 来源于如何设计具可用性的网页表单?
原订阅地址即将失效，请大家更换到新的订阅地址: http://feed.paranimage.com/

通过这些关键词: web-design, 表单, 设计理论找到更多你可能喜欢的内容

深色调网页设计注意事项

2010-06-01T17:00:52Z

深色调的网站设计能营造出简洁、富有创造性的效果。尽管这样，但很多设计师不知道如果有效的使用它来打动、吸引浏览者。深色调网页设计经常出现的问题是不易读、没有吸引力、很少打破传统的设计模式。

最近的调查显示有超过47%的大众用户更喜欢亮色调的网页设计。内容的可读性是主要原因。大多数的用户不喜欢亮文字内容显示在深背景上，这样的对比效果是比较刺眼的，给人不舒服的感觉。相比之下，有10%的设计师通常选择深色调来设计网页，同时36%的人认为应该根据网页的具体风格要求进行选择。

这片文章，我们将讨论一些如何让你的下一个深色调网页设计更能吸引、打动广大浏览者的方法和技巧，真正做到让你的设计表达你的创意。

多使用留白

或者应该叫“留黑”？合理有效的使用留白对于任何风格的设计来说都是非常重要的。但对于深色调的网页设计来说它则是必须的。

深色调的网页设计给人总体的感觉是“沉重的”，如果整体布局结构凌乱更增强了给人沉重的感觉。下面展示了一些比较受大众喜欢的深色调网页设计，他们合理使用了留白达到很好的设计效果。

Black Estate是互联网里深色调网页设计的一个而已，设计确实很棒并值得我们研究学习。设计自始自终都在合理、有效的使用留白，如何在设计元素周围有效的使用了留白，从而设计出了这样讲究的网页。

logo标志周围留有大量的“留白”，作为浏览者我们首先看到的就是它，其次看到的才是主要内容与右边的瓶子。正如你所看到的，留白是用来突出瓶子上的亮文字内容与内容标题。

Tictoc的主要特点就是它在内容、装饰图片周围留用了大量的“留白”，当我们继续往下浏览时，我们看到使用了很少的留白，从而将我们的注意力集中在到下面的具体内容上面。

这里的关键是，留白起到了引导的作用，逐步引导用户浏览这个页面。

网站通过使用大量的留白从而增加了深色调设计的层次，留白仅仅是为了实现深色调的效果而已(...)
继续阅读深色调网页设计注意事项

转载请注明: 来源于深色调网页设计注意事项
原订阅地址即将失效，请大家更换到新的订阅地址: http://feed.paranimage.com/

通过这些关键词: web-design, 设计理论找到更多你可能喜欢的内容

33个”失败”的韩国网页设计欣赏

2010-06-01T17:00:52Z

在网页设计的世界里，最容易划分的两种分格是欧美风和韩国风(其实也有中国风：一直在模仿，从未有超越)。但我个人觉得精美的韩国网页设计是全世界最失败的网页设计风格。让我们来分析揣摩一下韩国网页设计风和欣赏一些韩国网页作品，或许可以作为反面教材来借鉴。

韩国网页设计是全世界最精致的，他们不像是在做网页设计，更像是在雕琢一个工艺品。但网页设计不应该是一个工艺品，而应该是一个容器。访客更在乎的是容器里面装的东西，即使要把容器弄的漂亮点，也别漂亮到让人忘记了容器里面东西的存在。
韩国网页设计的精致还一如他们的整容技术一样。但网站和女人是不一样的，我们可以接受一个美丽的女人是一个弱智。但我们在网络世界里游来游去，并不只是为了看看哪个网站更漂亮。
当然，又美丽又聪慧的女人我们也是不会拒绝的。但韩国人民似乎根本不用考虑带宽和流量这些问题。我猜测，切图保存为gif格式对他们来说可能是一种耻辱。
韩国的网页设计师才能真正的有资格配上设计师的称号。除了韩国，其它国家的网页设计师可以只需略懂一点平面设计。但在韩国恐怕不行，看看他们的这些网页，不精通几个平面设计软件，都不好意思出来混。

以上只是一些无聊的调侃，还是让我们来欣赏一些韩国网页设计吧。另外，期待中国风的网页设计也能在某日出现。

(...)
继续阅读 33个”失败”的韩国网页设计欣赏

转载请注明: 来源于 33个”失败”的韩国网页设计欣赏
原订阅地址即将失效，请大家更换到新的订阅地址: http://feed.paranimage.com/

通过这些关键词: korean 找到更多你可能喜欢的内容

Google三大核心业务视频解析: 搜索、广告和应用

2010-06-01T17:00:52Z

面对最近一系列对隐私和垄断的争议，Google 制作了三段视频，解释自己的三大核心业务的运作机制，也就是搜索、广告和应用。用Google的话说，搜索是他们的核心技术，而广告是商业核心，应用则是支撑起可以随时随地访问基于网络的软件的一把大伞。

Google的搜索是如何工作的？

Google为全球的网页创建了一个索引，通过超过200种因素来找到最相关的。Google 的搜索结果是公正的，它们不会与广告混合在一起展示，而且可以在半秒之内就呈现给你。

Google的搜索广告是如何工作的？

当你在Google搜索的时候，你只会看到与关键字相关的广告，作为对搜索结果结果补充提供实用信息，特别是对商业有关的搜索来说。Google的广告系统将会将更实用的信息以更高级别呈现出来。

Google的应用是如何工作的？

这是一套在线通讯和协作工具。所有的应用和你的数据都在线存储，所以你可以在任何一台电脑上存取。你不需要下载或安装任何程序就可以在电脑或是手机上访问你的文件。

继续观看三段视频解释，拍摄的都很有趣，值得一看：

Google搜索（YouTube）：

Google搜索广告（YouTube）：

Google Apps（YouTube）：

(...)
继续阅读 Google三大核心业务视频解析: 搜索、广告和应用

转载请注明: 来源于 Google三大核心业务视频解析: 搜索、广告和应用
原订阅地址即将失效，请大家更换到新的订阅地址: http://feed.paranimage.com/

通过这些关键词: 谷歌找到更多你可能喜欢的内容

WordPress显示相对日期时间的代码

2010-06-01T17:00:52Z

微博风行，一些细节也倍受追捧，比如你可能希望你博客的文章发布日期或留言时间显示成”5分钟前”，”1年前”…等格式的相对日期。有两个插件可供你选择：

或者你也可以直接使用wordpress内置的human_time_diff()这个个函数来实现相对日期时间的显示:

相对文章日期：

<?php echo human_time_diff(get_the_time('U'), current_time('timestamp')) . ' ago'; ?>

相对留言日期:

<?php echo human_time_diff(get_comment_time('U'), current_time('timestamp')) . ' ago'; ?>

具体实现原理就不说明了，有兴趣进一步研究的朋友可以查看WordPress官方的函数指南。

转载请注明: 来源于 WordPress显示相对日期时间的代码
原订阅地址即将失效，请大家更换到新的订阅地址: http://feed.paranimage.com/

通过这些关键词: WordPress, wordpress-hacks, WordPress技巧, WordPress教程找到更多你可能喜欢的内容

实时Web即将到来?

2010-06-01T17:00:52Z

实时的 Web 离我们还有多远？wordpress.com 刚刚宣布，其托管的一千多万个博客已经全部实现基于 PubSubHubbub 的实时聚合，Wordpress 上任何新发布的博客文章将实时出现在诸如 Google Reader, Bloglines, Friendfeed 以及 Netvibes 一类的服务中。Wordpress 还推出 PuSH 插件实现任何 Wordpress 博客的实时推送。

PubSubHubbub 是一个开放协议，旨在实现 Internet 上的实时发布与订阅，对任何内容的更新实时发出通知，改变了之前需要定期查看聚合服务器的模式。关于 PuSH 的更多资料，请访问 PubSubHubbub 项目网站及 Google Group。

于此同时，Google 据传正在开发一个可能改变整个搜索市场的系统，允许内容发布者实时向 Google 提供内容进行索引。这自然令人联想到 PubSubHubBub，这个位于 Google 代码库的项目可以实现内容的实时聚合，这个协议可以让内容发布者以最快的速度将自己的信息推向市场。如果这个项目成功，Google 的实时搜索将变为现实，这种实时应用将比 twitter 更强大。(...)
继续阅读实时Web即将到来?

转载请注明: 来源于实时Web即将到来?
原订阅地址即将失效，请大家更换到新的订阅地址: http://feed.paranimage.com/

通过这些关键词: 找到更多你可能喜欢的内容