92国产精品视频_亚洲a级在线观看_国产精品电影观看_国产精品免费观看在线_精品伊人久久97_亚洲人成在线观_尤物九九久久国产精品的特点_成人激情在线播放_成人黄色大片在线免费观看_亚洲成人精品久久久_久久免费视频在线观看_久久精品国产一区_国产一区二区三区18_亚洲欧美中文字幕在线一区_日韩美女中文字幕_日韩视频免费在线

“設計之變”--從iPhone應用到iPad應用

2013-9-13    藍藍設計的小編

轉載藍藍設計(   m.skdbbs.com  )是一家專注而深入的界面設計公司,為期望卓越的國內外企業提供有效的   BS界面設計 、 cs界面設計 、  ipad界面設計   、  包裝設計 、  圖標定制 、  用戶體驗 、交互設計、   網站建設 、平面設計服務

來源:http://www.cocoachina.com/iphonedev/iPadkaifa/2013/0423/6054.html

如果您想訂閱本博客內容,每天自動發到您的郵箱中,   請點這里

 

 


在做APP的iPad版本設計時,我們常常需要考慮:如何在延續iPhone版本設計特色和優點同時,充分利用iPad的特性更好地進行設計。本文從iPad和iPhone的差異性入手,試圖總結這一設計過程中需要注意的問題。

一、視圖之變

屏幕尺寸的差異直接影響到用戶可見的視圖范圍和應用的信息布局。
iPhone5: 屏幕4.0英寸 分辨率1136×640; New iPad:屏幕9.7英寸, 分辨率 2048×1536

1.1全屏切換與視覺穩定性。

由于屏幕空間限制,iPhone上不同內容之間的切換通常通過全屏切換(full-screen transitions)來實現,但全屏切換會帶來視覺穩定性的降低和位置感的丟失。而iPad的屏幕尺寸和獨有的UI框架則可以很方便地解決這一問題。
在iPad應用設計時要善用浮動窗口(popover)、頁面分割(split view)等UI元素。他們能能減少全屏切換,方便用戶在主要界面中快捷地完成任務。
在蘋果設計指南中也特別提到:
“When you perform fewer full-screen transitions, your application has greater visual stability, which helps people keep track of where they are in their task.”(摘自iOS人機交互指南)
最經典的案例莫過于系統日歷、備忘錄、Evernote和Mobile RSSS的例子。通過頁面分割和浮動窗口,用戶可以在一個頁面內完成多封郵件或文章的操作。

-浮動窗口(popover)

-頁面分割(split view)

常見的處理方式為從左向右依次層級加深。在同一屏之內可以顯示2-3個層級的內容,方便用戶在不同層級之間切換和查閱。例如Kayak iPad版通過視圖分割一個界面內呈現了iPhone上3個層級的內容。

1.2卡片和卷軸

卡片和卷軸是移動設備上兩種主要的信息展現形式,在iPhone上由于頁面空間的限制,多個信息的展現一般采用卷軸的形式,上下滑動并點擊更多展現全部信息內容。在iPad上則可以將卷軸轉換會卡片式展現,一屏之內左右滑動展現更多內容,提升交互效率。例如Ted iPad客戶端:


二、操控之變

物理尺寸的差異還引起操控方式的顯著變化。

iPhone5 : 外觀尺寸123.8×58.6×7.6mm,112g;  iPad :外觀尺寸241.2×185.7×9.4mm,  652g

2.1單人操作

-把持方式
iPhone:  UX matters 報告稱,人們基本上以三種方式持握手機:1)49%的人會單手持握,15%的人會雙手持握,還有36%的人會“抱握”,即雙手握住手機,但僅用一只手去觸摸屏幕或鍵盤;2)在單手持握手機的人當中,67%的會用右手大拇指觸摸屏幕,33%的會用左手大拇指觸摸屏幕。

iPad:雙手操作或靜置為主。根據尼爾森的調研,半數以上用戶并非在動態環境中使用iPad,常用操作姿勢主要有以下四種:

百度iPad輸入法在延續用戶iPhone使用習慣基礎上結合iPad特性進行了創新:充分利用左右雙手協助進行操作。

-橫豎屏

iPhone:桌面只有豎屏模式,用戶默認會以豎屏為主。實際產品中,除了視頻、游戲和一些特殊的應用外,豎屏基本能滿足需求。

iPad:桌面有橫豎屏兩種模式,橫豎屏切換頻繁。在iPad應用中,設計師通常需要考慮兩種屏幕定向方式以及對應的界面設計方案。例如Path的豎屏采用了timeline形式,而橫屏則采用了以天為單位的圖片流形式。兩種設計互為補充,相得益彰。

-手勢

用戶使用特定的手指運動,稱之為手勢。

iPhone:點選(Tap)\ Drag(拖曳)\Flick(輕拂)\ swipe (快速滑動)\double Tap(雙擊)\ pinch open (雙指放大)\pinch close(雙指收縮)\touch and hold(長按)\ 搖動(shake)

iPad:由于尺寸和重量的關系,需要考慮適用最適合的手勢,例如shake的手勢避免使用。

2.2考慮多手或多人操作

iPad的屏幕特性更適合多手或多人操作,許多在iPhone 上施展不開的游戲界面在iPad上都可以實現。在設計iPad應用時可以適當多手或多人的操作模式,提升操作體驗。


三、氛圍之變

3.1 更廣大渲染空間

我們在設計應用時如果利用iPad的優勢而對界面元素進行適度的優化,注意氛圍的渲染,往往能取得更好的效果。
例如 NBA應用court side,在iPad版中增加了渲染氣氛的球員、球場等元素。

3.2 擬物化界面的調整

iOS界面最大的一個特點是界面的擬物化,在由iPhone向iPad設計時需要擬物化元素的調整。例如備忘錄在iPhone中我們可能看到的是一個小小的記事頁面,而在iPad中我們可以完整展現一個筆記本全貌。日歷、時間顯示、播放器、手寫板、閱讀器、名片夾的設計也是同理。

 

四、特性之變

除了GPS、陀螺儀等iPhone也具有的特性,iPad還有一些獨特的特性,例如 Evernote Peek巧妙地利用了iPad smart cover 功能,通過cover的開合來進行問題及答案的顯示,從而提升操作體驗。



結語:

為了獲得更好的使用體驗,在iPhone向iPad進行設計移植時需要多從視圖、操控、氛圍、獨有特性等角度進行思考,拋磚引玉,期待看到越來越多的精致又統一的iPad應用。

日歷

鏈接

個人資料

藍藍設計的小編 http://m.skdbbs.com

存檔

92国产精品视频_亚洲a级在线观看_国产精品电影观看_国产精品免费观看在线_精品伊人久久97_亚洲人成在线观_尤物九九久久国产精品的特点_成人激情在线播放_成人黄色大片在线免费观看_亚洲成人精品久久久_久久免费视频在线观看_久久精品国产一区_国产一区二区三区18_亚洲欧美中文字幕在线一区_日韩美女中文字幕_日韩视频免费在线
国产在线视频欧美一区二区三区| 午夜影视日本亚洲欧洲精品| 国产精品激情av在线播放| 成人成人成人在线视频| 一区二区三区四区蜜桃| 国产偷国产偷亚洲高清97cao| 影音先锋男人在线资源| 日韩欧美电影在线| 视频一区二区国产| 羞羞网站在线免费观看| 97视频热人人精品| 8x8ⅹ拨牐拨牐拨牐在线观看| 日韩综合一区| 国v精品久久久网| 欧美成人精品在线| 成人av在线影院| 偷拍与自拍一区| 91热门视频在线观看| 国产精久久久| 日韩欧美成人午夜| 欧美69视频| 久久亚洲影视婷婷| 国产视频观看一区| 久久精品国产综合| 国产 欧美在线| 色吊一区二区三区| 日本精品一区二区三区在线播放| 日韩一区二区三区高清在线观看| 69久久夜色精品国产7777| 91免费看片在线观看| 四虎国产精品成人免费影视| 欧美激情性爽国产精品17p| 欧美性生活一级片| 蜜桃精品视频在线观看| 国产日韩欧美在线播放不卡| 久久精品欧美一区二区三区不卡| 日韩欧美国产二区| 91久久爱成人| 在线亚洲免费| 自拍偷在线精品自拍偷无码专区| 欧美在线一二三区| 欧美成人三级电影在线| 日本精品一级二级| 亚洲成人手机在线| av男人的天堂在线| 26uuu精品一区二区三区四区在线| 51vv免费精品视频一区二区| 日韩三级在线观看| 性欧美18xxxhd| 一区二区在线观看av| 91美女在线视频| 日韩免费观看高清完整版在线观看| 国产在线观看91精品一区| 国产欧美日韩亚洲精品| 久久久夜精品| 黄色精品在线看| 久久99国产精品久久久久久久久| 国产麻豆视频一区二区| 欧美网站大全在线观看| 久久永久免费| 亚洲国产成人av好男人在线观看| 亚洲欧美成人一区| 蜜臀91精品国产高清在线观看| 99精品视频在线免费观看| 国产成人精品一区二| 蜜桃av噜噜一区二区三区小说| 亚洲91视频| 久久天堂av综合合色蜜桃网| 精品国产一区二区三| 欧美精品一区二区三| 亚洲一区二区三区在线免费观看| 91亚洲国产精品| 国产麻豆乱码精品一区二区三区| 欧美浪妇xxxx高跟鞋交| 精品久久久中文| 国产视频在线播放| 日韩在线播放一区| 国产精品毛片高清在线完整版| 婷婷亚洲最大| 无遮挡亚洲一区| 日本一区二区三区四区在线观看| 中文字幕无线精品亚洲乱码一区| 日韩小视频在线观看| 91影院成人| 欧美三级三级| 国产亚洲精品免费| 久久日一线二线三线suv| 日韩在线观看免费全集电视剧网站| 国产一区二区三区四区福利| 国精一区二区| 亚洲一区二区福利| 亚洲天堂av图片| 精品国产露脸精彩对白| 中文字幕av一区二区| 日韩一二三区不卡在线视频| 国产成人影院| 国产视频一区不卡| 国产成人3p视频免费观看| 欧美重口另类| 牛牛精品成人免费视频| 欧美成人高清视频| 久久欧美中文字幕| 精品国产一区二区三区小蝌蚪| 精品精品国产国产自在线| 色琪琪久久se色| 综合亚洲深深色噜噜狠狠网站| 一区二区三区资源| 大黄网站在线观看| 国产精品69久久| 热久久久久久久| 欧美日韩午夜在线视频| 亚洲自拍都市欧美小说| 国产综合久久久| 九九精品在线观看| 欧美私模裸体表演在线观看| 四虎影视精品永久在线观看| 成人性生交大片免费| eeuss鲁片一区二区三区在线观看| 日韩久久在线| 91caoporm在线视频| 香蕉乱码成人久久天堂爱免费| 欧美大片免费观看网址| 国产在线视频91| 国产精品自产自拍| 91在线免费看| 精品久久中文字幕| 韩国女主播成人在线观看| 久久综合色鬼综合色| 久久久噜久噜久久综合| 久久免费高清| 精品对白一区国产伦| 91在线免费看| 亚洲一卡二卡三卡四卡五卡| a'aaa级片在线观看| 成人啊v在线| 色播一区二区| 精品伊人久久久| 一区二区激情视频| 免费xxxx性欧美18vr| 91亚洲国产成人久久精品网站| 国产精品制服诱惑| 久久亚洲私人国产精品va| 国一区二区在线观看| 成人免费影院| 99高清视频有精品视频| 亚洲天堂第一页| 另类视频在线观看| 欧美亚洲精品一区| 亚洲天堂日韩电影| 欧美激情 亚洲a∨综合| 欧美精品午夜| 欧美日韩视频专区在线播放| 欧美日韩中文一区二区| 国内成人免费视频| 精品无人区乱码1区2区3区在线| 亚洲欧洲三级| 97视频网站入口| 日韩精品在线免费播放| **欧美大码日韩| 国产伦精品一区二区三区视频青涩| 最爽无遮挡行房视频在线| 国产精品自产拍在线观看中文| 日韩视频免费在线| 天堂蜜桃一区二区三区|