移動(dòng)互聯(lián)網(wǎng)時(shí)代對(duì)設(shè)計(jì)師們已是一個(gè)老生常談的話題，移動(dòng)端時(shí)間碎片化拇颅、場(chǎng)景復(fù)雜化奏司、屏幕限制化等特點(diǎn)對(duì)用戶體驗(yàn)對(duì)于移動(dòng)用戶來(lái)講越來(lái)越重要。江湖傳言樟插，得交互者韵洋，得天下，得移動(dòng)者黄锤，得未來(lái)搪缨，移動(dòng)與交互設(shè)計(jì)的強(qiáng)勢(shì)結(jié)合蒂阱，優(yōu)秀的用戶體驗(yàn)設(shè)計(jì)將會(huì)成為產(chǎn)品在競(jìng)爭(zhēng)中立于不敗之地的有力籌碼而形成的“產(chǎn)品差異化”設(shè)計(jì)枉昏。
【iPhone界面規(guī)范】
移動(dòng)端尺寸都有一定的規(guī)律可循，注意觀察下方可視圖妆毕，小編很懶流强，這里不多做解釋齿桃，設(shè)計(jì)師自行觀察惑惶，不明白的地方@小編……
【iPhone圖標(biāo)尺寸】
圖標(biāo)的尺寸要統(tǒng)一尺寸，24px短纵、32px带污，48px等尺寸。新手設(shè)計(jì)師往往忽略了這一點(diǎn)香到，想當(dāng)然的畫(huà)圖標(biāo)鱼冀。(本團(tuán)隊(duì)設(shè)計(jì)組成員就犯過(guò)類似的問(wèn)題，在這里特點(diǎn)提醒悠就，不要疑惑千绪，就是要統(tǒng)一大小)
[UI的布局]
好的UI布局方式會(huì)直接影響APP的視覺(jué)效果，能用戶帶來(lái)愉悅的體驗(yàn)梗脾。小編本節(jié)只做概念上的介紹荸型，僅供大家參考：
一、列表式布局炸茧，內(nèi)容從上向下排列, 層次展示清晰明瑞妇，構(gòu)圖簡(jiǎn)潔又大方。
二梭冠、陳列館式布局辕狰，平均網(wǎng)格，放置多個(gè)菜單控漠。
三蔓倍、九宮格布局，清晰展現(xiàn)各入口盐捷，方便快速查詢偶翅。
四、選項(xiàng)卡式布局碉渡，減少界面跳轉(zhuǎn)的層級(jí), 快速內(nèi)容切換聚谁。
五、旋轉(zhuǎn)木馬式布局爆价，通過(guò)手勢(shì)滑動(dòng)查看更多內(nèi)容垦巴，聚焦度高，但也容易忽略后面的內(nèi)容展示铭段。
六骤宣、行為擴(kuò)展式布局，清楚當(dāng)前分類位置序愚，減少頁(yè)面層級(jí)跳轉(zhuǎn)憔披。
七、多面板布局，呈現(xiàn)當(dāng)前分類所在入口位置芬膝，減少頁(yè)面層級(jí)跳轉(zhuǎn)望门。
八、圖表式布局锰霜，用圖表的方式直接呈現(xiàn)信息筹误，直觀。
[字體大小]
最小字號(hào)為20px癣缅，常見(jiàn)的有：24px厨剪、26px、28px友存、30px祷膳、32px、34px屡立，36px等直晨。
[字體]
中文用蘋方黑，英文用San Francisco;
[UI交互手勢(shì)]
一膨俐、點(diǎn)擊：按壓或者選擇一個(gè)對(duì)象勇皇；
二、拖拽：界面一邊移動(dòng)到另一邊;
三吟策、滑動(dòng)：快速滾屏或移動(dòng)對(duì)象儒士；
四的止、手指輕掃：展現(xiàn)更多內(nèi)容（列表的刪除按扭）;
五檩坚、雙擊：內(nèi)容放大置于屏幕中間，放大和縮小轉(zhuǎn)換;
六诅福、雙指張開(kāi)或閉合：對(duì)內(nèi)容放大或縮小;
七匾委、長(zhǎng)按：光標(biāo)定位;
我們?cè)谠O(shè)計(jì)時(shí)也會(huì)自覺(jué)的遵守以上的UI設(shè)計(jì)原則，做為一名設(shè)計(jì)師不光只是掌握一些設(shè)計(jì)技巧氓润，更要善于分析人機(jī)交互赂乐、操作邏輯，讓整個(gè)操作過(guò)程更加簡(jiǎn)單咖气、流暢挨措，體現(xiàn)產(chǎn)品定位和特點(diǎn)。
