APP的界面設計 app軟件界面設計圖



文章插圖
APP的界面設計 app軟件界面設計圖

文章插圖
APP界面設計師基于用戶交互體驗基礎上創設的界面設計,通過對用戶體驗的視覺思維研究,使得APP界面設計不僅擁有獨特的個性與品位,還能夠為用戶帶來舒適、自由、良好的視覺感受,在實際的操作中更加符合用戶的認知習慣,在設計上為用戶帶來合理性和便利性的兩重體驗 。
①界面布局的調整 。設備屏幕的布局需要滿足用戶的操作習慣以及視覺習慣 。用戶在屏幕中的閱讀順序通常是從上到下,從左到右,因此,為了節約用戶的時間成本,重要的信息應該放在屏幕的最上方 。
用戶在屏幕上的操作通常通過大拇指來完成,這就要求設計師將用戶最常用的操作置于屏幕最下方,但要盡量避免將按鈕置于手指的觸碰死角 。通常我們可以通過設置長按出現操作按鈕的方式來使界面更加簡潔,環狀排列的按鈕也更加符合人體的手指滑動軌跡 。
②界面色調的選擇 。界面色調的選擇是十分重要的過程,色調首先需要根據客戶和用戶的定位以及訴求來選擇 。冷色調給人的感覺偏理性,暖色調給人的感覺偏感性,適宜的顏色能夠在本身特性的基礎上賦予APP更多的主觀感受,而APP反過來也能夠促進不同顏色帶給人們的更多心理感知 。在進行界面色調的選擇時,首先可以參考競品顏色,選擇與競品相近的顏色 。
用戶的視覺思維對色彩的感知最為敏感,不同的色彩更是為人們傳遞著不同的信息 。APP設計中常應用藍色、紫色等顏色來表示科技感,紅色表示積極、向上,能夠為用戶帶來較為明顯的視覺刺激,提升視覺關注度 。合理調節設計中的色彩占比,通過色彩的對立通道設計流暢、自然的色彩過度 。
①圖標繪制 。圖標對于界面設計師來說是花費時間最多的一項工作內容,圖標能夠加快用戶獲取信息的速度 。畫好一個圖標需要關注圖標的大小、造型以及氛圍 。圖標的大小事實上影響到了每個功能的優先級,在設計時除了判斷優先級大小以外,還必須要考慮到人的視覺影響因素 。
設計師在進行界面風格設計時,常常想突破原有的設計進行風格的創新,但這樣的創新是具有一定風險的,如果能從趨勢中發現潛在的先進點,的確能夠使你的設計脫穎而出,但前提是它必須經得起使用者的驗證,任何設計師都不能為了標新立異而鋌而走險 。
②交互動畫設計 。對于任何用戶界面來說,視覺反饋都舉足輕重,一方面視覺反饋可以明確用戶對APP的有效操控,另一方面視覺反饋可以提示用戶APP的正常運轉 。動效還可以反饋按鈕功能的改變、屏幕空間的擴展、操作結果的提示等,動效還能夠表現按鈕與功能之間的層級關系 。
例如:長按出現復制選項,則該選項應從按鈕處從下往上彈出,而不是從屏幕側面劃出 。需要注意的是,UI設計中的動效并沒有大量應用,但正是這些簡單的動效解決了轉換生硬的銜接,起到了潤滑的效果,幫助設計師進行概念的快速展示 。精美的視覺設計加上簡單的動效輔助,同樣能夠得到與復雜動效相同的視覺效果 。
圖標種類有很多,在一款APP里面,圖標幾乎會出現在每一個界面中 。從應用場景來區分,我們可以把圖標大致分為3類,即桌面圖標、應用內圖標和插圖類的圖標 。這3類圖標的側重點是有所不同的 。
①桌面圖標 。一般使用產品的LOGO來做,不同的系統對桌面圖標的要求和尺寸也是不同的 。桌面圖標的設計原則是,盡量讓用戶在需要使用這個APP時,能一眼從眾多App圖標中找到這個圖標 。
②應用內圖標 。使用場景就更多了,包括底部菜單欄的導航、頁面內的導航、分類列表等 。對于應用內圖標,規范不是太多,設計原則是盡量讓整個產品內的圖標有統一的設計語言 。設計的要點在于,能用最簡潔易懂的圖形來傳達給用戶該按鈕的核心功能,切忌只顧著圖標好看而忽略了實用性 。
【APP的界面設計 app軟件界面設計圖】③插圖類圖標 。常用于一些空白頁面,例如:提示沒有新消息、提示網絡連接失敗等,或者一些新手引導頁面,這里的圖標會比較大,也可以理解為插圖 。
從大的分類上講,字體可以分為兩大類,一類是襯線字,另一類是無襯線字 。字體學里,襯線指的是字母結構筆畫之外的裝飾性筆畫 。有襯線的字體稱為襯線字體;沒有襯線的字體則稱為無襯線體 。
這兩種類型的字體出現的原因主要有兩個方面:其一是這兩種字體能夠傳達出不一樣的設計風格,其二就是它們都是在歷史進程中自然形成的 。手寫書法時,在開頭結尾處不易修飾平整,而使用襯線,則能夠起到一定的修飾作用,令字體的開頭結尾更加平整,且修飾后的字體顯得更加美觀 。
在現代社會中,襯線字和非襯線字都有各自的適用場合,襯線字更多地用于印刷,由于襯線字字體筆畫粗細不同,筆畫末端特別的修飾,會讓文字在字號很小的時候也有不錯的顯示效果 。而在屏幕端顯示的時候,受到屏幕分辨率的影響,襯線字在不同的屏幕渲染下,會讓筆畫的末端變得模糊,不如無襯線字來得干凈和犀利 。
在進行UI設計時,應用無襯線字的場景會遠遠多于應用襯線字的場景 。如今隨著高清化屏幕的普及,移動設備顯示屏的分辨率越來越高,字體方面的限制逐漸變小,因此現在可以更多地應用普通平滑效果的無襯線字 。
APP界面設計中用戶交互體驗與視覺思維有著很強的視覺需求、加強對界面設計的基礎布局、界面色調、圖標設計、交互動畫和字體的應用等視覺思維的實際應用,將使得APP界面設計中用戶交互體驗的整體視覺效果更加顯著,進而促進UI設計的整體質量與水平不斷提升 。