1、選擇一種尺寸作為設計和開發基準；
2、定義一套適配規則，自動適配剩下兩種尺寸；
3、特殊適配效果給出設計效果。
第一步，視覺設計階段，設計師按寬度750px（iphone 6）做設計稿，除外所有設計元素用向量路徑來做。設計定稿後在750px的設計稿上做標註，輸出標註圖。同時等比放大1.5倍生成寬度1125px的設計稿，在1125px的稿子裡切圖。
第二步，輸出兩個交付物給開發工程師：乙個是程式用到的@3x切圖資源，另乙個是寬度750px的設計標註圖。
第三步，開發工程師拿到750px標註圖和@3x切圖資源，完成iphone 6（375pt）的介面開發。此階段不能用固定寬度的方式開發介面，得用自動布局（auto layout），方便後續適配到其它尺寸。
第四步，適配除錯階段，基於iphone 6的介面效果，分別向上向下除錯iphone 6 plus（414pt）和iphone 5s及以下（320pt）的介面效果。由此完成大中小三屏適配。
為什麼選擇iphone 6作為基準尺寸？
當面對大中小三種螢幕需要適配的時候，很容易想到先做好一種螢幕，再去適配剩下兩種螢幕。第乙個決定是到底以哪種螢幕作為設計和開發的基準尺寸。我們選擇中間尺寸的iphone 6（750px/375pt）作為基準，基於幾個原因：
1、從中間尺寸向上和向下適配的時候介面調整的幅度最小。375pt下的設計效果適配到414pt和320pt偏差不會太大。假設以414pt為基準做出很優雅的設計，到320pt可能元素之間比例就不是那麼回事了，比如和文字之間視覺比例可能失調。
2、iphone 6 plus有兩種顯示模式，標準模式解析度為1242x2208，放大模式解析度為1125x2001（即iphone 6的1.5倍）。可見官方系統裡iphone 6和iphone 6 plus解析度之間就存在1.5倍的倍率關係。很多情況下這兩種尺寸可以用1.5倍直接等比適配。
3、1242x2208這個奇葩的數值是蘋果官方都不願意公開宣傳的乙個解析度，不便於記憶和計算柵格。640x1136雖然是廣泛應用的乙個解析度，但是大屏時代依然以小尺寸為設計基準顯然不合時宜，設計師會停留在小屏的視角做設計。
所以，iphone6的750x1334是最適合基準尺寸。
只交付一套設計稿，預設用什麼規則來適配？
前文提到適配策略是先選擇iphone 6作為基準設計尺寸，然後通過一套適配規則自動適配到另外兩種尺寸。這套適配規則總結起來就一句話：文字流式，控制項彈性，等比縮放。
不要只甘於做乙個程式設計師
去年都想寫這篇部落格了，不能說是沒有時間，而是沒有下定決心去寫，想著這年後的工作可能會慢慢緊張起來，趕緊寫完也算是了卻乙個心願。1.我的工作經歷 工作前兩年的程式設計師生涯是很苦逼的，大家通過 我的程式設計師工作經歷 這兩篇博文中都不難看出 磨練是成長的階梯。於2011年11月份結束了之前兩年算是 ...
乙個程式設計師半年工作小結
近期主要工作 8個月度 時間節點 和華東電子進一步確定於10月份中下旬開始過駐公司。組建測試網路，進行培訓工作。其中主要內容 1 做好資訊化硬體的優化和選型工作 如更改的原來核心交換機選型，由於原來選用4506，原系統已經屬於落後產品思，改為4507為主流產品，並選擇核心增強型號，為我們今後資訊系統...
每乙個程式設計師都逃不過的正則
摘要 正規表示式，人人必備啊，別問，衝！import re text assa 312fsfds das 匹配括號內的數字 pat re.compile r d repat re.findall pat,text 橫向模糊匹配 某個字段出現n次 s abc abbc abbbc abbbbbc ab...