-
APP頁面設計注意事項及小技巧
adinnet / 2017-11-15 17:00 /UI界面設計
?APP頁面設計時有很多注意事項和小技巧可以讓程序后期開發省力省資源。那么有哪些是需要注意的呢?跟著小編繼續往下看吧。
APP頁面設計注意事項
1、盡量少的對齊規則
在設計一個頁面時,不要使用過多的對齊規則,尤其一個頁面中同樣的模塊,一定不要出現不同的對齊規則,會浪費開發很多不必要的時間,并且視覺也不一定舒適。
2、頁面背景不要加圖片
很多設計概念稿喜歡在背景加入一些圖片,讓頁面看起來更具科技感與神秘感。然后想要落地在上線產品中是非常困難的,很難去滿足市面上手機的尺寸適配,不同尺寸的手機容易出現背景圖片擠壓變形的問題。
3、盡量少用投影
投影可以調整的屬性有很多,顏色、透明度、彌散大小、XY的位置等。所以在很多概念稿中也經常出現彌散投影,而在設計落地時,程序員很難把投影做的想設計軟件中那么自然,因為程序軟件中的投影沒有那么多的屬性可以調節。
4、控件盡量統一
頁面中的按鈕、邊距以及字母、用色等控件更好統一,方面后期開發不同頁面時的復用,減少與開發不必要的溝通時間,并且視覺上也具有一致性。
5、考慮信息的更大長度
在涉及到字段信息時,盡量使用真實可能出現的信息去設計,避免設計一個信息卡片就復制在整個頁面,拋開視覺不舒適的問題,從開發規則上就很容易出現想象不到的問題,例如信息字段的更大長度可能超出設計稿的承受范圍而出現BUG。對于一些非重要信息展示頁面可以使用控制字段顯示長度超出省略的方法,而重要文字介紹頁面,比如某個項目的詳情頁,就要避免文字省略,做換行處理或其他處理方式。
6、當文字帶有氣泡時
當文字外圍帶有氣泡時,很多入門設計師喜歡把氣泡的大小設計相等,而文字距氣泡的間距沒有一個固定的值。如果是固定的文字內容尚可,當氣泡內的文字內容為搜索歷史或者后臺可以更改的某些標簽時,就要給予開發一個規則,文字距氣泡上下左右的間距,氣泡與氣泡的間距,和氣泡更小距離頁面的邊距。
在設計頁面時,需要不斷的從兩個身份之間自由切換,以設計者的身份去設計出美德,再以使用者的角度去審核設計的實用性,易用性等,這樣才能設計出一個好的頁面。