<dfn id="j20cm"></dfn> <dfn id="j20cm"></dfn>
有一種“奇怪的”現象會經常的看到“很多設計師沒有辦法清楚的跟其他人解釋他們是如何設計的，越細致的地方可能越是如此。比如，這個菜單的寬度為什么是200px？250px或者190px是否可以？圖片的尺寸為什么是278px*196px？如何確定網頁的寬度？“
軟件界面的設計師除了視覺本身以外，對于設計是否可以實現、大概以何種方式實現、規范可否被理解并且復制執行、設計實現的性價比與時間比等緯度都應有相當高度的認識。就像建筑設計師一樣，他們一定很了解建筑材料以及如何建筑，雖然他們不會去親自砌墻。:)
希望通過此文可以交流關于柵格化和盒子比例的設計方法。
對于網頁的寬度，設計師之間基本上比較容易達成共識，比如：950px、960px、1000px、1190px、1200px。但是如果接下來讓 每一個設計師設計一個左右布局的版式，左邊是一個樹形菜單，右邊是主要內容區域。那么可能會有很多結果。但是這些結果基本上是比較接近的。如果這些設計師 都服務于一個品牌下的話，這種情況并不是一個好的事情。會給人以沒有一致性的感覺。
圖1：一個產品站點，同樣是980px的頁面寬度，但是菜單寬度分別為：200px和245px
柵格化
@Akane_Lee ：我遇到非常多這樣子的設計師，他們從不考慮「這樣設計稿交出去，工程師做不做得出來」的問題，也不愿意去了解什么叫「限制」和「規則」。如果你也想從畫圖標的變成UI設計師，這篇干貨千萬要收藏。
第一次遇見Joe，是在他35歲時，有兩個孩子?？纯醋约旱挠斡救?，他決定要減肥20磅。他買了的運動裝備，最好的健康管理APP來記錄自己的 飲食和運動。最開始的一周，他堅定地執行計劃并且成功減掉了幾磅，第二周他的熱情減弱了很多，經過一個月之后，他完全停止了記錄并且又胖了回來。他對自己 的狀態很不滿意，并且對減肥失敗自責。
同時，移動產品經理還要認真搜集用戶的新需求、競爭產品的資料，并進行需求分析、 競品分析以及研究產品的發展趨勢等。
如qq音樂的APP界面設計如下：
@騰訊ISUX Viconia：之前研究過一段數據圖表的最佳表達方式，隨著手機端應用層出不窮地發展，這次將數據圖表的表現延用到手機端。相比 Web 端展示數據的空間優勢，要兼顧手持設備的便捷、簡明而重點的特質，手機端該如何取舍？是否有更加合適的表現方式？下面是翻閱或試用了各種有數據的 App 后，將手機端應用中值得借鑒的部分做了小小的總結，也讓我自己對不同數據圖表的特性有更深的理解。
編者按：對于2016年網頁設計的趨勢我們已經在《再戰明年！2016年最值得關注的16個網頁設計趨勢》這篇文章中進行了詳細的介紹，那么移動端APP設計在未來可能會有怎樣的發展趨勢呢？今天的文章就幫你簡單預測一下~
編者按：建議剛學UI的同學多看這類改版經驗總結，提前學習交互設計的知識，在求職時能加不少分。習慣靠經驗/感覺做設計的新人也別放過，這種實戰的案例結合書本看，能幫你更透徹地理解那些設計原則。不多說了，直接看文！
