一区二区三区日韩精品-日韩经典一区二区三区-五月激情综合丁香婷婷-欧美精品中文字幕专区

分享

iPhone 6 和 6 Plus 新增的屏幕尺寸會如何影響 iOS 應(yīng)用的界面設(shè)計?

 pgl147258 2014-09-13

【劉典的回答(32票)】:

從iPhone 6 開始 iOS 的 UI 設(shè)計方式更像 web 而不是 app,不同尺寸的 iPhone 上 UI 的結(jié)構(gòu)是一樣的,各 UIView 的位置尺寸會有所不同。比如同樣的一段文本,iPhone 5S 上要顯示5行, iPhone 6 Plus 上可能只要三行,顯示它們的 UITextView 的尺寸就會不同。蘋果從 iOS 6 開始提供了 Auto Layout ,(Auto Layout Guide: Introduction),他的作用類似 web 中的 CSS,可以用排版語言對 UIView 進行布局,我們只要表達出 UIView 應(yīng)該靠左、靠右、居中、邊距多少等信息,Auto Layout 根據(jù)設(shè)備尺寸自動計算各 UIView 的 frame。以前 UI 設(shè)計喜歡用絕對定位,因為 iPhone 6 之前所有 iPhone 的寬度都是 320 points(注意,不是 pixels),從 iPhone 6 開始將有不同的尺寸(所以叫 Resizeable iPhone),如果用絕對定位就需要針對每種設(shè)備做調(diào)整,設(shè)計師會罵娘的。

還有就是 app 的 Launch Image,因為設(shè)備尺寸增多,再結(jié)合橫屏豎屏,導(dǎo)致的結(jié)果是一個 app 要有 n 多個 Launch Image,iOS 8 開始提供了 Launch Screen 的概念,現(xiàn)在可以用一個 xib 文件來作為 Launch Screen,然后用 Interface Builder 對 Launch Screen 進行設(shè)計,因為可以使用 Auto Layout,所以我們只需要一個 xib 文件都可以應(yīng)對所有尺寸的 iPhone。

以前一直覺得 iOS 的 UI 開發(fā)不如 Android,通過手工計算 frame 位置來布局簡直是石器時代的做法,現(xiàn)在 iPhone 雖然尺寸變多了,不過因為有了成熟的 Auto Layout, UI 的設(shè)計和開發(fā)變的反而比以前更容易。

【李江華的回答(1票)】:

1、iphone6一屏可以承載更多的內(nèi)容,而不是像Android弱智似的強制放大縮小,有點像WEB上的寬度自適應(yīng),不過要復(fù)雜得多,因為iphone不允許屏幕兩邊留白。跟WEB一樣,開發(fā)人員可以控制是全局寬度自適應(yīng)還是局部寬度自適應(yīng),如果是局部,需要控制是頁面哪個區(qū)域是自適應(yīng),哪個區(qū)域是固定寬度,哪個區(qū)域只調(diào)整元素之間的間距而元素大小不變,哪個區(qū)域只調(diào)整元素大小而間距不變。這些從官網(wǎng)內(nèi)置APP的效果圖上很容易看得出來。

2、從設(shè)計上來來說iphone的做法是對的,但也可以看到對于設(shè)計、開發(fā)人員增加的工作量會不小,可以說比android的的屏幕適配要更難,事實上要難的多,并且產(chǎn)品更加不好把控,之前的優(yōu)勢正在失去,但是用戶就是要大屏手機啊,為之奈何?有些人可能認為增加一行代碼就適配了,恐怕是圖樣圖森破了。

3、加班估計要更多了,戰(zhàn)斗吧,騷年!話說HTML5也許是條好出路?等4G網(wǎng)絡(luò)來打救我們吧

【知乎用戶的回答(1票)】:

來點實打?qū)嵉模?/p>

iPhone5S/5C :640*1136

iPhone6: 750*1334

iPhone6 Plus: 1242*2208(并不真是1920*1080,因為ppi不一樣~)

這樣的話plus大概是6的150%(其實是165%),而6又跟5s/5c的ppi一樣,比例也一樣,就當是一回事吧~

最省事省力的方法就是做一套Plus的1242*2208輸出為@3x,使之縮小為2/3就是@2x了可以給6使用,至于5s/5c則完全套用給6的@2x,雖然會有點拉伸。

早上跟人討論最大的問題是大圖縮小同樣會失真,主要體現(xiàn)在邊線會發(fā)虛或尖銳毛躁。這點建議棄用以前那種只有1px的虛邊,改成比較飽滿的4px。

另外那些奇數(shù)像素的問題就別瞎糾結(jié)了,除了同行還真不會有人去計較那一像素。

不要注意那些細節(jié)!

【MaasFate的回答(0票)】:

by Weibo圖拉鼎

【淺草域的回答(0票)】:

蘋果發(fā)布的兩款iPhone 6新品,設(shè)計師如何在界面上進行適配?

【ALittleIndie的回答(1票)】:

分辨率的問題無需考慮,因為都是16:9的,蘋果官方也說過自適應(yīng)大屏iphone6。

雖說是自適應(yīng)屏幕,但是屏幕大了設(shè)計方案必然是要變化的。各個控件相應(yīng)的也會變大,內(nèi)容方面自然也會顯示的更多。我覺得大部分程序會按照1080p的分辨率來設(shè)計,因為現(xiàn)在主流手機分辨率都是這樣的。說了這么多,最后苦的都是程序員,代碼也變得更多了。

原文地址:知乎

    本站是提供個人知識管理的網(wǎng)絡(luò)存儲空間,所有內(nèi)容均由用戶發(fā)布,不代表本站觀點。請注意甄別內(nèi)容中的聯(lián)系方式、誘導(dǎo)購買等信息,謹防詐騙。如發(fā)現(xiàn)有害或侵權(quán)內(nèi)容,請點擊一鍵舉報。
    轉(zhuǎn)藏 分享 獻花(0

    0條評論

    發(fā)表

    請遵守用戶 評論公約

    類似文章 更多

    亚洲一区二区三区熟女少妇| 国产欧美精品对白性色| 日韩精品日韩激情日韩综合| 国产一区二区在线免费| 日韩在线视频精品视频| 亚洲精品美女三级完整版视频 | 亚洲欧美天堂精品在线| 欧美日韩国产自拍亚洲| 日韩三极片在线免费播放| 国产一区日韩二区欧美| 日韩高清中文字幕亚洲| 在线观看中文字幕91| 真实国产乱子伦对白视频不卡 | 欧美国产日本免费不卡| 中文字幕日韩无套内射| 久久99精品日韩人妻| 午夜精品福利视频观看| 欧美日韩精品视频在线| 午夜国产精品国自产拍av| 懂色一区二区三区四区| 麻豆视传媒短视频免费观看| 亚洲妇女黄色三级视频| 日本国产欧美精品视频| 男女午夜在线免费观看视频| 国产免费一区二区三区av大片| 日韩综合国产欧美一区| 久久精品蜜桃一区二区av| 国产精品超碰在线观看| 午夜国产精品国自产拍av | 色哟哟在线免费一区二区三区| 精品日韩国产高清毛片| 污污黄黄的成年亚洲毛片| 国产一区二区三区av在线| 久久精品视频就在久久| 欧美成人精品国产成人综合| 偷自拍亚洲欧美一区二页| 欧洲一级片一区二区三区| 搡老妇女老熟女一区二区| 亚洲国产成人av毛片国产| 精品一区二区三区不卡少妇av| 美女被啪的视频在线观看|