<em id="09ttv"></em>
    <sup id="09ttv"><pre id="09ttv"></pre></sup>
    <dd id="09ttv"></dd>

        • “設(shè)計之變”--從iPhone應(yīng)用到iPad應(yīng)用

          2013-9-13    藍(lán)藍(lán)設(shè)計的小編

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

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

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

           

           


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

          一、視圖之變

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

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

          由于屏幕空間限制,iPhone上不同內(nèi)容之間的切換通常通過全屏切換(full-screen transitions)來實現(xiàn),但全屏切換會帶來視覺穩(wěn)定性的降低和位置感的丟失。而iPad的屏幕尺寸和獨有的UI框架則可以很方便地解決這一問題。
          在iPad應(yīng)用設(shè)計時要善用浮動窗口(popover)、頁面分割(split view)等UI元素。他們能能減少全屏切換,方便用戶在主要界面中快捷地完成任務(wù)。
          在蘋果設(shè)計指南中也特別提到:
          “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人機(jī)交互指南)
          最經(jīng)典的案例莫過于系統(tǒng)日歷、備忘錄、Evernote和Mobile RSSS的例子。通過頁面分割和浮動窗口,用戶可以在一個頁面內(nèi)完成多封郵件或文章的操作。

          -浮動窗口(popover)

          -頁面分割(split view)

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

          1.2卡片和卷軸

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


          二、操控之變

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

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

          2.1單人操作

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

          iPad:雙手操作或靜置為主。根據(jù)尼爾森的調(diào)研,半數(shù)以上用戶并非在動態(tài)環(huán)境中使用iPad,常用操作姿勢主要有以下四種:

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

          -橫豎屏

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

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

          -手勢

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

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

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

          2.2考慮多手或多人操作

          iPad的屏幕特性更適合多手或多人操作,許多在iPhone 上施展不開的游戲界面在iPad上都可以實現(xiàn)。在設(shè)計iPad應(yīng)用時可以適當(dāng)多手或多人的操作模式,提升操作體驗。


          三、氛圍之變

          3.1 更廣大渲染空間

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

          3.2 擬物化界面的調(diào)整

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

           

          四、特性之變

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



          結(jié)語:

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

          日歷

          鏈接

          個人資料

          存檔

          丰满少妇人妻久久久久久| 国产精品青草久久久久福利99 | 精品久久一区二区| 久久精品免费一区二区三区| 精品久久久久久久久久中文字幕| 要久久爱在线免费观看| 久久久久人妻一区二区三区vr| 色综合久久精品中文字幕首页| 香蕉久久永久视频| 亚洲国产成人久久综合碰碰动漫3d| 久久免费的精品国产V∧| 亚洲成人精品久久| 日韩av无码久久精品免费| 精品多毛少妇人妻AV免费久久 | 久久婷婷综合中文字幕| 久久久久青草线蕉综合超碰| 久久se精品一区二区| 2021国内精品久久久久久影院| 狠狠狠色丁香婷婷综合久久五月| 亚洲国产成人久久笫一页| 久久精品国产亚洲欧美| 久久精品国产男包| 亚洲&#228;v永久无码精品天堂久久 | 一本大道久久东京热无码AV| 久久精品国产99国产电影网| 亚洲AV无一区二区三区久久| 一级A毛片免费观看久久精品| 久久亚洲国产欧洲精品一| 亚洲欧美成人综合久久久| 亚洲国产成人久久一区WWW| 久久国产精品波多野结衣AV| 色综合久久最新中文字幕| 欧美噜噜久久久XXX| 久久精品国产99国产精品亚洲| 四虎亚洲国产成人久久精品| 欧美精品一本久久男人的天堂| 国产精品久久久久9999| 国产精品99久久99久久久| 精品国产乱码久久久久久1区2区 | av午夜福利一片免费看久久| 青草国产精品久久久久久|