移動端UI設計項目實戰教程 項目三 APP啟動頁、引導頁設計-任務二 引導頁設計_第1頁
移動端UI設計項目實戰教程 項目三 APP啟動頁、引導頁設計-任務二 引導頁設計_第2頁
移動端UI設計項目實戰教程 項目三 APP啟動頁、引導頁設計-任務二 引導頁設計_第3頁
移動端UI設計項目實戰教程 項目三 APP啟動頁、引導頁設計-任務二 引導頁設計_第4頁
移動端UI設計項目實戰教程 項目三 APP啟動頁、引導頁設計-任務二 引導頁設計_第5頁
已閱讀5頁,還剩11頁未讀 繼續免費閱讀

下載本文檔

版權說明:本文檔由用戶提供并上傳,收益歸屬內容提供方,若內容存在侵權,請進行舉報或認領

文檔簡介

項目三APP啟動頁、引導頁設計任務二引導頁設計任務說明:

該任務主要針對APP啟動頁、引導頁中的引導頁設計的內容進行講解,對引導頁的概念、引導頁的表現形式、色階曲線的應用、色相飽和度、色彩平衡調整、漸變樣式與應用等內容進行知識性的導入,并通過具體的任務實現過程進行實操性演練。知識導入:1、引導頁的概念:

引導頁,顧名思義是用來引導用戶學習app用法或了解app的作用的頁面,其核心在于”引導“。比如,在功能引導頁和操作引導頁的設計上就需要考慮設計目的,是產品的功能需求還是頁面的樣式需求。知識導入:2、引導頁的表現形式:

引導頁的表現形式可以分為五種:功能產品展示法,文字與APP的UI界面相結合,文案與插圖組合相結合,APP上下滑動與路線、軌跡相結合,APP動態效果與音樂、視頻融合。2、引導頁的表現形式:(1)功能展示法:圖標與重點文字相結合

圖標與重點文字相結合2、引導頁的表現形式:(2)文字與APP的UI界面相結合

這種類型的引導頁是最常用的方式之一,簡短的文字配上功能界面,主要運用在功能介紹類和使用說明類引導頁中。這種方式能較直接地傳達產品的信息,缺點是有點千篇一律。過于模式化。2、引導頁的表現形式:(3)文案與插圖組合相結合

該類型的引導頁是最常用的方式之一,插圖繪制得一般都比較具象,多以卡通人物、場景、照片等方式為主,用于表達文字內容。由于其有強烈的視覺沖擊力,所以常被設計師采用。2、引導頁的表現形式:(4)APP上下滑動與路線、軌跡相結合

這種類型的引導也多用于旅游類APP中使用。例如:馬蜂窩的旅游攻略APP。2、引導頁的表現形式:(5)APP動態效果與音樂、視頻相融合

除了靜態的引導頁展示之外,也可以為引導頁設計動圖,比如頁面間的切換,當前頁面的動態效果圖等。3、色階曲線的應用:(1)色階

色階有輸入、輸出色階選項。有顏色通道,可以針對圖片分別對其中的RBG通道、紅色通道、綠色通道和藍色通道單獨調整。色階只與圖像的亮度有光,最亮的是白色,最暗的是黑色。色階調整的范圍在0—255之間,只能整體調整,不可以局部調整。它的快捷鍵是【Ctrl+M】。3、色階曲線的應用:(2)曲線

曲線有輸入、輸出色階選項。有顏色通道,可以針對圖片分別對其中的RBG通道、紅色通道、綠色通道和藍色通道單獨調整。曲線則可以調整0—255范圍內的某一段色階。單擊一次色階對話框上的曲線,可以增加曲線點,單擊兩次則是取消曲線點。通過調整曲線點,從而調整畫面的色階。曲線的快捷鍵是【Ctrl+L】。4、色相飽和度、色彩平衡調整:(1)色相飽和度:

色相:調整對應角度值來改變色相,范圍在-180—180度之間,正好是360度,一個色環。

飽和度:調整色彩的鮮艷程度,范圍是-100—100之間,當數值設置為-100時,為灰色,沒有飽和度,也就沒有色相了。

明度:調整亮度,范圍是-100—100之間,當數值設置為100時,為白色。4、色相飽和度、色彩平衡調整:(1)色相飽和度:

4、色相飽和度、色彩平衡調整:(2)色彩平衡

色彩平衡是調色工具中比較重要的一個工具。通過對圖像的色彩平衡的調節,可以校正圖像的偏色、飽和度過度和飽和度不足的情況,也可以根據自己的喜好和需求,調整色彩平衡,以便達到更好的效果。色彩平衡的快捷鍵是【Ctrl+B】。4、色相飽和度、色彩平衡調整:(2)色彩平衡

5、漸變樣式與應用:

在PS軟件中,漸變樣式主要是用來為圖像填充漸變色。使用這個工具可以創造出兩種以上的顏色的漸變效果。漸變方式既可以選定系統自帶的,也可以自

溫馨提示

  • 1. 本站所有資源如無特殊說明,都需要本地電腦安裝OFFICE2007和PDF閱讀器。圖紙軟件為CAD,CAXA,PROE,UG,SolidWorks等.壓縮文件請下載最新的WinRAR軟件解壓。
  • 2. 本站的文檔不包含任何第三方提供的附件圖紙等,如果需要附件,請聯系上傳者。文件的所有權益歸上傳用戶所有。
  • 3. 本站RAR壓縮包中若帶圖紙,網頁內容里面會有圖紙預覽,若沒有圖紙預覽就沒有圖紙。
  • 4. 未經權益所有人同意不得將文件中的內容挪作商業或盈利用途。
  • 5. 人人文庫網僅提供信息存儲空間,僅對用戶上傳內容的表現方式做保護處理,對用戶上傳分享的文檔內容本身不做任何修改或編輯,并不能對任何下載內容負責。
  • 6. 下載文件中如有侵權或不適當內容,請與我們聯系,我們立即糾正。
  • 7. 本站不保證下載資源的準確性、安全性和完整性, 同時也不承擔用戶因使用這些下載資源對自己和他人造成任何形式的傷害或損失。

評論

0/150

提交評論