調(diào)整 UI 稿的幾個技巧

1.保證頁面層級關(guān)系

設計師給我們反饋回來的稿件，往往都是色彩繽紛，內(nèi)容飽滿非常形象生動的。也是開發(fā)最終用來布局的確認稿。但當創(chuàng)意過多時，可能會導致頁面主要內(nèi)容不突出。這一點應該是產(chǎn)品經(jīng)理調(diào)整 UI 稿時最關(guān)注的地方。

在這一頁最想觸達用戶的內(nèi)容是什么。

如果你無法從 UI 的稿件中找到你想表達的層級關(guān)系，這個時候往往你們需要談談。

為了不增加用戶認知成本，更快的觸達我們最想讓他關(guān)注的點。一般一頁內(nèi) 3 個板式比較合適。

另外，如果場景類型相同、或者內(nèi)容模塊相似，可以 對場景、內(nèi)容遞歸分組，使用相同模板，讓整個界面看起來有條理并且很清爽。

２. 根據(jù) IOS、安卓的特性調(diào)整頁面

這點對于初創(chuàng)公司的產(chǎn)品經(jīng)理來說其實并不實用，創(chuàng)業(yè)公司面臨的處境是人少事多工期短。功能最優(yōu)先，頁面視覺上的優(yōu)化往往不太看重。

而針對實力雄厚的大公司來說，有足夠的人力物力時間的情況下，需要 最優(yōu)打磨頁面 的時候，根據(jù)系統(tǒng)特性調(diào)整頁面可能會給用戶帶來小小的驚喜

３. 設計樣式保持統(tǒng)一

產(chǎn)品經(jīng)理對于自己產(chǎn)品的框架結(jié)構(gòu)及表現(xiàn)層應該是非常熟悉的，對于雙重展開的內(nèi)容為了降低用戶的認知負擔。對于一些既定組件，比如說導航、彈窗、評論等，可以建議設計師伙伴采用同一套設計樣式。

４. 砍掉不必要的元素

這兩年從INS開始，各巨頭都開始追求簡約設計。簡約設計并不是說隨意設計，而是說砍掉許多不必要的元素，只保留頁面中最核心的部分。如果這個按鈕、圖片僅是為了設計展示沒有任何實際上的功用。或者說僅僅是為了炫而放在首頁，但其實并不高頻，也不剛需。那么完全 可以考慮將其降級或者直接干脆砍掉。

在保證給用戶以足夠反饋提示下一個清爽的頁面不僅可以提高系統(tǒng)運行速度更可以提升用戶體驗，并且顯得很Fashion。

我們擁有國內(nèi)頂級的設計、技術(shù)團隊和多年互聯(lián)網(wǎng)軟件開發(fā)經(jīng)驗。