導航:首頁 > 電腦大全 > 平板電腦設計規范

平板電腦設計規范

發布時間:2022-12-19 01:56:53

『壹』 iPad設計規范

解析度:264PPI     狀態欄:40px    導航欄:88px     標簽欄:98px

解析度:132PPI     狀態欄:20px    導航欄:44px     標簽欄:49px

解析度:163PPI     狀態欄:20px    導航欄:44px     標簽欄:49px

解析度:264PPI     豎屏點:1024 x 1366

解析度:264PPI     豎屏點:834 x 1112

解析度:264PPI     豎屏點:768 x 1024

解析度:326PPI     豎屏點:768 x 1024

解析度:132PPI     豎屏點:768 x 1024

本站素材均來自網路,如果侵犯了您的版權,隨時聯系我們。

『貳』 Android 平台設計規范有哪些

1、尺寸以及解析度:

Android的界面尺寸比較流行的有:480*800、720*1280、1080*1920,我們在做設計圖的 時候建議是以 480*800的尺寸為標准;

2、界面基本組成元素:

界面基本組成元素包括:狀態欄+導航欄+主菜單欄+內容區域;以480*800的尺寸為標准下的 各個元素的高度(其實導航欄和菜單欄每一個應用都或許不一樣,android對於尺寸沒有太明確的 數據規范)如下:

3、字體:

Android 系統中,Droid Sans 是默認字體,與微軟雅黑很像;

4、操作欄:

1、」操作欄」對於 Android 應用來說是最重要的設計元素,它通常在應用運行的所有時間都呆 在屏幕頂部;

2、 操作欄的基本布局:

1向上+2 Spinner視圖控制+3 重要操作按鈕+4 更多操作:其中,向上按鈕,點擊後是去到 當前界面的上一個層級,非第一層級界面有此按鈕,第一層級界面則無向上按鈕;Spinner 是 用於展示內容的下拉菜單,其內容包括視圖的快速切換和顯示相關內容的完整信息;更多操作 (action overflow)是集合操作欄中不常用的和非重要操作的地方。

5、多面板布局:

多面板布局更多的是針對平板電腦,把手機端的目錄視圖和詳情視圖兩個層級的界面,甚至更 多的頁面,復合展示在同一個界面中,有效地利用平板電腦的屏幕空間,扁平化層級結構,簡 化導航。這點在iPad上已經運用得相當嫻熟了。

6、選擇:

Android4.0中的長按與Android2.3及更早期的版本有很大的不同。早期版本長按操作後,是 出現情境菜單的浮出層。在Android4.0中,長按後在操作欄的位置會覆蓋一個臨時的情境操 作欄,不再彈出情境菜單浮出層。在臨時情境操作欄的環境下,當前界面的內容項允許被單個 處理,也允許被批量處理。

7、返回和向上:

返回按鍵用在手機全局的虛擬導航欄中,基於用戶最近查看的界面歷史,採用時間倒序的方式, 連接界面間的關系。向上按鈕用在操作欄的左側,基於層級結構,點擊後是去到當前界面的上一 個層級,若當前界面已經是最高一級,則沒有向上按鈕。

8、主題樣式:

推出三套默認主題:Holo淺色主題、Holo深色主題、Holo淺色底+深色操作欄主題。主推app在 這三套默認主題的基礎上做設計,以加快app研發效率,但只是建議使用,並沒有完全強制。

9、觸摸與反饋:

用戶觸摸應用中的可操作區域,應當在視覺上有響應,微小的反饋會給用戶帶來很好地效果;

10、按鈕:

1、按鈕的3種表現形式如下圖:

2、對於僅包括圖標的按鈕,不需要使用背景色;

11、滑塊:

滑塊的幾種表現形式如下圖:

12、進度條:

如果某個操作需要花費很長的時間,就需要用進度條的指示和旋轉圈的形式來表示:

1、如果你可以知道當前任務完成的比例,那麼使用進度條,讓用戶了解大約還需要多久才能完成;

2、當使用旋轉圓圈時,不要配以文字標簽。旋轉的圓圈已經表明了正在進行後台操作。

13、開關:

用戶通過開關作出選擇,包括3種形式:復選框+單選按鈕+開關;

1、復選框:用戶可以在一個集合中作出多個選擇:

2、單選按鈕:單選按鈕允許用戶在一個集合中做一次選擇;

3、開關:開關控制單個選項的狀態;

14、對話框:

應用通過對話框讓用戶作出決定或者填寫一些信息,

1、對話框的左邊一般情況下是取消按鈕,右邊是確定按鈕;

『叄』 UI設計ipad尺寸規范

IPad設計一般使用尺寸:1024x768、2048x1536;

尺寸的單位為像素。

字體大小參考下圖:

閱讀全文

與平板電腦設計規范相關的資料

熱點內容
電腦怎麼轉換系統賬戶 瀏覽:703
看4k60幀視頻電腦配置 瀏覽:824
電腦主機的風扇多少v的 瀏覽:589
孩子用電腦耳機哪個牌子好 瀏覽:974
電腦能安裝兩種顯卡驅動 瀏覽:259
去除廣告的電腦軟體 瀏覽:794
電腦開機按f11怎麼刪除 瀏覽:753
電腦里有什麼計算機二級的軟體 瀏覽:615
昂達平板電腦白屏 瀏覽:709
電腦怎麼綁定無線網 瀏覽:22
最爛的電腦配置 瀏覽:516
電腦系統總是崩潰 瀏覽:538
電腦開機不顯示pxe為什麼還是進不了系統 瀏覽:299
電腦卡住然後黑屏了無信號 瀏覽:742
微信電腦版怎麼用啊 瀏覽:496
安卓數據傳到蘋果用什麼軟體好 瀏覽:603
筆記本電腦帶有獨立顯卡要多少錢 瀏覽:29
電腦連手機wifi密碼錯誤 瀏覽:188
mac電腦屏幕旋轉90黑屏 瀏覽:113
蘋果檢測睡眠軟體 瀏覽:151