iOS 7 App重新設(shè)計(jì)檢查清單

1、ios 7 app重新設(shè)計(jì)檢查清單在app上線前測(cè)試確認(rèn)清單中，國(guó)外開(kāi)發(fā)者dave列出了一個(gè)app上線或更新前必須要測(cè)試的清單。在這篇ios 7 app重新設(shè)計(jì)檢查清單中我們主要討論下針對(duì)ios 7設(shè)計(jì)過(guò)程中那些值得關(guān)注的地方。通過(guò)扁平化的設(shè)計(jì)，簡(jiǎn)化操作以及優(yōu)化層級(jí)，ios 7把用戶(hù)體驗(yàn)擺在了所有事情中最值得關(guān)注的位置。以下是針對(duì)ios 7設(shè)計(jì)的一些檢查點(diǎn)，你可以免費(fèi)訂閱我們的期刊，并為我們的應(yīng)用fakecrow留下評(píng)論。1.檢查“故事”在進(jìn)入設(shè)計(jì)之前，要先研究基于用戶(hù)交互以及用戶(hù)行為等收集的數(shù)據(jù)。審視當(dāng)前的體驗(yàn)，明白哪些有用哪些沒(méi)用。這個(gè)階段同時(shí)也是研究競(jìng)爭(zhēng)對(duì)手的好時(shí)機(jī)。評(píng)估目標(biāo)。專(zhuān)注簡(jiǎn)約。

2、2.配色方案和風(fēng)格指南針對(duì)ios更新配色方案，并統(tǒng)一外觀。這也有助于在將來(lái)的迭代過(guò)程中簡(jiǎn)化設(shè)計(jì)和開(kāi)發(fā)進(jìn)程。3. retina display確保你的app充分支持2x圖片。4. 可擴(kuò)展/可伸縮設(shè)計(jì)使用points而不是pixels。使用矢量對(duì)象和dynamic styles/fx來(lái)避免品質(zhì)損失。更多內(nèi)容，可查看ben taylor的文章“starters guide to ios design”。5.友好迭代在進(jìn)行設(shè)計(jì)的時(shí)候，要把將來(lái)可能加入或使用的功能考慮進(jìn)去，要確保設(shè)計(jì)在不同階段可以執(zhí)行。6.fireworksphotoshop和illustrator可能不是最好的選擇?？紤]使用firew

3、orks，它可以讓創(chuàng)建、管理以及輸出設(shè)計(jì)元素更為簡(jiǎn)單。在此查看更多關(guān)于fireworks和app design的知識(shí)。7.流暢的設(shè)計(jì)和方向確保你的app能夠很好地適應(yīng)不同的字體大小，并能很好地響應(yīng)橫屏和豎屏兩個(gè)設(shè)備持有方式（如果需要的話）。8. 字體留心自定義字體。如果需要，你要給用戶(hù)調(diào)整字體大小的選項(xiàng)。9. iphone 4 vs 5重點(diǎn)針對(duì)iphone 5 進(jìn)行開(kāi)發(fā)，但是要確保你的設(shè)計(jì)在舊版本設(shè)備中也能很好的展示和運(yùn)行。10.依從內(nèi)容盡可能多地關(guān)注內(nèi)容和利用屏幕，確保重要的元素有生存/存在的空間。11.模糊和透明ios 7使用了更多透明和模糊的背景，為你提供了一個(gè)新機(jī)會(huì)以使得你的應(yīng)用與最新

4、的設(shè)計(jì)趨勢(shì)保持一致。12. 視差視差是ios 7中非?？岬囊粋€(gè)功能，但要謹(jǐn)慎使用視差效果。一些用戶(hù)會(huì)多少有點(diǎn)暈動(dòng)病。13.按鈕為了簡(jiǎn)化ui，ios 7引入了無(wú)邊框設(shè)計(jì)概念，要考慮到這一點(diǎn)。14.icons確保你有一個(gè)更清新更漂亮的扁平化app icon。15.啟動(dòng)畫(huà)面只有當(dāng)啟動(dòng)畫(huà)面有意義的時(shí)候才使用它，并且最好讓啟動(dòng)畫(huà)面和app的新外觀保持一致。16.交互線框圖、實(shí)體模型，甚至是原型圖都很難準(zhǔn)確充分地傳達(dá)交互性。要清晰地定義狀態(tài)、過(guò)渡以及動(dòng)畫(huà)。與開(kāi)發(fā)團(tuán)隊(duì)一同討論并完成交互功能的實(shí)現(xiàn)。17.早早測(cè)試，多次迭代主要負(fù)責(zé)人并不僅僅為開(kāi)發(fā)負(fù)責(zé)，他們也需要負(fù)責(zé)良好設(shè)計(jì)的實(shí)現(xiàn)。避免大修。相反，應(yīng)經(jīng)常從應(yīng)用必須擁有的部分開(kāi)始，執(zhí)行和部署。獲得新老用戶(hù)的意見(jiàn)。不間斷地在不同情況下測(cè)試應(yīng)用。18. 輸出不妥協(xié)減少使用壓縮。鎖定pixel grid避免在設(shè)計(jì)軟件中使用顏色管理。bjango的文章“my app design workflow”包含了關(guān)于高品質(zhì)輸出的一些不錯(cuò)的觀點(diǎn)。19.加快開(kāi)發(fā)周期考慮創(chuàng)建sprite/slice sheet。css image sprites非常適合web開(kāi)發(fā)，但也方便app設(shè)計(jì)。這些可以加快我們的工作流程。這是一個(gè)社交網(wǎng)絡(luò)圖標(biāo)的sprite example。創(chuàng)建specs sheets，包括尺寸、要求、顏色數(shù)值、交互、過(guò)渡以及動(dòng)畫(huà)等