APP界面設計師基於用戶交互體驗基礎上創設的界面設計,通過對用戶體驗的視覺思維研究,使得APP界面設計不僅擁有獨特的個性與品位,還能夠為用戶帶來舒適、自由、良好的視覺感受,在實際的操作中更加符合用戶的認知習慣,在設計上為用戶帶來合理性和便利性的兩重體驗。


①界面布局的調整。設備屏幕的布局需要滿足用戶的操作習慣以及視覺習慣。用戶在屏幕中的閱讀順序通常是從上到下,從左到右,因此,為了節約用戶的時間成本,重要的信息應該放在屏幕的最上方。

用戶在屏幕上的操作通常通過大拇指來完成,這就要求設計師將用戶最常用的操作置於屏幕最下方,但要盡量避免將按鈕置於手指的觸碰死角。通常我們可以通過設置長按出現操作按鈕的方式來使界面更加簡潔,環狀排列的按鈕也更加符合人體的手指滑動軌跡。

②界面色調的選擇。界面色調的選擇是十分重要的過程,色調首先需要根據客戶和用戶的定位以及訴求來選擇。冷色調給人的感覺偏理性,暖色調給人的感覺偏感性,適宜的顏色能夠在本身特性的基礎上賦予APP更多的主觀感受,而APP反過來也能夠促進不同顏色帶給人們的更多心理感知。在進行界面色調的選擇時,首先可以參考競品顏色,選擇與競品相近的顏色。

用戶的視覺思維對色彩的感知最為敏感,不同的色彩更是為人們傳遞着不同的信息。APP設計中常應用藍色、紫色等顏色來表示科技感,紅色表示積極、向上,能夠為用戶帶來較為明顯的視覺刺激,提升視覺關注度。合理調節設計中的色彩佔比,通過色彩的對立通道設計流暢、自然的色彩過度。


①圖標繪製。圖標對於界面設計師來說是花費時間最多的一項工作內容,圖標能夠加快用戶獲取信息的速度。畫好一個圖標需要關注圖標的大小、造型以及氛圍。圖標的大小事實上影響到了每個功能的優先級,在設計時除了判斷優先級大小以外,還必須要考慮到人的視覺影響因素。

設計師在進行界面風格設計時,常常想突破原有的設計進行風格的創新,但這樣的創新是具有一定風險的,如果能從趨勢中發現潛在的先進點,的確能夠使你的設計脫穎而出,但前提是它必須經得起使用者的驗證,任何設計師都不能為了標新立異而鋌而走險。

②交互動畫設計。對於任何用戶界面來說,視覺反饋都舉足輕重,一方面視覺反饋可以明確用戶對APP的有效操控,另一方面視覺反饋可以提示用戶APP的正常運轉。動效還可以反饋按鈕功能的改變、屏幕空間的擴展、操作結果的提示等,動效還能夠表現按鈕與功能之間的層級關係。

例如:長按出現複製選項,則該選項應從按鈕處從下往上彈出,而不是從屏幕側面划出。需要注意的是,UI設計中的動效並沒有大量應用,但正是這些簡單的動效解決了轉換生硬的銜接,起到了潤滑的效果,幫助設計師進行概念的快速展示。精美的視覺設計加上簡單的動效輔助,同樣能夠得到與複雜動效相同的視覺效果。


圖標種類有很多,在一款APP裏面,圖標幾乎會出現在每一個界面中。從應用場景來區分,我們可以把圖標大致分為3類,即桌面圖標、應用內圖標和插圖類的圖標。這3類圖標的側重點是有所不同的。

①桌面圖標。一般使用產品的LOGO來做,不同的系統對桌面圖標的要求和尺寸也是不同的。桌面圖標的設計原則是,盡量讓用戶在需要使用這個APP時,能一眼從眾多App圖標中找到這個圖標。

②應用內圖標。使用場景就更多了,包括底部菜單欄的導航、頁面內的導航、分類列表等。對於應用內圖標,規範不是太多,設計原則是盡量讓整個產品內的圖標有統一的設計語言。設計的要點在於,能用最簡潔易懂的圖形來傳達給用戶該按鈕的核心功能,切忌只顧着圖標好看而忽略了實用性。

③插圖類圖標。常用於一些空白頁面,例如:提示沒有新消息、提示網絡連接失敗等,或者一些新手引導頁面,這裡的圖標會比較大,也可以理解為插圖。


從大的分類上講,字體可以分為兩大類,一類是襯線字,另一類是無襯線字。字體學裏,襯線指的是字母結構筆畫之外的裝飾性筆畫。有襯線的字體稱為襯線字體;沒有襯線的字體則稱為無襯線體。

這兩種類型的字體出現的原因主要有兩個方面:其一是這兩種字體能夠傳達出不一樣的設計風格,其二就是它們都是在歷史進程中自然形成的。手寫書法時,在開頭結尾處不易修飾平整,而使用襯線,則能夠起到一定的修飾作用,令字體的開頭結尾更加平整,且修飾後的字體顯得更加美觀。

在現代社會中,襯線字和非襯線字都有各自的適用場合,襯線字更多地用於印刷,由於襯線字字體筆畫粗細不同,筆畫末端特別的修飾,會讓文字在字號很小的時候也有不錯的顯示效果。而在屏幕端顯示的時候,受到屏幕分辨率的影響,襯線字在不同的屏幕渲染下,會讓筆畫的末端變得模糊,不如無襯線字來得乾淨和犀利。

在進行UI設計時,應用無襯線字的場景會遠遠多於應用襯線字的場景。如今隨着高清化屏幕的普及,移動設備顯示屏的分辨率越來越高,字體方面的限制逐漸變小,因此現在可以更多地應用普通平滑效果的無襯線字。

APP界面設計中用戶交互體驗與視覺思維有着很強的視覺需求、加強對界面設計的基礎布局、界面色調、圖標設計、交互動畫和字體的應用等視覺思維的實際應用,將使得APP界面設計中用戶交互體驗的整體視覺效果更加顯著,進而促進UI設計的整體質量與水平不斷提升。
原創文章,作者:投稿專員,如若轉載,請註明出處:https://www.506064.com/zh-hk/n/252672.html
微信掃一掃
支付寶掃一掃