国产黄色免费网站_久久天天做天天爱综合色_精品国产一区久久久_成人黄色激情网站_久久成人在线视频_美女一区二区在线观看_亚洲精品免费一区亚洲精品免费精品一区 _91精品国产综合久久精品麻豆

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

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

轉載藍藍設計(   www.newchinaweekly.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://www.newchinaweekly.com

存檔

另类小说一区二区三区| 免费成人三级| 一线天粉嫩在线播放| 美国黄色特级片| 91久久久久久久久久| 亚洲欧美乱综合| 丰满白嫩尤物一区二区| 久久看片网站| 黄色精品一区| 97久久视频| 久久99精品久久久久久欧洲站| 成人精品电影| 天堂俺去俺来也www久久婷婷 | 国产中文字幕日韩| 欧美日韩xxxxx| 久久久久久国产| 韩国国内大量揄拍精品视频| 美女视频久久黄| 欧美成人在线免费| 丁香婷婷久久久综合精品国产| 国产一区视频在线播放| 亚洲 欧洲 日韩| 91精品国产综合久久久久久蜜臀 | 亚洲片在线资源| 亚洲欧美激情视频| 国产一区二区三区在线| 国产亚洲精品久久久久久777| 欧美中文字幕在线视频| 6080yy精品一区二区三区| 欧美日韩国产成人| 国产免费一区二区| 视频一区视频二区视频| 亚洲欧洲一区二区福利| 中国老女人av| 免费高清在线观看免费| 亚洲成人一区二区三区| 青青青在线播放| 麻豆影视在线播放| 国产精品久久久久久久久久久久久久久久久 | jjzzjjzzjjzz| 成人黄动漫网站| 一个人免费观看视频www在线播放| 最新在线地址| 成人亚洲视频| 日韩欧美在线精品| 精品一区二区三区欧美| 91视视频在线观看入口直接观看www | 欧美精品videosex极品1| 一区二区精品国产| 男人操女人免费软件| 欧美另类视频在线观看| 国产亚洲精品午夜高清影院| 免费网站你懂的| 精品一二三四| 福利在线导航136| 91麻豆精品国产91久久久更新资源速度超快| 欧美激情三级| 一精品久久久| 美腿丝袜亚洲综合| ...中文天堂在线一区| 色播五月激情综合网| 亚洲大胆人体在线| 久久久久久亚洲| 日韩精品一区在线视频| 在线观看av免费观看| 国精产品久拍自产在线网站| 青娱乐在线免费视频| 中国女人内谢69视频| japanesexxxxfree在线观看| 欧美日韩在线精品一区二区三区激情综合 | 国产日韩欧美综合在线| 欧美午夜宅男影院在线观看| 亚洲精品国产拍免费91在线| 欧美一级视频一区二区| 秋霞久久久久久一区二区| 中文字幕乱码人妻综合二区三区| 黄色片免费观看视频| 欧美亚洲另类在线观看| 18岁免费网站| fc2ppv国产精品久久| 99久久人爽人人添人人澡| 国产精品久久777777毛茸茸| 国产欧美日韩激情| 欧美一区二区高清| 国产99在线|中文| 久久人妻无码一区二区| 亚洲人辣妹窥探嘘嘘| 久久亚洲成人av| 亚洲日本久久久午夜精品| 黄页视频在线免费观看| 久久精品国产大片免费观看| 91网站在线观看视频| 欧美xxxx18国产| 亚洲免费在线播放视频| 日日夜夜国产| 青青久久精品| 久久精品国产999大香线蕉| 日韩精品一二三四区| 亚洲淫片在线视频| gai在线观看免费高清| 中文字幕亚洲精品在线| 在线观看你懂得| 激情久久一区| 夜夜揉揉日日人人青青一国产精品| 亚洲欧美激情一区| 欧美一区二区中文字幕| 国产午夜小视频| 黄色片免费看| 三上悠亚亚洲一区| 中文精品视频| 精品久久久久久久大神国产| 久久久久久国产精品三级玉女聊斋| 亚洲av无日韩毛片久久| 天天综合久久综合| 久久综合之合合综合久久| 91精品国产乱码久久久久久久 | jizz中国少妇| 成人黄动漫网站| 欧美成人69av| 五月激情综合婷婷| 欧美成人一区二区在线| 欧洲一级黄色片| 尤物在线精品视频| 一区二区网站| 久久午夜老司机| 亚洲色图第一页| 中文字幕免费高清在线| www.eeuss影院| 亚洲高清二区| 中文字幕成人网| 四虎影视在线播放| 国产一级特黄a大片免费| av永久不卡| 久一视频在线观看| 国产精品视频内| 日韩精品在线视频观看| 国产综合 伊人色| 亚洲欧美va天堂人熟伦| 国产xxx在线| 欧美91看片特黄aaaa| 免费成人在线影院| 久久久视频精品| 永久免费看mv网站入口| 成人网18入口| 老牛精品亚洲成av人片| 欧美一区二区日韩一区二区| 丰满人妻中伦妇伦精品app| 碰草在线视频| 亚洲一区二区三区免费在线观看| www.久久久久久.com| 欧洲av无码放荡人妇网站| 美女免费视频网站| 久久99国产精品视频| 亚洲黄色片在线观看| 国产剧情日韩欧美| 久久久精品成人| 巨大荫蒂视频欧美另类大| 国产精品国产三级国产aⅴ中文| 国产精品第10页| 级毛片内射视频| 2018高清国产日本一道国产| 精品一区二区三| 中文字幕亚洲精品| 午夜诱惑痒痒网| www.撸撸| 加勒比av一区二区| 久久中国妇女中文字幕| 久久久无码人妻精品无码| 免费性色视频| 麻豆精品视频在线观看免费| 91在线中文字幕| 一区二区免费播放| 亚洲激情偷拍| 日韩中文字幕在线免费观看| 久久国产精品波多野结衣| 日韩av黄色| 亚洲国产成人精品久久| 国产传媒视频在线| 天堂a√在线| 亚洲欧美日韩国产一区二区三区| 国产亚洲情侣一区二区无| 色se01短视频永久免费| 西瓜成人精品人成网站| 色吧影院999| 日本黄色片在线播放| av电影免费在线看| 国产精品盗摄一区二区三区| 国产一级爱c视频| 亚洲精品视频在线免费| 中文字幕中文字幕中文字幕亚洲无线 | 亚洲成人动漫精品| 一区不卡视频| 2018av男人天堂| 亚洲精选视频免费看| 天堂av2020| av成人 com a| 亚洲男人天堂手机在线| 可以免费在线观看的av| 久久国产精品成人免费观看的软件| 欧美综合激情网|