Photoshop高級應(yīng)用1全國技工院校計算機類專業(yè)教材（中/高級技能層級）Photoshop高級應(yīng)用智慧旅游服務(wù)平臺PC端登錄界面設(shè)計任務(wù)1農(nóng)產(chǎn)品超市手機App界面設(shè)計任務(wù)2項目七

用戶界面設(shè)計CONTENTS全國技工院校計算機類專業(yè)教材（中/高級技能層級）全國技工院校計算機類專業(yè)教材（中/高級技能層級）任務(wù)小結(jié)實訓(xùn)題集注意事項任務(wù)實施相關(guān)知識任務(wù)分析學(xué)習(xí)目標(biāo)●能歸納不同功能登錄界面的設(shè)計風(fēng)格、表現(xiàn)形式和結(jié)構(gòu)特點?！衲苁褂谩疤砑訄D層樣式”設(shè)置圖層效果?！衲苁褂谩皥A角矩形工具”設(shè)計登錄界面上的圖形。●能利用“置入嵌入對象”置入素材?！衲苁褂谩皺M排文字工具”創(chuàng)建文字注釋。任務(wù)小結(jié)實訓(xùn)題集注意事項任務(wù)實施相關(guān)知識任務(wù)分析學(xué)習(xí)目標(biāo)任務(wù)小結(jié)實訓(xùn)題集注意事項任務(wù)實施相關(guān)知識任務(wù)分析學(xué)習(xí)目標(biāo)本任務(wù)主要使用Photoshop2020的圓角矩形工具、橫排文字工具、置入嵌入對象命令等進行登錄界面的主題內(nèi)容的繪制，使用填充度及圖層樣式等進行效果的表現(xiàn)，設(shè)計制作具有代表性的智慧旅游服務(wù)平臺PC端登錄界面效果。本任務(wù)的學(xué)習(xí)重點是能掌握UI設(shè)計的基本思路，難點是能根據(jù)實際情況進行綜合分析，確定UI整體設(shè)計理念和風(fēng)格。任務(wù)小結(jié)實訓(xùn)題集注意事項任務(wù)實施相關(guān)知識任務(wù)分析學(xué)習(xí)目標(biāo)任務(wù)小結(jié)實訓(xùn)題集注意事項任務(wù)實施相關(guān)知識任務(wù)分析學(xué)習(xí)目標(biāo)

一、置入嵌入對象

1.在Photoshop軟件中，執(zhí)行“文件”→“置入嵌入對象”命令，選中需要的素材，單擊“置入”按鈕，按“Enter”鍵完成置入操作，此時置入的對象是智能對象，在圖層面板中選擇該“智能對象”圖層，單擊鼠標(biāo)右鍵，在彈出的快捷菜單中選擇“柵格化圖層”命令，也可以執(zhí)行“圖層”→“智能對象”→“柵格化”命令，將“智能對象”圖層轉(zhuǎn)換為普通圖層。在對某個智能對象進行柵格化之后，應(yīng)用于該智能對象的變換、變形和濾鏡將不再可編輯。任務(wù)小結(jié)實訓(xùn)題集注意事項任務(wù)實施相關(guān)知識任務(wù)分析學(xué)習(xí)目標(biāo)

2.Photoshop2020中，新增了“轉(zhuǎn)換為圖層”功能，更便于編輯修改。在圖層面板中，選擇“智能對象”圖層，單擊鼠標(biāo)右鍵，在彈出的快捷菜單中選擇“轉(zhuǎn)換為圖層”，或者執(zhí)行“圖層”→“智能對象”→“轉(zhuǎn)換為圖層”命令，即可將智能對象轉(zhuǎn)換為一個包含原有元素的圖層組。任務(wù)小結(jié)實訓(xùn)題集注意事項任務(wù)實施相關(guān)知識任務(wù)分析學(xué)習(xí)目標(biāo)

二、UI設(shè)計的基本思路

1.需要根據(jù)消費者的需求、市場的狀況、所要設(shè)計的UI等實際情況進行綜合分析，確定整體設(shè)計理念和風(fēng)格。

2.根據(jù)對應(yīng)的屏幕大小及屏幕分辨率（DPI），確定UI布局。

3.列出所有UI元素，并確定其文本顏色、字體大小及是否加粗。

4.使用Photoshop等軟件對圖片、字體、顏色、樣式進行設(shè)計美化。

5.根據(jù)用戶反饋，進行UI設(shè)計調(diào)整，以達(dá)到理想效果。

任務(wù)小結(jié)實訓(xùn)題集注意事項任務(wù)實施相關(guān)知識任務(wù)分析學(xué)習(xí)目標(biāo)

二、制作透明登錄界面

1.選擇工具箱中的“圓角矩形工具”，在屬性欄中選擇工具模式為“形狀”，設(shè)置填充顏色為“白色”，無描邊，半徑為“10像素”，繪制一個圓角矩形，在圖層面板中將圓角矩形的填充設(shè)置為“30%”。任務(wù)小結(jié)實訓(xùn)題集注意事項任務(wù)實施相關(guān)知識任務(wù)分析學(xué)習(xí)目標(biāo)

2.雙擊“圓角矩形1”圖層，打開“圖層樣式”對話框，添加“斜面和浮雕”樣式，參數(shù)設(shè)置如圖所示，添加“內(nèi)發(fā)光”樣式，設(shè)置發(fā)光顏色為淺黃色（R：255，G：255，B：193），參數(shù)如圖所示。添加“投影”樣式，參數(shù)如圖所示，設(shè)置好參數(shù)后單擊“確定”按鈕，效果如圖所示。任務(wù)小結(jié)實訓(xùn)題集注意事項任務(wù)實施相關(guān)知識任務(wù)分析學(xué)習(xí)目標(biāo)

三、制作登錄界面上文字信息

1.選擇工具箱中的“橫排文字工具”，輸入文字“用戶登錄”，設(shè)置字體為“黑體”，大小為“30點”，顏色為暗黃色（R：118，G：103，B：2），調(diào)整好字符間距和位置。任務(wù)小結(jié)實訓(xùn)題集注意事項任務(wù)實施相關(guān)知識任務(wù)分析學(xué)習(xí)目標(biāo)

2.選擇工具箱中的“圓角矩形工具”，在屬性欄中選擇工具模式為“形狀”，填充顏色為“白色”，無描邊，半徑為“10像素”，繪制一個圓角矩形，在圖層面板中設(shè)置填充度為“60%”，參照上述步驟再繪制一個圓角矩形放置在下方。任務(wù)小結(jié)實訓(xùn)題集注意事項任務(wù)實施相關(guān)知識任務(wù)分析學(xué)習(xí)目標(biāo)

3.選擇工具箱中的“橫排文字工具”，輸入文字“用戶名”，設(shè)置字體為“黑體”，大小為“24點”，顏色為青灰色（R：113，G：133，B：133），調(diào)整好字符間距和位置，參照上述步驟在“圓角矩形3”內(nèi)添加文字“密碼”。任務(wù)小結(jié)實訓(xùn)題集注意事項任務(wù)實施相關(guān)知識任務(wù)分析學(xué)習(xí)目標(biāo)

4.選擇工具箱中的“圓角矩形工具”，在屬性欄中選擇工具模式為“形狀”，無填充，設(shè)描邊顏色為暗黃色（R：118，G：103，B：2），描邊寬度為“3點”，繪制一個圓角矩形，選擇工具箱中的“橫排文字工具”，輸入文字“記住密碼”，設(shè)置字體為“黑體”，大小為“18點”，顏色為暗黃色（R：118，G：103，B：2），調(diào)整好字符間距和位置，參照上述步驟制作“自動登錄”選項。任務(wù)小結(jié)實訓(xùn)題集注意事項任務(wù)實施相關(guān)知識任務(wù)分析學(xué)習(xí)目標(biāo)

5.選擇工具箱中的“圓角矩形工具”，在屬性欄中選擇工具模式為“形狀”，填充顏色為深綠色（R：125，G：150，B：0），無描邊，繪制一個圓角矩形，選擇工具箱中的“橫排文字工具”，輸入文字“登錄”，設(shè)置字體為“黑體”，大小為“24點”，顏色為“白色”，調(diào)整好字符間距和位置。再使用“橫排文字工具”輸入文字“忘記密碼？|注冊新用戶”，設(shè)置字體為“黑體”，大小為“18點”，顏色為暗黃色（R：118，G：103，B：2），設(shè)置下畫線，調(diào)整好字符間距和位置。任務(wù)小結(jié)實訓(xùn)題集注意事項任務(wù)實施相關(guān)知識任務(wù)分析學(xué)習(xí)目標(biāo)

四、制作“智慧旅游服務(wù)平臺”標(biāo)題文字

1.選擇工具箱中的“橫排文字工具”，輸入文字“智慧旅游服務(wù)平臺”，設(shè)置字體為“方正粗宋簡體”，大小為“72點”，顏色為“紅色”，調(diào)整好字符間距和位置，效果如圖所示。任務(wù)小結(jié)實訓(xùn)題集注意事項任務(wù)實施相關(guān)知識任務(wù)分析學(xué)習(xí)目標(biāo)

2.雙擊“智慧旅游服務(wù)平臺”文字圖層，打開“圖層樣式”對話框，添加“描邊”樣式，參數(shù)如圖所示。添加“內(nèi)發(fā)光”樣式，設(shè)置發(fā)光顏色為淺黃綠色（R：253，G：255，B：212），參數(shù)如圖所示。添加“投影”樣式，參數(shù)如圖所示。設(shè)置好參數(shù)后，單擊“確定”按鈕，效果如圖所示。任務(wù)小結(jié)實訓(xùn)題集注意事項任務(wù)實施相關(guān)知識任務(wù)分析學(xué)習(xí)目標(biāo)1.考慮不同的屏幕分辨率，確保界面在常見的分辨率下都能清晰顯示，并且元素布局不會出現(xiàn)錯亂。2.選擇協(xié)調(diào)、舒適的色彩方案，考慮色彩的對比度，以確保文字和重要元素在背景上清晰可讀。3.設(shè)計直觀的交互元素，如按鈕、鏈接和輸入框等，讓用戶能夠輕松理解和操作。任務(wù)小結(jié)實訓(xùn)題集注意事項任務(wù)實施相關(guān)知識任務(wù)分析學(xué)習(xí)目標(biāo)任務(wù)小結(jié)實訓(xùn)題集注意事項任務(wù)實施相關(guān)知識任務(wù)分析學(xué)習(xí)目標(biāo)任務(wù)小結(jié)實訓(xùn)題集注意事項任務(wù)實施相關(guān)知識任務(wù)分析學(xué)習(xí)目標(biāo)

本任務(wù)通過設(shè)計制作智慧旅游服務(wù)平臺PC端登錄界面，學(xué)習(xí)了UI設(shè)計的基本思路，包括整體設(shè)計理念和風(fēng)格、對應(yīng)的屏幕大小及屏幕分辨率、文本顏色、字體大小、樣式美化等。

本任務(wù)重點學(xué)