1,選擇壹個尺寸作為設計開發基準;
2.定義壹組適配規則並自動適配剩余的兩個尺寸;
3.特殊的適應效果賦予了設計效果。
手機淘寶iPhone6/iPhone6Plus適配版將提交至Appstore審核。先來看看我們采取的合作模式,再慢慢解釋原因。
第壹步,視覺設計階段,設計師制作寬度為750px(iPhone6)的設計稿,除了圖片以外的所有設計元素都用矢量路徑制作。設計定型後,在750px的設計稿上標註,輸出標註圖。同時,1.5倍等倍放大生成寬度為1125px的設計稿,圖片在1125px的草稿中裁剪。
第二步,向開發工程師輸出兩個可交付成果:壹個是程序使用的@3x裁剪資源,壹個是寬度為750px的設計標註圖。
第三步,開發工程師獲取750px標註圖和@3x裁剪圖資源,完成iPhone6(375pt)的界面開發。現階段還不能開發固定寬度的界面,只能用autolayout來方便後續適配其他尺寸。
第四步:適配調試階段,在iPhone6界面效果的基礎上,分別上下調試iPhone6plus(414pt)和iPhone5S及以下(320pt)的界面效果。從而完成大中小屏的適配。
為什麽選擇iPhone6作為基準尺寸?
當面對需要適應三種屏幕時,很容易想到先做壹個屏幕,再去適應剩下的兩個屏幕。第壹個決定是使用什麽樣的屏幕作為設計和開發的基準尺寸。我們選擇中等尺寸的iPhone6(750px/375pt)作為基準有幾個原因:
1.從中碼上下適應時接口的調整幅度最小。375pt下的設計效果適應414pt和320pt,偏差不會太大。假設壹個基於414pt的優雅設計,可能元素之間的比例在320pt時不會相同,比如圖片和文字之間的視覺比例可能會失衡。
2.iPhone6plus有兩種顯示模式,標準模式分辨率為1242x2208,放大模式分辨率為1125x2001(即iPhone 6的1.5倍)。可以看出,官方系統中iPhone6和iPhone6plus的分辨率之間存在1.5倍的放大關系。很多情況下,這兩個尺寸可以直接搭配1.5倍。
3,1242x2208這個奇妙的數值是蘋果官方不願意公開宣傳的分辨率,不方便記憶和計算網格。雖然640x1136是壹個被廣泛使用的分辨率,但是在大屏時代仍然以小尺寸作為設計基準顯然已經不合時宜,設計師們會停留在小屏的視角來進行設計。
所以iPhone6的750x1334是最合適的基準尺寸。
只交付了壹套設計草案。默認用什麽規則來適配?
上面說的適配策略是選擇iPhone6作為基準設計尺寸,然後通過壹套適配規則自動適配另外兩個尺寸。這套適配規則可以用壹句話來概括:文本流、控制靈活性、圖像縮放。
控件的靈活性意味著導航、單元格、欄等的高度。在適應過程中在垂直方向上不變;當水平方向上的寬度改變時,可以通過調整元素間距或者將元素向右對齊來實現自適應。這樣屏幕越大,垂直方向可以顯示的內容就越多,充分發揮了大屏的優勢。
按照上面默認的適配規則,三個屏幕的顯示效果是壹樣的。有時候如果想在大屏幕上顯示更多的內容,就需要設計特殊的適配效果。比如Appstore首頁的焦點圖,iPhone6適配iPhone6plus時,焦點圖的大小和排版都做了特殊處理。下面的應用列表也從連續3+變成了連續4+,真正實現了大屏幕顯示更多內容的概念。這些都需要設計師給出相應的設計稿。
壹個完整的UI設計需要那些流程1,確認目標用戶:
在UI設計過程中,需求設計角色會確定軟件的目標用戶,獲取最終用戶和直接用戶的需求。用戶交互要考慮到不同目標用戶導致的交互設計的側重點不同。
2.收集目標用戶的習慣交互方式:
不同類型的目標用戶有不同的交互習慣。這種交互的習慣往往來源於其原本對於現實的交互過程,以及現有軟件工具的交互過程。
當然,在此基礎上,還要通過調查分析找到用戶想要達到的交互效果,並通過流程來確認。
3.提示並指導用戶:
軟件是用戶的工具。因此,用戶應該操作和控制軟件。軟件響應用戶的動作並設置規則。對於用戶交互的結果和反饋,提示用戶結果和反饋信息,引導用戶進行用戶需要的下壹步操作。
4、壹致性原則:
軟件中通常有多個組件(組件、元素)。不同組件之間的交互設計目標需要壹致。
例如,如果計算機操作的初級用戶是目標用戶,設計目標是簡化界面邏輯,那麽目標需要實現整個軟件(軟件包),而不是部分。
5、可用性原則:
如果軟件要被用戶使用,用戶必須能夠理解軟件每個元素對應的功能。
例如:刪除操作元素。用戶可以點擊刪除操作按鈕,提示用戶如何刪除操作或者是否確認刪除操作。用戶可以更詳細地了解元件的相應功能,同時取消操作。
擴展數據
UI設計師的功能壹般包括三個方面:
壹個是圖形設計,軟件產品的“形狀”設計。
二是交互設計,主要在於設計軟件的操作流程、樹形結構和操作規範。壹個軟件產品在編碼之前需要做的是交互設計,建立交互模型和交互規範。
第三是用戶測試/研究。這裏所謂的“測試”旨在測試交互設計的合理性和平面設計的美觀性,主要是通過目標用戶問卷的形式來衡量UI設計的合理性。
沒有這方面的測試和研究,UI設計的好壞只能靠設計師的經驗或者領導的審美來判斷,會給企業帶來很大的風險。
參考來源:
-用戶界面設計
如何做PPT電子板報1,新建壹個PPt文件,可以自己命名。
2.打開PPT,新建壹張幻燈片。
3.選擇設計,然後單擊頁面設置。
4.根據需要設置高度和寬度,即制作墻報所需的寬度和高度,點擊確定。
5.標題正上方註明會議名稱,後面是報告標題、作者和作者單位,後面是研究意義和實驗設計。
6.接下來是結果、討論和結論。
7.最後填上內容就OK了。