作為設計師，我們對設計的思考不僅要注重表象層面，也需要圍繞資訊傳達這一設計的本質功能，以充滿自省的精神深化和反思自己的設計意識，即做到「好看、好用」。在設計過程中，要站在公司的利益上，懂使用者所想，在每一個關鍵點都要帶給使用者意想不到的驚喜，這些往往都是透過細節體現出來的。
一、顏色
在開始著手做設計稿之前，我們需要定義APP的主色（品牌色），和輔助色（點綴色）。主色是整個色調的核心顏色，通常也是相對佔比最多的顏色，它決定了整體的風格和基調。輔助色是畫面中佔比相對較小的顏色，它通常起到輔助主色、豐富畫面的作用。一般是品牌色、產品顏色、大標題的顏色，常常是畫面最重要的顏色，傳遞的是最核心資訊。
注意主色和輔助色佔比
注意主色和輔助色佔比
輔助色使畫面更加豐富，具有裝飾性作用。在頁面中佔比較小，一般控制在2個左右會比較好把控。頁面中的顏色數量一多，設計起來難度就更大，出錯的機率也相應增加，同時太過鮮豔的畫面也會影響到頁面的閱讀性。
嘗試不同的配色方法
1. 單色配色
單色配色
在同一色相上進行純度、明度變化，搭配上並沒有形成顏色的層次，但形成了明暗的變化。單色搭配可以產生低對比度的和諧美感，給人協調統一的感覺。
2. 雙色搭配
雙色搭配
色彩的數量越少，就越會呈現出強而有力的對比印象。在一個設計中如果只用兩種顏色就能夠完美呈現所要傳達的效果，那麼就沒有必要新增任何其他輔助色彩了。因為色彩層級越精簡，就越容易達到整體色彩平衡，也越容易把控。
3. 多色搭配
多色搭配
一些促銷、節日、兒童、食品等設計，要求畫面有熱鬧、活力氣氛，常會使用多色搭配使畫面顯得活躍，色彩數量使用的越多，就越會形成熱鬧愉悅的印象。但是顏色越多，越要根據配色比例來分配主色和副色，不然會使畫面非常混亂，難以控制。
二、圖示
1. 圖示的風格統一
圖示的風格統一
圖示設計風格有：線性圖示、填充圖示、面型圖示、扁平圖示、手繪風格圖示和擬物圖示等。無論我們選擇何種表現形式的圖示都請保持統一性，相同的模組採用一種風格的表現形式，如果是線性圖示就保持一致的描邊數值。
圖示在配色上面也要保持有規律的統一，採用相同顏色是比較常用的配色方式。如果採用不同色相的配色方式，要保持整體的配色協調，不要出現飽和度、明度反差過大的配色而影響整體的視覺協調。
2. 同一模組中的圖示視覺大小統一
同一模組中的圖示視覺大小統一
同一個介面出現多個圖示時，我們需要保持整體的視覺平衡。並非是所有圖示都採用相同的尺寸就能達到平衡，由於圖示的體量不同，相同尺寸下不同體量的圖示視覺平衡也不相同，例如相同尺寸的正方形會比圓形顯得大。因此，我們需要根據圖示的體量對其大小做出相應的調整。
3.明確表達圖示的含義
明確表達圖示的含義
我們在進行介面設計時，圖示是為了輔助說明文案所傳達的資訊，如果去掉文案資訊，那麼需要圖示本身帶有很強的資訊傳達能力，確保使用者能正確的識別。
三、配圖
1. 圖片比例&視平線的統一性
圖片比例&視平線的統一性
在人物展示的設計中，如果並列出現多個人物形象，為了保持視覺平衡我們需要調整並列圖片的大小比例，就像所有角色都是在相同焦距下拍攝的。在人物上下位置的調整上面我們要儘量控制視平線的方向，讓他們的眼睛處於相同的位置左右。
2.提高配圖的質量
提高配圖的質量
圖片的質量影響著整個介面的格調，現在越來越多的產品都會對圖片進行美化後再展現給使用者，目的就是為了提升產品在使用者心中的印象。我們在設計提案的時候對配圖的選擇也要精挑細選，通過後期裁剪、曲線調整、色彩調整等技法使相同模組的配圖視覺效果更加協調。
四、排版
1.運用真實的資訊填充設計
運用真實的資訊填充設計
經常看到一些設計稿整個介面都是一樣的配圖，胡亂輸入的文案，看起來顯得非常的不專業。為了降低視覺落地的差值，我們在設計的時候儘量運用真實有效的資訊去填充我們的設計稿，在提案的時候才能給決策者一個還原真實場景的有效方案。
2.設計表達的一致性
設計表達的一致性
相同的資訊模組採用統一的設計表達，不要為了變化而加強使用者的理解。前後資訊設計的多樣性也許在視覺上面更加豐富，可是使用者會理解為這是兩個不同的模組，操作會不會也不同，無形中就增加了使用者的思考時間和學習成本。
3.資訊佈局符合閱讀習慣
資訊佈局符合閱讀習慣
從左到右，從上到下的進行閱讀是我們已有的習慣，如果你要打破這個習慣進行視覺表現，會承受挑戰使用者體驗的強大壓力。
4. 佈局層次分明，重點突出
佈局層次分明，重點突出
好的介面佈局是為了更好的引導使用者閱讀和操作，介面佈局要有層次和重點，而非簡單的將資訊進行羅列。透過卡片模組的區分和大小的變化可以很好的進行視覺引導，大大提高使用者對介面的理解，從而提高使用者的操作效率。
5.不要過度裝飾，讓介面更簡潔
不要過度裝飾，讓介面更簡潔
設計需要準確的把握“度”，過度的設計會干擾資訊的傳達。減少不必要的設計元素，讓資訊脫引而出，整個介面將會更加簡潔清爽，也不會分散使用者的注意力。
五、表單
1. 讓表單設計更簡潔
讓表單設計更簡潔
表單設計在介面中隨處可見，看到一望無際的表單使用者總是望而卻步。為了緩解使用者的這種心理活動，我們設計的時候通常會透過合併歸納相同屬性的表單，採用逐步填寫來讓使用者感覺內容很少，透過這樣的視錯覺讓使用者完成表單的填寫。
2.別把網頁的習慣帶到APP設計中
別把網頁的習慣帶到APP設計中
網頁與APP的設計在本質上面有很多不同的視覺表現規則，我們在設計APP介面的時候要脫離網頁的一些互動習慣，迴歸到移動使用者的習慣中，讓介面的操作邏輯更加順暢。
3.要提前預估資訊呈現的最大值
要提前預估資訊呈現的最大值
在進行介面佈局時，明確資訊呈現的最大值，而不是取最小值進行設計。過於理想的長度範圍也許介面樣式更美觀，可是落地之後就會給使用者帶來非常糟糕的體驗。
4. 最佳化分割線
最佳化分割線
介面設計中往往細節的處理最容易被忽略，根據介面配色的不同，我們在分割線色彩的選擇上面也要做出相應的調整。由於分割線的作用是區分上下資訊層級和介面裝飾，配色的表現力要低於文字資訊的力度，通常我們會選擇淺色而否定深色，這樣介面會更加簡潔通透。深色的分割線要慎用，除非在一些特定的產品場景下。
總結
打造使用者喜歡的產品，讓產品從能用、好用到愛用，是每個網際網路從業者的使命，為你的APP增添一些打動人心的小設計，不失為一個好辦法。
遠齊科技基於成熟的軟體架構、網際網路、物聯網、大資料、人工智慧等技術構建面向未來的整合開發平臺系統。在自有整合開發平臺基礎上，基於最佳業務實踐開發出豐富的軟體功能模組、業務系統，為企業提供高效的定製化開發服務。
