转载自：http://blog.b3inside.com/design/iphone-app-design-trends/

iPhone App Design Trends

Smashing Magazine版权所有

作者：Smashing Magazine

译者：UCD翻译小组，波希米亚

原文地址： http://www.smashingmagazine.com/2009/10/09/iphone-app-design-trends/

在过去的两年里，你能想象的一些很烂的应用设计也入驻了优雅的iPhone。通过它周边的宣传，使得世界各地的设计者们都利用这个新的移动工具来一展身手。结果虽搞出了成千上万的iPhone应用，但通常不好用也不直观。然而有些设计师则是花费大量时间为创造更好用的界面而努力着（是的，这些都是好用且有创意的界面）。

本文探究了如何让设计师利用图形元素和屏幕交互，制作出易识别又易操控的iPhone应用。目的在于揭示iPhone应用设计的普遍趋势和设计方法——请注意，这些未必是设计和可用性中的最佳观点。

1. 镜像iPhone原生界面元素

“告诉他们你要告诉他们的，去告诉他们，然后告诉他们你告诉过他们。”（译者：作者在表达她当时的感受吧） 在你的应用中创建一套新的OS可能很有趣，但在移动设备上处理时，人们只想简明扼要。简明扼要的意思是，设计师得遵循OS的流程，创建一个无说明的应用，给最终用户去操作。镜像出用户熟悉的布局和界面元素可以节省时间和精力。所以这看起来是设计iPhone应用时的一个便利途径啊。

Facebook (iTunes Link)

在新版Facebook 3.0中，你会发现这样一个栅格布局，用户可以通过左右滑动屏幕进入更多分类。因为它镜像了苹果的原生界面，所以用户根本不用再学如何使用。网页设计中存在类似方法：用户会预料到logo在左上角，导航也在上面，等等。Facebook把这它延续到了移动应用上，用大按钮可以轻松的被识别和点击。

Where (iTunes link)

Where使用了相同的概念，它允许用户通过左右滑动屏幕来获取更多信息。

Tweetdeck (iTunes link)

Tweetdeck是用户界面设计中一个很好的例子。高亮显示的最近更新多吸引注意力啊。此应用能以归类或标签列表形式，在新窗口中显示更新。但不会替换掉一个已显示的对话菜单，它可以作为跳转到具体类目或清掉消息提醒的跳板。

2. 简化界面

也许简化用户界面听起来像是个机械任务，但在用户界面设计背后又隐藏着什么呢？答案很简单：就是用户。用户需要什么？什么令他们感到友好和模糊？你如何提供他们所需的东西，以便不用时刻去关注那些重要的信息？

提到在小空间内展示大量核心功能，Facebook的第一版就做的非常到位。当然，这里指的是展示所有信息和拥有直观的界面。3.0与之相比，你会发现它使用“跳板”的方式来简化界面，既保持了直观又维护了功能。

Flickr (iTunes link)

Flickr 对功能、视觉设计和小屏幕移动设备显示这三者间平衡上的处理同样出色。试想之：Flickr的核心是什么？照片。它的用户或许不希望看到又大又笨的导航；他们想要的是照片。Flickr已经设法调整核心功能，去掉那些标题和该死的导航。事实上，很多导航元素已经在照片本身的交互上实现了。真是个既简单又聪明的办法。

3. 模拟硬件界面

不少应用程序打破了传统iPhone界面的操作，利用它独特的手指手势进行控制。它们中一些是用户熟悉的硬件界面，光鲜亮丽的外表不禁让人回味起那种第一次点击的新鲜感。但应用程序不会因为你玩的多而变脏。

Convertbot (iTunes link)

Convertbot的轮盘让我们想起小学时候，不同的是它更具特色、更新颖、更有创意。

Little Snapper (iTunes Link)

Little Snapper模拟的就是一台普通数码单反的旋钮。

iHandy Level (iTunes Link)

iHandy Level的样子和功能都仿至一个真实好用的水平仪。

Where To? (iTunes Link)

这个应用看起来像是属于奔驰车的。豪华的皮革、磨砂的按钮：上乘的技术。我们可以想象，每个按钮按下去都那么结实，都那么有力道。

4. 丰富、漂亮的列表视图

当你对列表设计的最新趋势感到兴奋时，你已经被确诊为一位“geek designer”了。人们遇到一个列表时会做些什么？当然，只是略读。那怎样把人们决定什么有趣变得更轻松？没错，更多的视觉暗示！

基本上，用户通过寻找下一步的快照，来决定是否需要了解更多。而又大又漂亮的按钮就是途径之一。通过色彩、图标和排版让人感觉这个大按钮背后隐藏着好多信息。

Delivery Status Touch (iTunes Link)

看看Delivery Status是怎样通过不同颜色的大按钮来区分不同品牌的。并用良好的排版建立起信息层次。

Be Happy Now (iTunes Link)

Be Happy Now的大按钮通过柔和的色彩体系与明亮清晰的字体传达“be happy”的主旨。

Next Read (iTunes link)

Next Read这个应用允许在朋友间分享图书。在这里所有书都是关于时下某一特定话题的，包括书名、封面、评分以及评论数。注意看每个导航选项的间隙和留白，它让这个区域更容易被点击。

Nike (iTunes link)

Nike为女性开发了这个应用，精致的视觉元素和插画都很符合它的品牌。在设计上打破了传统界面的束缚，充分表达了品牌，不让用户为如何使用它而感到困惑。

Borange (iTunes link)

Borange是一款“社交情况”的应用，它可以帮你统筹与朋友们的约会。列表展示了很多信息：要一起出行的朋友，本地会议，并可以形象的表示哪个朋友有空。

5. 分层的界面

一些应用把界面设计成层，利用iPhone本身独有的特性让其固定，或垂直、水平滚动。这种方法有几个好处：

1. 减少了必要的传统导航元素数量（即更少的按钮有助于避免界面混乱）
2. 为用户获取信息提供了快速通道
3. 有更多屏幕空间承载有用信息

Tweetie (iTunes Link)

Tweetie利用层把具体信息传递给你每位Twitter好友。你看，所有信息都装在这一个屏幕里！

Barnes & Noble (iTunes link)

Barnes & Noble让你可以快速的通过上面的层进入新商品，通过下面的层切换到更多分类。

USA Today (iTunes link)

USA Today在它的图片一栏中对层做了细微改变：利用滑动面板显示信息区块。尽管第一眼看上去很乱，但能很容易跳过它。最有趣的部分在于，在每个面板里，都可以通过左右滑动来查看更多图片。

myPantone (iTunes link)

我们何尝不希望色卡少一点？上面的拾色器就是一个层，你可以通过色彩范围、类别来取色，也可以通过滚动打开/关闭细节窗口。

6. 在列表中使用图标

在小屏幕上，图标可给应用的可用性和导航性带来巨大提升。让我们通过几个应用的例子看看它的优势。

iStudiez (iTunes Link)

这个应用利用各种不同的教学用具图标，清晰地表达了应用的目的。通过这些具象的暗示，学生瞄一眼就知道今天发生了什么。

Top Floor (iTunes Link)

Top Floor利用简单易识别的图标，快速引导用户进入他们选择的类别。

New York Times

应用可以让你想做什么就做什么，是不是很不可思议哦？对于一个像纽约时报样的应用，用户必然有他喜欢的章节。你猜怎么着？纽约时报这样做：它让你自定义标签栏，把你喜欢的章节都加进来。拖动一个图标到标签栏即可。不过这样做也不是十全十美，在视觉呈现上打了折扣。

Filemaker(iTunes link)

另一个漂亮图片的案例，说它好是因为图标的使用上不混乱、不混淆。设计师永远不要为了使用图标而使用图标。作为设计师，我们希望图标能够尽可能的反应出用户所选的内容。Filemaker，干的漂亮。

7. 插图的使用

依赖图形的应用程序越来越受欢迎，因为开发者试图让她们的应用与众不同。偶尔奏效，但不经常。越是传统的设计就越可能存在可用性问题。在推出一个“有创意”界面的产品前一定要进行可用性测试。

Magnetic Personalities (iTunes link)

这是个非常好的例子，看看如何让按钮变得不像标准按钮那么普通。

SugarSync (iTunes link)

这个界面可以轻松地走遵循传统列表视图的路线。但设计师没有这么做，而是通过一个漩涡将视觉连接在一起来传达这个应用。这很不寻常，同时需要花点时间来适应它。

Mom Maps (iTunes link)

另一个使用插图取得成功的例子，它将很多概念都融入了这个应用。

8. 使用手势

经典的线性导航看上去很枯燥：一个按钮连一个按钮，来表现一堆东西的列表，或表现这样那样的交互。事实并非如此壮观，只是比喻一下。在公共事业的应用上使用有创意的交互可能性很大。

Mover (iTunes link)

Mover列举了如何使用手势来分享联系方式、照片和书签。打开两个设备，把文件从这个共享到那个里。

ABC Animals (iTunes link)

这个应用寓教于乐。用手指在屏幕上书写字母是另一个通过触摸iPhone控制的例子。

All Recipes (iTunes link)

此应用可以让你通过手势来混合众多元素，作为你的美餐。

• iPhone的Power键与Home键妙用

ZDNet 编辑获得了苹果 iPad 的第一个公开播出的电视广告片段。该广告在刚刚结束的奥斯卡颁奖典礼上播出。

• ipad 发布会视频
• Mac启动快捷键

Power键和Home键是除了音量控制键外的两个按键了，不过他们的功能不容小视。

一、关于iPhone的开关机

关机：在iPhone开机状态下，按Power键3秒进入关机滑块，即可滑动关机。

开机：在iPhone关机状态下，按Power键1秒出现苹果LOGO，开始启动。

自动关机：在iPhone开机状态下，同时按Power键+Home键保持7秒（期间会出现关机滑块的），自动关机。此招可对付iPhone死机，软件无法退出。

自动重启：在iPhone开机状态下，同时按Power键+Home键保持8秒（期间会出现关机滑块的）出现苹果LOGO，开始重新启动。此招亦可对付iPhone死机，软件无法退出。

二、关于进入恢复模式

第一种方法： 当屏幕可见时
　　1.将你的iPhone关机
　　2.同时按住开关机键和home键
　　3.当你看见白色的苹果logo时，请松开开关机键，并继续保持按住home键。
　　4.iPhone进入恢复模式后，松开Home键
　
第二个方法： 当屏幕不可见时
1.同时按Power键+Home键保持7秒，先将iPhone关机。若已是关机状态取消此步并进行第二步。
2.同时按按Power键+Home键，持续到第10秒的时候，请立即松开开关键，并继续保持按住home键30秒。
4.相信iPhone已经进入恢复模式，这时松开Home键吧！

三、关于屏幕快取

在 iPhone开机状态下，同时按Power键+Home键保持1秒-2秒之间都行，然后同时松开，屏幕白了一下并听到照相的“喀嚓”声，这时你 iPhone当前的屏幕已经被快照到照片库中。你可以打开iPhone的图片程序查看了。也可以连接电脑在资源管理器中出现的iPhone相机中拷贝出来 或删除。注：iPhone做为相机连接至电脑是免驱的。

四、关于软件

退出运行的软件：在软件运行状态下(未锁屏时)，按一下Home键，回到桌面。强制退出运行的软件：在软件运行状态下(未锁屏时)，按Home键8秒，回到桌面。此法可用在软件死掉的时候。

五、其它

在待机锁定黑屏状态下，按一下Power键或Home键，都可唤醒iPhone而来到锁屏状态。在锁屏状态下连按Home键，会出现iPod的简单控制 （播放、停止、上一首和下一首）。在未锁屏状态下连按Home键，会进入电话个人收藏或者是iPod。可以在设置→通用→主屏幕按钮中进行设置。

• iPhone应用设计趋势

在农历虎年＋情人节之际。
祝大家虎年吉祥，身体健康，财源滚滚，技术提升，甜甜蜜蜜。

• 验证
• Da Button Factory – 在线快速制作漂亮圆角按钮
• 热烈庆祝新中国成立60周年
• 有道-2007我很忙
• 赠送Yupoo大众VIP激活码3枚
• 谷歌拼音输入法更新:1.1.24.45
• 第二届网侠会后记
• root登录ubuntu桌面
• Ubuntu桌面操作快捷键
• Xmarks正常使用hosts大法

两天没上网，Google又出新玩意儿了。这次是Google Buzz， 类似Twitter的状态消息，不过Google Buzz多了图片，视频等分享。

Google Buzz 可以在Gmail和手机(buzz.google.com)中使用。
Gmail就不用说了，直接用电脑登录Gmail就能看到了。

手机上访问 buzz.google.com
目前支持iphone和Android手机，S60和WM系统稍后发布

我的Google Buzz 页面 http://www.google.com/profiles/Nffish

• Gmail新功能:主题
• 《撬动地球的Google》中文PDF版
• 谷歌金山词霸正式发布
• Google开发者日邀请
• GET方法和POST方法的区别
• 谷歌短信搜索号码变更
• 谷歌拼音输入法更新:1.1.24.45
• Google Adsense 2007年8月的优化报告

最近想学php，正好Sina App Engine 是php环境的，可以拿来做下测试。
已经申请邀请码了，希望快点来。
Demo地址：http://xhprof.tools.sinaapp.com/demo/
SDK下载地址：http://sae.sina.com.cn/?m=sdk
API手册：http://xhprof.tools.sinaapp.com/documentation.zip

邀请码可以在这里申请

• 我的博客Firefox搜索插件
• 全球各大城市油价
• 九九乘法表&字符统计
• Eagles-long road out of eden(老鹰乐队-远离伊甸园)
• 汇通快递真垃圾
• 本命年
• 杭州下雪了
• 到杭州了
• 第四届中文网志年会举办城市投票
• 完成了老师给的项目

搜索引擎开发工程师（1人）

工作地：台州

职位描述:
1.负责搜索引擎系统相关开发
2.负责搜索引擎的日常维护和优化

职位要求:
1.一年以上开发经验
2.熟练掌握java或c#，精通面向对象技术
3.熟悉Lucene , Heritrix等开源搜索引擎框架
4.具有较强的算法设计能力，熟悉数据结构
5.了解中文分词原理，最好熟悉业界各种开源中文分词组件
6.具有良好的学习能力及工作责任心，良好的沟通能力和团队合作精神
7.热爱软件开发,关心开源软件社区的最新动态

网页设计师（1人）

工作地：台州

职位描述:
1.负责网站页面设计
2.与后台工程师合作完成网站系统

职位要求:
1.熟练掌握HTML/XHTML,CSS,Ajax等前端技术
2.熟练DIV+CSS网站布局，熟悉Web标准
3.熟悉Photoshop或其他绘图软件
4.熟悉java,c#,php,python等一种后台语言
5.具有良好的学习能力及工作责任心，良好的沟通能力和团队合作精神

以上职位，薪金面议。
简历请发至：nffish@gmail.com 注明应聘职位
欢迎转载

• 谷歌拼音输入法1.0.23.40自定义短语问题
• Twitter最新hosts IP IPv6反向代理
• ubuntu显示分辨率设置
• root登录ubuntu桌面
• .CN英文域名免费注册
• 本命年
• Video Converter-魅族MiniPlayer专用视频转换软件
• 地震中逃生十大法则
• 美女美女几点钟
• Boot Camp上Windows时间问题

介绍页面:http://www.apple.com/ipad/
视频地址:http://events.apple.com.edgesuite.net/1001q3f8hhr/event/index.html

• ipad的第一个电视广告
• Mac启动快捷键

以前只会简单的使用vi做一些修改。最近看一个视频，那个人用vi用的太好了，羡慕。熟悉vi编辑器后，可以完全使用键盘操作，无需在键盘和鼠标间来回移动，从而提高开发效率。

文本编辑器是所有计算机系统中最常用的一种工具。UNIX下的编辑器有ex,sed和vi等，其中，使用最为广泛的是vi，而vi命令繁多，论坛里好像这方面的总结不多，以下稍做总结，以资共享！渴望更正和补充！

进入vi的命令
vi filename :打开或新建文件，并将光标置于第一行首
vi +n filename ：打开文件，并将光标置于第n行首
vi + filename ：打开文件，并将光标置于最后一行首
vi +/pattern filename：打开文件，并将光标置于第一个与pattern匹配的串处
vi -r filename ：在上次正用vi编辑时发生系统崩溃，恢复filename
vi filename….filename ：打开多个文件，依次进行编辑

移动光标类命令
h ：光标左移一个字符
l ：光标右移一个字符
space：光标右移一个字符
Backspace：光标左移一个字符
k或Ctrl+p：光标上移一行
j或Ctrl+n ：光标下移一行
Enter ：光标下移一行
w或W ：光标右移一个字至字首
b或B ：光标左移一个字至字首
e或E ：光标右移一个字至字尾
) ：光标移至句尾
( ：光标移至句首
}：光标移至段落开头
{：光标移至段落结尾
nG：光标移至第n行首
n+：光标下移n行
n-：光标上移n行
n$：光标移至第n行尾
H ：光标移至屏幕顶行
M ：光标移至屏幕中间行
L ：光标移至屏幕最后行
0：（注意是数字零）光标移至当前行首
$：光标移至当前行尾

屏幕翻滚类命令
Ctrl+u：向文件首翻半屏
Ctrl+d：向文件尾翻半屏
Ctrl+f：向文件尾翻一屏
Ctrl＋b；向文件首翻一屏
nz：将第n行滚至屏幕顶部，不指定n时将当前行滚至屏幕顶部。

插入文本类命令
i ：在光标前
I ：在当前行首
a：光标后
A：在当前行尾
o：在当前行之下新开一行
O：在当前行之上新开一行
r：替换当前字符
R：替换当前字符及其后的字符，直至按ESC键
s：从当前光标位置处开始，以输入的文本替代指定数目的字符
S：删除指定数目的行，并以所输入文本代替之
ncw或nCW：修改指定数目的字
nCC：修改指定数目的行

删除命令
ndw或ndW：删除光标处开始及其后的n-1个字
do：删至行首
d$：删至行尾
ndd：删除当前行及其后n-1行
x或X：删除一个字符，x删除光标后的，而X删除光标前的
Ctrl+u：删除输入方式下所输入的文本

搜索及替换命令
/pattern：从光标开始处向文件尾搜索pattern
?pattern：从光标开始处向文件首搜索pattern
n：在同一方向重复上一次搜索命令
N：在反方向上重复上一次搜索命令
：s/p1/p2/g：将当前行中所有p1均用p2替代
：n1,n2s/p1/p2/g：将第n1至n2行中所有p1均用p2替代
：g/p1/s//p2/g：将文件中所有p1均用p2替换

选项设置
all：列出所有选项设置情况
term：设置终端类型
ignorance：在搜索中忽略大小写
list：显示制表位(Ctrl+I)和行尾标志（$)
number：显示行号
report：显示由面向行的命令修改过的数目
terse：显示简短的警告信息
warn：在转到别的文件时若没保存当前文件则显示NO write信息
nomagic：允许在搜索模式中，使用前面不带“\”的特殊字符
nowrapscan：禁止vi在搜索到达文件两端时，又从另一端开始
mesg：允许vi显示其他用户用write写到自己终端上的信息

最后行方式命令
：n1,n2 co n3：将n1行到n2行之间的内容拷贝到第n3行下
：n1,n2 m n3：将n1行到n2行之间的内容移至到第n3行下
：n1,n2 d ：将n1行到n2行之间的内容删除
：w ：保存当前文件
：e filename：打开文件filename进行编辑
：x：保存当前文件并退出
：q：退出vi
：q!：不保存文件并退出vi
：!command：执行shell命令command
：n1,n2 w!command：将文件中n1行至n2行的内容作为command的输入并执行之，若不指定n1，n2，则表示将整个文件内容作为command的输入
：r!command：将命令command的输出结果放到当前行

寄存器操作
“?nyy：将当前行及其下n行的内容保存到寄存器？中，其中?为一个字母，n为一个数字
“?nyw：将当前行及其下n个字保存到寄存器？中，其中?为一个字母，n为一个数字
“?nyl：将当前行及其下n个字符保存到寄存器？中，其中?为一个字母，n为一个数字
“?p：取出寄存器？中的内容并将其放到光标位置处。这里？可以是一个字母，也可以是一个数字
ndd：将当前行及其下共n行文本删除，并将所删内容放到1号删除寄存器中。

转载自: http://blog.csdn.net/java211/archive/2009/05/12/4171634.aspx

• Mac系统快捷键大全

看到Ubuntu小组里讨论显卡，让我想起了我的第一台电脑。我的第一台电脑是1999年2月份，DIY配的。当然那时候什么都还不懂，是我舅舅帮我配的。如今这台电脑已经被我拆得七零八落，藏在小角落了。

大概配置如下：
CPU:Celeron A 300MHz
内存:32MB
主板:未知
硬盘:富士通 3.2GB
显卡:S3 Trio 3D
显示器:三星 510s
操作系统:Windows 98

当时拿这台电脑玩红色警戒，星际争霸等游戏那个爽啊。当然也是这台电脑带我进入了计算机时代。
2000年初时买了Modem，终于用自己的电脑上网了。

• MX500耳机残废了
• IE8还是不尽人意?
• 友好的日期及时间显示
• Google发布Linux版桌面搜索
• 谷歌金山词霸正式发布
• 不增加变量，交换两个数值变量的值
• 换一种心情
• 使用指针实现冒泡排序
• GET方法和POST方法的区别
• CSS控制滚动条滚动时页面背景不动