iPad软件界面设计基本规范

iPad软件界面设计基本规范

时间:2010-01-28 14:50
// function share() {
var title=document.title.substr(0,50)+'...来自:CocoaChina 开发讨论区';
var url = 'link=http://ent.163.com/&source=' + encodeURIComponent('CocoaChina')
+ '&info=' + encodeURIComponent(title) + ' ' + encodeURIComponent(document.location.href);
window.open('http://t.163.com/article/user/checkLogin.do?' + url + '&' + new Date().getTime(), 'newwindow', 'height=330,width=550,top=' + (screen.height - 280) / 2 + ',left=' + (screen.width - 550) / 2 + ', toolbar=no, menubar=no, scrollbars=no,resizable=yes,location=no, status=no');
}
// ]]>





// function postToWb(){
var _t = encodeURI(document.title);
var _url = encodeURIComponent(document.location);
var _appkey = encodeURI("a00978685a12422d8d997870c37c4295");//你从腾讯获得的appkey
var _pic = encodeURI('');//（例如：var _pic='图片url1|图片url2|图片url3....）
var _site = 'http://www.cocoachina.com';//你的网站地址
var _u = 'http://v.t.qq.com/share/share.php?url='+_url+'&appkey='+_appkey+'&site='+_site+'&pic='+_pic+'&title='+_t;
window.open( _u,'', 'width=700, height=680, top=0, left=0, toolbar=no, menubar=no, scrollbars=no, location=yes, resizable=no, status=no' );
}
// ]]>

.join('');function%20a(){if(!window.open([f,p].join(''),'xnshare',['toolbar=0,status=0,resizable=1,width=626,height=436,left=',(s.width-626)/2,',top=',(s.height-436)/2].join('')))u.href=[f,p].join('');};if(/Firefox/.test(navigator.userAgent))setTimeout(a,0);else%20a();})(screen,document,encodeURIComponent));]


// (function(){
var _w = 72 , _h = 16;
var param = {
url:location.href,
type:'3',
count:'1', /**是否显示分享数，1显示(可选)*/
appkey:'', /**您申请的应用appkey,显示分享来源(可选)*/
title:'', /**分享的文字内容(可选，默认为所在页面的title)*/
pic:'', /**分享图片的路径(可选)*/
ralateUid:'1659808677', /**关联用户的UID，分享微博会@该用户(可选)*/
rnd:new Date().valueOf()
}
var temp = [];
for( var p in param ){
temp.push(p + '=' + encodeURIComponent( param[p] || '' ) )
}
document.write('')
})()
// ]]>

作者 gagaga 原帖地址 http://www.cocoachina.com/bbs/read.php?tid-14315.html iPad平台特点 1 大屏幕，分辨率 1024x768 2 再次强调没有固定的方向，必须四个方向都支持。 3 可以外接键盘 4 可以放置设备，
作者 gagaga

原帖地址 http://www.cocoachina.com/bbs/read.php?tid-14315.html

iPad平台特点

1 大屏幕，分辨率 1024x768
2 再次强调没有固定的方向，必须四个方向都支持。
3 可以外接键盘
4 可以放置设备，与台式机同步

iPhone与iPad的共同特点

- 内存有限
- 同时运行单个程序
- 在设置功能里放置程序选项
- 设备方向可以改变
- 最小化的帮助，让用户直接就能看懂
- 程序响应手势而不是鼠标
- 运行源生程序、Web程序或者二者兼备
- 图片深度24位(RGB各8位)，另带8位alpha通道，建议使用PNG格式图片

界面简单建议

- 支持所有方向
注意要为每个方向都提供一个启动图片
- 增强交互而非只增加功能
- 使用split view, 导航和弹出窗口来平整信息层级
- 减少全屏切换，仅仅改变需要改变的部分
- 支持协作和互联
- 如果可能，增加真实感以及物理维度到应用程序里，尽可能像真实世界的物品以便用户易于上手
- 界面漂亮 用户喜爱
- 尽量让用户更关注内容而不是界面
- 尽可能减少强制用户模式化操作
- 减少使用列表，改变为其他形式
- 尽量支持多手指手势
- 让用户模式化操作的地方可以用弹出窗口
- 限制复杂的模式化操作
- 减小文件操作尤其尽量让用户感觉不到文件系统的存在
- 仅仅在必须的情况才提示用户保存
- 将工具条整合在界面上部
- 尽可能快速启动程序
尽量使用截图作为启动画面
不要在启动时显示关于或者splash screen
恢复上次运行状态
尽量不要让用户提供设置信息
- 程序可能随时停止
- 为每个方向都准备启动画面
- 建立漂亮的图标
尺寸：72x72
和iPhone程序类似，iPad程序的图标会自动增加：圆角、阴影和高光。
图标标准：
> 90度直角边
> 没有高光
> 不带alpha通道透明
- 遵循已有规范