体验Pinterest 感受不一样的网页设计

UI的创新是艰难的,一旦有好的UI设计就会有许多的跟风者袭来。最近硅谷新投资热点Pinterest的模式风靡国内各大公司,小到点点等,大道凡客、腾讯等巨无霸。不过国内的大规模Pinterest混战并不阻碍Pinterest的全球风靡。有人说Pinterest就像当年的Twitter与Facebook,是的技术带给人的惊喜往往大于其背后的努力所在。Pinterest通过深层次的数据挖掘技术,把符合访问者兴趣以及亮点的东西放到吸引眼球的地方。下面,Quicl带大家一睹Pinterest的靓丽风采,让大家感受一下其独到的UI设计精髓:

pinterest 设计精髓1 网页设计 Quicl'sBlog http://20xue.com

Tumblr这与WordPressBlogspotXanga风格有极大差异的部落格出现后,网络部落格大致上分成四种风格:文字风格,图片风格,图文风格以及转贴风格(reblog)。

台湾目前还是以图文风格及文字风格的部落格居多,主要为个人生活记事或心得评论。国外则是从Tumblr,Posterous,及Pinterest这种新型部落格(还有Facebook,Twitter等社群媒体)出现后,推出了很多图片及转贴风格的部落格,以视觉图像及简短评论为主要内容。

部落格应该是指以个人产出的内容为主的创作或纪录空间,但是由于Reblog的兴起(pinterest是repin),很多人都直接以转贴内容作为自己的部落格内容,尤其是Tumblr的使用上这种情况尤其严重。

这次要介绍的Pinterest是较以图像为主的部落格(或称网络剪贴簿),有使用过Tumblr的人可能会更喜欢Pinterest,因为它有类似相簿分类的功能,而且同样的也有网页底端的自动加载功能,就是不用按下一页就可以一直加载内容。

使用方式简述如下:

1. 申请个人帐号很简单,用Facebook登入亦可。页面就是以最近更新的图片为主,一直往下拉就会不断自动加载,要回到页面顶端就按画面右下角的Scroll to Top。

2. 鼠标指标移到喜欢或想收藏的图片上会出现Repin、Comment及Like这三个选择,只有选择Repin才能把图片加入自己的收藏内。

pinterest 设计精髓2 网页设计 Quicl'sBlog http://20xue.com

3. 选择Repin后可以选择加入不同标签的分类夹,以及加注或贴到Facebook上。

pinterest 设计精髓3 网页设计 Quicl'sBlog http://20xue.com

4. 以下是Repin后在自己的Pinboard分类夹会出现的版面模样。

pinterest 设计精髓4 网页设计 Quicl'sBlog http://20xue.com

5. 可以造访其他人的Pinboard,看到别人的分类也可以选择Follow收藏。

pinterest 设计精髓5 网页设计 Quicl'sBlog http://20xue.com

6. 除了可以在Pinterest里搜寻照片,也可以用别人网站的照片或自己上传照片。

pinterest 设计精髓6 网页设计 Quicl'sBlog http://20xue.com

另外Pinterest有一个产品tagging的页面,可以将自己喜欢的商品Repin,而且也可以跟连结到商品的原网站,这样的版面有点像台湾的Pinkoi设计商品市集,也是分享及购买设计品的平台。

pinterest 设计精髓7 网页设计 Quicl'sBlog http://20xue.com

小结:此类以图片及Reblog为主要内容的部落格使用者有快速上升的趋势,可能因素是主要是国外Reblog的系统越来越方便,使得大部分人都使用转贴别人的图片来作为自己部落格内容。但观看piccsyweheartitFFFound!及Tumblr这几个网站,其实图片内容的重复率很高,主要内容提供者似乎是固定的几个艺术家或设计师。

目前Tumblr及Pinterest的界面比较优胜,如果是要用来当部落格使用,希望可以加上文字,引用,影音及连结的话建议Tumblr或Posterous,如果主要是想要当网络剪贴簿或图片收集,而且对Tagging及整理有强烈的洁癖,建议用Pinterest。

作者: Quicl 网站 Quicl’sBlog http://20xue.com

原文网站 / 转载自: Inside

4 thoughts on “体验Pinterest 感受不一样的网页设计

  1. 跟风太多,马上就会用烂了。。

  2. China Buzz说道:

    Very impressive!

    创意无限

发表评论

电子邮件地址不会被公开。 必填项已用*标注

此站点使用Akismet来减少垃圾评论。了解我们如何处理您的评论数据