iphone/ipad网站开发技巧归纳

文章转载来至:http://monw3c.blogbus.com/logs/72925286.html

iphone/ipad最近凶得很,自己也玩上了iphone和ipad,在此把收集到的一些开发技巧罗列出来,方便项目中参考使用,如下:

侦测iPhone/iPod

开发特定设备的移动网站,首先要做的就是设备侦测了。下面是使用Javascript侦测iPhone/iPod的UA,然后转向到专属的URL。

Code:

if((navigator.userAgent.match(/iPhone/i)) || (navigator.userAgent.match(/iPod/i))) {

if (document.cookie.indexOf(“iphone_redirect=false”) == -1) {

window.location = “http://www.8mart.cn”;

}

}

Continue reading

HTML 5到底是个什么东西

Html 5开始大热标志性的事件是Apple 前CEO Steve Jobs 公开炮轰Flash,并指出Flash在移动终端的不利因素,而且Html5将获得胜利。顿时it界,数字营销界,数字媒体界等相关领域的人开始一窝蜂的议论,追捧,打击,HTML 5成了当仁不让的明星(就在不久前Adobe宣布停止对Mobile端flash的开发与更新)。但是很多人,都在问:HTML5是什么?如何鉴定HTML5产品?

Continue reading

2012年移动应用交互设计趋势

2011年涌现出诸多优秀设计,随着操作系统的更新和硬件性能的提升,交互设计又被提升到一个新的高度。不再是将内容从互联网搬至移动设备,而是解决设备本身的问题,根据用户需求从操作方式、信息架构和内容呈现等各个方面挖掘设计的可能性,为用户带来新颖的交互体验。

本文汇总今年热门产品的界面案例,希望能从中总结出未来一年需要重点关注的设计趋势。

突出主要功能

对于信息架构的不同,主界面也会有很大区分,以某一功能吸引用户,如拍照分享。

专注是从众多相似产品中脱颖而出的产品策略。有数据表明,如果界面某项功能在视觉上最明显,那也将提高用户使用的机率,而从主界面点击超过三次才能操作的功能被使用机率则非常低。

 

integram在视觉上“share”按钮的样式区分去其他标签,强调分享,而不是拍照功能。
Continue reading

path 2.0的华丽转身

path2.0惊艳了很多人吧。敢于拒绝google一亿美金的收购,果然有留一手:)

她的创始人Dave Morin说新版不久就已经超过150万人下载,而老版一年才突破了100万关口。用户一天内在新版分享的内容超过老版一年的内容。

path2.0之后带来的用户量和活跃用户的暴增最大的功臣莫过于界面设计和体验上的不俗表现
1、产品定位的转变引发UI设计的调整

path1.0的时候大家似乎还没有看出她和instagram等等一系列社交软件明显的差异化。path2.0已经将定位清晰表达出来了:和亲密好友分享生活日记的app(Path is the smart journal that helps you share life with the ones you love)。

虽然她在可添加好友数量从50暴增到150,但无论是睡眠、起床之类的个人信息分享,强化的timeline feed样式,还是只有昵称没有头像的简约,都传递出她希望和亲密的人分享自己生活日记这一中心。

在界面表达上,设计师也传递着这一核心定位:

对比path1.0的图标,2.0在UI上做了日记本隐喻的处理
Continue reading

36+年度最佳网页设计

As we move into the New Year, it is a important to review what happened in the design community in 2011. However, unlike usual surveys, I will do so by reviewing the notable designs of the year. Although it’s impossible to review all the designs from 2012—I don’t claim to do so either—I’ve tried to select the best from deeply reviewed designs (approximately 2,000 designs) by considering different factors, include beauty, functionality, usability, and so forth. As these selected websites are from different categories and types, this survey could be regarded as a comprehensive overview.

I hope this provides you with a beneficial collection that inspires you to design new websites while revealing trends and designers’ tendencies in recent months. Finally, don’t fort to share with us designs that you think are inspirational for others and should be included on this list.

Let’s review them.

Jenier World of Teas

InstantShift - Inspirational Designs of the Year

Continue reading

23页独具一格的单页界面设计

A website should be designed to accommodate it’s content. So when there’s not a lot of content, it might be make sense to place everything on one page. If you’re thinking about taking this route for your next project, we’ve gathered a few examples to inspire you. In this collection, you’ll see a variety of approaches to single page web design – from parallax scrolling to the classic ‘all in one place’, no scrolling needed. There’s a lot of inspiration here, enjoy.

 

Blacktie

Inspiring Single Page Designs Continue reading

梦想的写字楼-有你喜欢的宅屋吗

 

没错,时至今日,我也沦为宅男了。我想和大多数坐在电脑面前的人一样,喜欢简单的屋子。简单的装饰,有些小清新,最好所有的家居都是手工的,原生态环保的材料;喜欢透明,那样会有阳光拥抱我们。坐享在里面创作或者工作都很不错哦。努力工作,我想我们大家都可以有Loft 24/7 (BRAZIL)

艺术边缘

忙里偷闲;正好这次路过了这里-北京。也是梦寐已久要来的地方,也和分别很久的高中同窗见上了一面,这样的机会是很难有的。

学艺术的人一定知道北京的798;而今儿这次顺道来的。就在当代艺术馆的附近,一个地下室。这里对我的最大的吸引力是这里的展览。每天都有,而且是免费的。我相信身处在这里的地;哪怕你是个乞丐来到这里熏陶一阵子,也能进化为艺术家。因为你的整个周围都被这种东西充斥着。更感觉那些作品都是一种“态”;一种对世界的态度。更是一种无声的说话,而它不会吵闹、叫嚣。在这样的的池子,让我又重新找回了当年的感觉。能佯装自己也是一个懂得欣赏的人。米黄色的墙上简单的装裱,黑灰色的字。简洁而不失美,这样的纯粹就够了。 Continue reading