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

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

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

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

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