做專案如何讓介面經得起推敲
我做APP專案的一些小經驗,做設計最後拼的就是細節,沒有這些細節支撐就會顯得粗糙。
如何讓介面經得起推敲,讓介面更耐看,實際上就是由各種細節堆積而成,現在功能類APP基本都是以突出內容為主想做出精緻的簡潔的介面就必須在每個細節上下功夫,包括每個標題之間的間距,字型的大小、粗細、內容與內容之間的間距等等。
下面結合一些頁面案例:分別從間距、選擇器、導航、提示資訊、彈出框、副標題這幾個方面來分析,發現那些微妙的細節,只要比別人多一些思考和嘗試,你的APP設計會更精彩。
間距
讓主要按鈕跟隨內容而動,之前設計的是按鈕固定在最下面固定的位置,這樣符合人的視覺習慣,但經過反覆比對覺得還是按鈕跟隨設計比較合理,符合人的使用習慣,並且需要每個頁面按鈕與內容之間統一的間距。

sketch裡有個小漏洞,字型本身有個高度正常這個高度是剛好和字型實際高度卡齊的,但是sketch裡它上下會有幾個畫素的空隙,如果不去調整,表面上你上下間距是10畫素,但是加上間距的空隙就會遠遠大於10個畫素,所以需要在字型選單裡認為設定一下字型行高。
選擇器
如果是單選最好使用圓形的選擇框,不要因為追求差異化設計搞個方型選擇框,如果是一個選項框沒問題,如果是幾項很容易讓使用者蒙,到底是單選還是多選。作為一個使用者,永遠不該讓我花上幾毫秒去思考某個東西是否應該是單選還是多選。

導航
左邊的導航也不能說是錯誤,但是感覺很不精緻,如果兩個字也用這麼寬就顯得很粗糙,右邊的不管幾個字都會顯得精緻一些。做設計千萬不要傻大傻大,切記最好整個APP設定統一長度不要隨著多一個或少一個字而拉長或縮短,保持視覺統一。

提示資訊
左邊的設計是簡化提示資訊,最大限度減輕使用者負擔,但是隨後發現沒有提示資訊一是感覺有點怪,客戶真不知道該怎麼填影響使用者使用效率。輸入型列表不加提示內容很容易就忽略過去,影響使用體驗。

彈出框
確認彈窗左邊在最底端的彈出框顯然會影響效率,右邊的符合使用者的使用習慣方便快捷的選擇操作。得出結論不要因為設計而設計,還是要符合使用者的使用習慣。

副標題
左邊的標題高度和主要內容的高度是一樣的,字型也是正常的粗細,感覺有些不夠突出主題,右邊字型是細體,高度也相應少了4個畫素。有了對比之後就會突出內容。

總結
以上是我做專案的一些小經驗,做設計最後拼的就是細節,沒有這些細節支撐就會顯得粗糙。所以在有時間有精力的情況下需要仔細雕琢自己的設計不管是不是客戶的要求,這樣自己的APP才會更加精彩。