APP引導頁表現(xiàn)技巧,那你UI設計更有趣

2021-5-26    seo達人


一款APP最先呈現(xiàn)在用戶眼前往往是從引導頁開始,在這個情況下,一個APP設計的好壞、使用否能吸引用戶可以在引導頁的設計上有第一感知。想讓APP設計更加有趣,引導頁設計需要遵循以下幾點。


信息傳遞表現(xiàn)技巧


①文字信息的傳遞。文字是手機APP引導頁表現(xiàn)形式中最基礎的信息傳遞載體,也是最難把控的設計元素。簡短的文字更易于引導頁的信息傳遞,以文字信息的傳遞的為主的APP引導頁設計表現(xiàn)形式,需要對引導頁界面的文字進行優(yōu)化,還可以通過文字字體的趣味形態(tài)和排列組合方式讓用戶眼前一亮。
大圖模式


②圖片信息的傳遞。AP引導頁設計的圖片信息,以全屏的人物圖片為主,在不同的圖片中,用戶對于人臉和具有動感的圖片比較容易關注,而且通過圖片可以通過對用戶視覺的刺激使其很快的產(chǎn)生聯(lián)想并產(chǎn)生行為,給予用戶很好的代入感。


大圖模式


撞色搭配表現(xiàn)技巧


色彩是讓用戶與界面生交互的關鍵性設計元素,用戶會對引導頁的界面色彩留下很久的印象,是因為色彩是視覺傳遞情感的最直觀因素,也是用戶視覺中最敏感的部分。其中“撞色”搭配就是一種極其吸引用戶眼球的色彩運用方案。

大圖模式


①互補色搭配的形式。互補色搭配又稱強度對比色搭配,也是一種絕對的色彩搭配,例如:互補色搭配中紅與綠、紫與黃、藍與橙,對這種很強分離性的色彩進行搭配,很容易讓界面的色彩關系拉開距離,縮短用戶對APP引導頁視覺上選擇的時間,表現(xiàn)出一種獨特的視覺對比與平衡。
大圖模式


②對比色搭配的形式。對比色是人的視網(wǎng)膜對色彩平衡的作用,是人通過視覺感官而產(chǎn)生的一種基本的生理反應。對比色的搭配不同于完全對立的互補色,同時處于相對對立的區(qū)域中兩大類色彩之間的搭配。對比色搭配在24色相環(huán)上120度至180度之間的兩種顏色之間的搭配。


大圖模式
界面構成表現(xiàn)技巧

①規(guī)范式界面布局。規(guī)范式界面布局通常以大面積的留白為主,通過對界面的分割,讓信息元素成一種強烈的視覺聚焦,使用戶對界面產(chǎn)生參與感。


大圖模式


APP引導頁中的留白主要分為重度留白與輕度留白,重度留白傳遞的不是產(chǎn)品的基礎信息,而是概念、氣質(zhì)和態(tài)度;輕度留白傳遞的往往是直觀的傳達信息。
大圖模式


②自由式界面布局。自由式界面布局一般展示的內(nèi)容比較多,在多個界面的APP引導頁中闡述同一個訴求,每個界面的關系通常是并列的關系,確定界面文字、圖形元素的最大值和最小值,讓視覺聚焦在一個體塊中,再從這個體塊中對信息進行排列組合,引導用戶的視覺流向。

大圖模式


③串聯(lián)式界面布局。串聯(lián)式界面布局要求引導頁展示的內(nèi)容要簡明扼要,界面中所有的元素都要按照一定的順序有機的排列,并且頁面之間要有一定的邏輯關系。

大圖模式


混搭表現(xiàn)技巧


①文字與界面的混搭。手機APP引導頁不單單是一個界面的設計,還包含了用戶與界面的互動性體驗。APP引導頁的界面屬于一個平面的空間,將引導頁界面再放置到引導頁中,并配以精簡的文字說明,讓用戶與界面展示的內(nèi)容之間產(chǎn)生交互,這種交互更直觀。
大圖模式
②文字與插圖的混搭。文字為輔助元素,插圖為主要元素。插圖作為彰顯APP引導頁獨特的表現(xiàn)形式,在設計中插圖元素應該盡量選取具體的、簡單易懂的,確保插圖元素傳遞給用戶的信息是明確并且易于識別的。運用插圖元素,配以精簡的文字,設置相應的情景氛圍。可以讓用戶更直觀、更迅速了解APP產(chǎn)品。
大圖模式


③靜態(tài)界面與動態(tài)元素的混搭。用戶對于靜態(tài)界面的注意力是有限的,因此APP引導頁的設計中除了靜態(tài)的界面展示形式,還可以運用一些生動有趣的動態(tài)元素。
大圖模式


動態(tài)元素具備了動態(tài)的畫面和音效,可以讓用戶眼前一亮,在引導頁界面之間切換時產(chǎn)生視覺上的觸動、產(chǎn)生響應,為原本靜態(tài)的界面增添了動的點,減少了用戶對于初次使用引導頁的陌生感,這些動態(tài)的元素可以闡述一整個完整的信息,也可以并列的闡述一些信息。
大圖模式


但是界面中的動態(tài)元素不要加入太多,最好只有一處,過多的動態(tài)元素會影響用戶的視覺中心,讓用戶不知道看哪里好。靜態(tài)界面與動態(tài)元素的混搭可以讓用戶在接受靜態(tài)元素的同時,與界面產(chǎn)生互動享受不一樣的視覺和聽覺的體驗。 

文章來源:快資訊  作者:衍果設計

藍藍設計建立了UI設計分享群,每天會分享國內(nèi)外的一些優(yōu)秀設計,如果有興趣的話,可以進入一起成長學習,請掃碼藍小助,報下信息,藍小助會請您入群。歡迎您加入噢~~希望得到建議咨詢、商務合作,也請與我們聯(lián)系。

                                                            微信圖片_20210513163802.png

 

分享此文一切功德,皆悉回向給文章原作者及眾讀者.
免責聲明:藍藍設計尊重原作者,文章的版權歸原作者。如涉及版權問題,請及時與我們?nèi)〉寐?lián)系,我們立即更正或刪除。

 

藍藍設計sillybuy.com )是一家專注而深入的界面設計公司,為期望卓越的國內(nèi)外企業(yè)提供卓越的UI界面設計、BS界面設計 、 cs界面設計 、 ipad界面設計 、 包裝設計 、 圖標定制 、 用戶體驗 、交互設計、 網(wǎng)站建設 、平面設計服務


分享本文至:

日歷

鏈接

個人資料

藍藍設計的小編 http://sillybuy.com

存檔