UI中國裡好像對這方面的分享蠻少的，最近完成的一個專案與大家分享一下心得。
專案背景：一款產品形的大屏介面，跟以往定製介面不同，需要使用者可以自行編輯其中元件數量、形式和位置。
難點在於如何儘可能考慮到各種展示情況下的視覺效果，尋找其中規律與共同點。
PS：感興趣的童鞋可以登入TD官網諮詢酷屏產品。
影像大小為1920X1080。首先確定介面展示內容，在下方留出時間和logo區域。
在內容區域分為12X24的網格分割，目的在於限制使用者在調節各元件大小時按照規定網格規則內調整，最早選用的是12X12標準網格，後期為了增加排列組合方式對網格數量進行了增加。
為了使得展示效果更好，大屏儘量用深色調展示，增加百分之三十黑色蒙層，使得使用者自定義背景下效果更好。
對網格佈局合理性進行測試，多除錯幾種。
對標題文字字號、位置進行確定。同時規劃元件在區域內最大範圍，使得不同排佈下元件有自己的排布和對齊規律。
目前元件包括：地圖、概覽圖、折線圖、排行榜、餅圖和柱狀圖，對各元件進行單獨設計，同時嚴格遵守之前設定，測試效果。
測試背景。基本到這裡設計部分大體完成了，由於不確定元素較多，所以不增加多餘元素，以防止特殊情況下效果出現偏差。
最後一部，針對性做一些代表性板式對各元件在其中效果進行測試，同時隨機排列組合進行視覺上除錯，對其進行標註和限定，同時在給到開發人員時更加清晰明瞭。