哺乳人妻奶头奶水喷水91,日本午夜精品一区二区

編輯導(dǎo)語(yǔ)：雖然國(guó)內(nèi)軟件的iPad用戶占比不大，但依然存在著橫屏適配的需求。本文作者講述了自己做iPad橫屏適配的背景，并對(duì)競(jìng)品的適配方式進(jìn)行了分析研究，用自己的親身經(jīng)歷提供了參考，推薦對(duì)ipad橫屏適配感興趣的童鞋閱讀。

一、背景在我參與的一款資料查詢 App 中，對(duì) iPad 只支持豎屏以手機(jī) UI 尺寸拉伸，每個(gè)季度都有用戶反饋希望適配 iPad 橫屏。經(jīng)過(guò)詢問(wèn)用戶發(fā)現(xiàn) ，因?yàn)?iPad mini 尺寸剛好可以放在工作服口袋中，隨時(shí)拿出來(lái)使用，而 iPad 屏幕遠(yuǎn)比手機(jī)大，瀏覽資料視野更大更舒服。

但另外一方面，后臺(tái)數(shù)據(jù)顯示當(dāng)前 iPad 用戶占比只有 1%，用戶呼聲夠不上星星之火，不足以燎原。先別談?wù)f服團(tuán)隊(duì)做 iPad 橫屏適配，連說(shuō)服自己都難。本來(lái)以為這事就像水中投石，水波消散就沒(méi)有下文了。直到有一天，同樣是資深用戶的高管自己拿著 iPad 裝上我們的 App 用了幾天，終于忍不了，開(kāi)始推動(dòng) iPad 橫屏適配。
二、參考我們肯定不是第一個(gè)做 iPad 橫屏適配的，但在網(wǎng)上搜了一圈，別說(shuō)橫屏適配，連 iPad 界面設(shè)計(jì)的文章都很少，下面 3 篇算不錯(cuò)的。這也是我決定寫下本文的原因，為后來(lái)者提供經(jīng)驗(yàn) ，少踩坑。

《利用好 iPad 的大屏幕 —— 如何為 iPadOS 14 設(shè)計(jì) app？》，https://steppark.net/15942969497015.html
《iPad 交互設(shè)計(jì)探索系列：iPad 適用產(chǎn)品篇》，https://www.jianshu.com/p/65211fddefb9
《iPad 交互設(shè)計(jì)探索系列：iPad 導(dǎo)航設(shè)計(jì)篇》，https://www.jianshu.com/p/0c8e315d39d4

三、研究沒(méi)得經(jīng)驗(yàn)參考就只能先從競(jìng)品分析開(kāi)始了。經(jīng)過(guò)對(duì) iOS 系統(tǒng)應(yīng)用、微信、QQ、微信閱讀、得到、豆瓣、淘寶和有道詞典的分析，我和同事總結(jié)成 5 種橫屏適配模式。
1. 內(nèi)容響應(yīng)式典型 App：iOS 應(yīng)用商店
特征：標(biāo)題欄和 Tabbar 通欄拉伸，內(nèi)容區(qū)根據(jù)寬度向右響應(yīng)式布局。
適用場(chǎng)景：全部場(chǎng)景。
評(píng)價(jià)：靈活性和用戶體驗(yàn)都很好，但設(shè)計(jì)和開(kāi)發(fā)成本很大。

2. 左右分欄典型 App：iOS 設(shè)置、淘寶、微信、QQ
特征：左右分開(kāi)顯示，左邊通常固定顯示首頁(yè)或者目錄導(dǎo)航。右側(cè)根據(jù)左側(cè)選擇顯示對(duì)應(yīng)的詳情內(nèi)容。
適用場(chǎng)景：頻繁需要使用導(dǎo)航切換內(nèi)容。
評(píng)價(jià)：用戶體驗(yàn)適中，合理的利用橫屏更大地展示更多的內(nèi)容。設(shè)計(jì)成本小，需額外設(shè)計(jì)一個(gè)右側(cè)默認(rèn)為空的情況。開(kāi)發(fā)成本要看是否改程序架構(gòu) ，相當(dāng)于把手機(jī)兩個(gè)手機(jī)界面合并成一個(gè)屏幕，可能有些程序架構(gòu)很難這么修改。

3. 按豎屏寬度顯示典型 App：微信閱讀
特征：標(biāo)題欄和 Tabbar 通欄拉伸，內(nèi)容直接按豎屏的寬度顯示。
適用場(chǎng)景：全部場(chǎng)景。
評(píng)價(jià)：用戶體驗(yàn)適中，設(shè)計(jì)與開(kāi)發(fā)成本小，大多數(shù)產(chǎn)品采用此模式，但是沒(méi)有更好的展現(xiàn)橫屏寬屏的優(yōu)勢(shì) 。