嫩草影院久久99_老司机午夜网站国内精品久久久久久久久_久久夜色精品国产_国产一级做a爰片久久毛片

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

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

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

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

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

 

 


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

一、視圖之變

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

1.1全屏切換與視覺穩(wěn)定性。

由于屏幕空間限制,iPhone上不同內容之間的切換通常通過全屏切換(full-screen transitions)來實現(xiàn),但全屏切換會帶來視覺穩(wěn)定性的降低和位置感的丟失。而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人機交互指南)
最經典的案例莫過于系統(tǒng)日歷、備忘錄、Evernote和Mobile RSSS的例子。通過頁面分割和浮動窗口,用戶可以在一個頁面內完成多封郵件或文章的操作。

-浮動窗口(popover)

-頁面分割(split view)

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

1.2卡片和卷軸

卡片和卷軸是移動設備上兩種主要的信息展現(xiàn)形式,在iPhone上由于頁面空間的限制,多個信息的展現(xiàn)一般采用卷軸的形式,上下滑動并點擊更多展現(xiàn)全部信息內容。在iPad上則可以將卷軸轉換會卡片式展現(xiàn),一屏之內左右滑動展現(xiàn)更多內容,提升交互效率。例如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:雙手操作或靜置為主。根據(jù)尼爾森的調研,半數(shù)以上用戶并非在動態(tài)環(huán)境中使用iPad,常用操作姿勢主要有以下四種:

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

-橫豎屏

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上都可以實現(xiàn)。在設計iPad應用時可以適當多手或多人的操作模式,提升操作體驗。


三、氛圍之變

3.1 更廣大渲染空間

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

3.2 擬物化界面的調整

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

 

四、特性之變

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



結語:

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

日歷

鏈接

個人資料

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

存檔

嫩草影院久久99_老司机午夜网站国内精品久久久久久久久_久久夜色精品国产_国产一级做a爰片久久毛片
<em id="09ttv"></em>
    <sup id="09ttv"><pre id="09ttv"></pre></sup>
    <dd id="09ttv"></dd>

        • 欧美成人精品1314www| 亚洲精品日韩一| 中文亚洲免费| 国产日本欧美视频| 美女精品一区| 欧美视频在线观看视频极品| 日韩亚洲欧美一区| 99国内精品久久| 国产亚洲精品aa| 另类激情亚洲| 国产精品高潮呻吟久久av黑人 | 欧美一区二区视频免费观看| 亚洲国产精品一区制服丝袜| 一二三四社区欧美黄| 在线成人国产| 亚洲一区二区三区三| 在线看日韩欧美| 亚洲女人av| 日韩午夜电影av| 久久久噜噜噜久噜久久| 亚洲一区二区三区四区五区黄 | 亚洲一区影院| 久久男人资源视频| 欧美一区二区在线看| 欧美激情一区| 免费一级欧美片在线观看| 国产精品久久久久久影院8一贰佰 国产精品久久久久久影视 | 久久国产精品电影| 免费欧美在线| 久久亚洲一区| 国产欧美婷婷中文| 中文在线不卡视频| 一区二区三区欧美在线观看| 欧美成人a视频| 老司机免费视频一区二区| 国产精品一级久久久| 一本色道久久加勒比精品| 亚洲免费成人av电影| 看片网站欧美日韩| 裸体丰满少妇做受久久99精品| 国产精品美女www爽爽爽| 亚洲伦理在线观看| 夜夜精品视频| 欧美日韩日日骚| 亚洲国产日韩在线| 国产乱码精品一区二区三区不卡| 亚洲精品中文字幕在线观看| 亚洲美女精品一区| 欧美精品综合| 亚洲国产欧美久久| 日韩午夜电影av| 欧美日韩一区不卡| 99re国产精品| 亚洲影音先锋| 国产亚洲午夜高清国产拍精品| 99国内精品久久久久久久软件| 一区二区高清在线观看| 欧美日韩另类字幕中文| 亚洲精品一区二区三区四区高清 | 亚洲精品中文字| 夜夜嗨av一区二区三区| 欧美日韩一区二区视频在线 | 99v久久综合狠狠综合久久| 另类av导航| 最新高清无码专区| 亚洲影音一区| 韩日欧美一区| 老司机午夜精品| 91久久精品国产91久久性色| 在线视频精品一区| 国产精品久久久久aaaa樱花| 亚洲视频在线播放| 久久精品免费电影| 亚洲国产小视频| 欧美日韩精品免费在线观看视频| 在线视频精品一区| 久久久久青草大香线综合精品| 海角社区69精品视频| 欧美aⅴ一区二区三区视频| 亚洲免费观看高清完整版在线观看熊 | 国产亚洲精品aa| 久久久久网址| 亚洲精品欧美精品| 欧美一区免费视频| 亚洲第一综合天堂另类专| 欧美日本一区二区三区| 午夜一区在线| 亚洲国产精品嫩草影院| 午夜精品久久久久久久99樱桃| 国产综合视频在线观看| 欧美电影打屁股sp| 亚洲欧美在线看| 亚洲高清影视| 久久国产精品色婷婷| 最近看过的日韩成人| 国产精品久久久久久av福利软件| 久久久久88色偷偷免费| 亚洲精品永久免费| 久久全国免费视频| 亚洲欧洲一二三| 国产一区欧美| 欧美午夜在线观看| 99视频精品| 亚洲欧美国产视频| 亚洲国产第一| 久久久99精品免费观看不卡| 一区二区三区国产在线观看| 在线国产精品播放| 国产精品老牛| 欧美精品免费在线| 另类亚洲自拍| 久久不见久久见免费视频1| 在线亚洲国产精品网站| 亚洲国产日韩综合一区| 乱人伦精品视频在线观看| 香蕉久久一区二区不卡无毒影院| 亚洲精品国精品久久99热一| 国产亚洲精品综合一区91| 欧美日韩国产综合视频在线观看中文 | 国产欧美精品在线| 欧美激情综合五月色丁香小说| 亚洲欧美日韩精品久久奇米色影视| 亚洲第一狼人社区| 免费成人小视频| 久久综合狠狠综合久久综青草| 午夜国产精品影院在线观看| 99在线精品免费视频九九视| 亚洲黄一区二区三区| 亚洲第一色在线| 在线视频你懂得一区| 伊人久久综合97精品| 国产一区二区三区自拍 | 欧美激情第六页| 美日韩精品视频| 欧美一区二区三区成人| 午夜久久99| 欧美在线一二三| 欧美一区二区三区四区在线观看地址| 在线综合+亚洲+欧美中文字幕| 日韩亚洲欧美成人| 一区二区三区精品久久久| 99精品欧美一区二区三区| av成人免费观看| 一区二区三区视频在线观看| 一区二区毛片| 亚洲欧美日韩另类精品一区二区三区 | 亚洲人成网站999久久久综合| 欧美激情精品久久久久久| 亚洲第一福利社区| 亚洲精品影院| 亚洲欧美日韩国产| 午夜精品一区二区三区四区| 亚洲一区不卡| 欧美一区二区成人6969| 久久精品国语| 久久人人97超碰精品888| 欧美3dxxxxhd| 欧美日韩一级视频| 国产欧美精品在线观看| 亚洲综合大片69999| 亚洲电影自拍| 亚洲日韩欧美视频一区| 一本大道久久a久久精品综合| 亚洲尤物在线| 久久蜜桃资源一区二区老牛 | 国产喷白浆一区二区三区| 国产视频一区二区在线观看| 在线观看一区二区视频| 一本一本久久a久久精品综合妖精 一本一本久久a久久精品综合麻豆 | 亚洲国产日日夜夜| 日韩一二三区视频| 亚洲伦伦在线| 欧美在线国产精品| 欧美激情中文字幕在线| 日韩一本二本av| 欧美专区亚洲专区| 免费在线观看日韩欧美| 欧美新色视频| 影音先锋久久精品| 亚洲一二三级电影| 另类激情亚洲| 中文欧美在线视频| 久久综合九色99| 国产精品九九久久久久久久| 1024日韩| 亚洲在线免费| 国产私拍一区| 欧美在线精品一区| 欧美日韩1区| 韩国女主播一区二区三区| 日韩一级视频免费观看在线| 久久99在线观看| 亚洲国产精品久久久久婷婷884 | 亚洲国产精品一区二区第一页 | 欧美激情一区在线| 国产亚洲精品aa午夜观看| 一区二区三区鲁丝不卡| 欧美aa在线视频| 亚洲一区精品电影| 欧美精品国产一区|