Photoshop創(chuàng)意設(shè)計(jì)項(xiàng)目實(shí)戰(zhàn)（Photoshop 2021）課件 項(xiàng)目3、4 形狀工具和圖層效果、圖標(biāo)創(chuàng)意設(shè)計(jì)

SP形狀工具和圖層效果第3章項(xiàng)目任務(wù)01規(guī)則形狀的繪制02任意形狀繪制和路徑編輯03圖層樣式和圖層的混合模式04【創(chuàng)意設(shè)計(jì)】紅色教育專題網(wǎng)站設(shè)計(jì)05【思維拓展】主題網(wǎng)站二級(jí)/三級(jí)頁(yè)設(shè)計(jì)知識(shí)目標(biāo)掌握形狀工具的應(yīng)用；掌握鋼筆工具的應(yīng)用；掌握?qǐng)D層樣式的應(yīng)用；掌握?qǐng)D層混合模式的應(yīng)用；了解網(wǎng)頁(yè)設(shè)計(jì)工作流程及要求。能力目標(biāo)能使用形狀、鋼筆等工具繪制簡(jiǎn)單的圖形；能使用圖層樣式制作文本特效；能使用圖層混合模式編輯與美化圖像；能靈活運(yùn)用所學(xué)工具和命令制作網(wǎng)頁(yè)案例。素養(yǎng)目標(biāo)以【網(wǎng)頁(yè)設(shè)計(jì)-中華優(yōu)秀傳統(tǒng)文化專題網(wǎng)】為載體，傳承與創(chuàng)新中華優(yōu)秀傳統(tǒng)文化，培養(yǎng)學(xué)生文化自信。教學(xué)目標(biāo)教學(xué)重點(diǎn)矩形工具的應(yīng)用；橢圓形工具的應(yīng)用教學(xué)難點(diǎn)在運(yùn)用形狀工具制作欄目制作時(shí)，欄目?jī)?nèi)容和層次結(jié)構(gòu)的設(shè)計(jì)重點(diǎn)難點(diǎn)本章主要介紹規(guī)則形狀的繪制、鋼筆工具的使用和圖層效果等方面的應(yīng)用和技巧。通過(guò)本章的學(xué)習(xí)可以根據(jù)設(shè)計(jì)任務(wù)需要，繪制出精美圖形，并能使用圖層混合模式編輯與美化圖像；能靈活運(yùn)用所學(xué)工具和命令，完成【網(wǎng)站項(xiàng)目設(shè)計(jì)】。傳統(tǒng)文化專題網(wǎng)站項(xiàng)目設(shè)計(jì)3.1規(guī)則形狀的繪制矩形工具、橢圓工具和直線工具等是最基本和最常用的形狀工具。在工具箱中選擇矩形工具等形狀工具繪制圖形時(shí)，默認(rèn)會(huì)新建一個(gè)形狀圖層，如圖所示。3.1規(guī)則形狀的繪制按住【空格】鍵，拖動(dòng)鼠標(biāo)可進(jìn)行位置的移動(dòng)。按住【Shift】鍵，可以繪制正方形/正圓形。按住【Alt】鍵，可以繪制從中心向四周擴(kuò)展的矩形/橢圓形。同時(shí)按住【Alt+Shift】組合鍵，可以繪制從中心向四周擴(kuò)展的正方形/正圓形。使用技巧在形狀繪制的過(guò)程中，需要熟記以下幾個(gè)小技巧：3.1規(guī)則形狀的繪制規(guī)則形狀工具很多屬性都是一樣的，下面以“矩形工具”的屬性欄為例進(jìn)行介紹：形狀：形狀有3個(gè)選項(xiàng)，形狀-創(chuàng)建路徑形狀、路徑-創(chuàng)建工作路徑、像素-創(chuàng)建填充區(qū)域。填充：用于設(shè)置形狀填充的狀態(tài)，有無(wú)顏色填充、純色填充、漸變填充、圖案填充4種設(shè)置。描邊：用于設(shè)置邊框的類(lèi)型，有無(wú)顏色（無(wú)邊框）、純色邊框、漸變邊框、圖案邊框4種設(shè)置；還可以設(shè)置邊框的粗細(xì)、線型、對(duì)齊、端點(diǎn)、角點(diǎn)等。在菜單欄中，選擇【窗口】-【屬性】命令，可以打開(kāi)單獨(dú)的屬性面板，通過(guò)外觀參數(shù)的設(shè)置，修改形狀圖形的外觀，還可以通過(guò)打開(kāi)/關(guān)閉【關(guān)聯(lián)設(shè)置】鍵，把矩形的圓角半徑設(shè)置成全部相同的半徑，或者分別設(shè)置成兩兩相同或者四個(gè)都不相同的圓角半徑值，如圖所示?！救蝿?wù)1】規(guī)則形狀繪制-導(dǎo)航菜單任務(wù)1形狀繪制的過(guò)程中，可以按住空格鍵拖動(dòng)鼠標(biāo)進(jìn)行位置的移動(dòng)。矩形/橢圓形工具：

按住【Shift鍵】可以繪制正方形/正圓形；

按住【Alt鍵】可以繪制從中心向四周的矩形/橢圓形；

同時(shí)按住【Alt+Shift組合鍵】，可以繪制從中心向四周的正方形/正圓形。形狀工具屬性欄：

【形狀】-形狀、路徑、像素三個(gè)選項(xiàng)，用于創(chuàng)建路徑形狀或填充區(qū)域；

【填充】-無(wú)顏色、純色、漸變、圖案四個(gè)設(shè)置；

【描邊】-無(wú)顏色、純色、漸變、圖案四個(gè)設(shè)置，可以設(shè)置描邊粗細(xì)、線型、對(duì)齊、端點(diǎn)、角點(diǎn)等。描邊選項(xiàng)：

【對(duì)齊】即描邊的位置/描邊的樣式可設(shè)置為，居內(nèi)-沒(méi)有倒角、居中-有倒角、外部-有倒角；

【端點(diǎn)】閉合的路徑?jīng)]有端點(diǎn)，不封閉的路徑才有端點(diǎn)，如虛線、線段；

【角點(diǎn)】即倒角，無(wú)角點(diǎn)、圓弧角點(diǎn)、斜邊角點(diǎn)三個(gè)設(shè)置。圓角的半徑：矩形的圓角半徑可以設(shè)置相同的半徑，也可以分別設(shè)置成1-4個(gè)不同的圓角半徑，在菜單欄中選擇【窗口】—【屬性】命令打開(kāi)屬性面板進(jìn)行設(shè)置。使用技巧【任務(wù)2】規(guī)則形狀繪制-欄目制作任務(wù)2網(wǎng)頁(yè)設(shè)計(jì)中首頁(yè)欄目設(shè)計(jì)原則：首頁(yè)代表企業(yè)的形象，是企業(yè)的門(mén)面和靈魂，是吸引用戶進(jìn)一步訪問(wèn)網(wǎng)站的關(guān)鍵。

【欄目?jī)?nèi)容】放置網(wǎng)站最重要、最有價(jià)值、觀注群體最想知道的信息點(diǎn)；

【欄目規(guī)劃】層次結(jié)構(gòu)和區(qū)域分割合理，如一整塊、左-右結(jié)構(gòu)、左-中-右結(jié)構(gòu)；

【欄目展示】考慮界面的美觀和易用性。使用技巧【任務(wù)3】任意形狀繪制-Banner制作任務(wù)2通過(guò)Banner制作，學(xué)習(xí)鋼筆工具的應(yīng)用。3.2任意形狀繪制和路徑編輯Photoshop的路徑功能可以繪制直線段；繪制曲線段;繪制復(fù)雜的圖像；路徑的描邊；路徑的選??；把圖像變成選區(qū)摳圖。小結(jié)錨點(diǎn)的種類(lèi)：

【直線錨點(diǎn)】直接單擊的錨點(diǎn)是直線錨點(diǎn)，兩個(gè)直線錨點(diǎn)之間的路徑是直線；

【曲線錨點(diǎn)】按住鼠標(biāo)左鍵不放，拖動(dòng)的錨點(diǎn)是曲線錨點(diǎn)，兩個(gè)曲線錨點(diǎn)之間的路徑是曲線，兩個(gè)獨(dú)立手柄可用小白工具調(diào)節(jié)；

【半曲半直】繪制曲線錨點(diǎn)后，按住Alt鍵將鼠標(biāo)放到曲線錨點(diǎn)上，單擊鼠標(biāo)左鍵可打斷控制手柄。結(jié)束路徑：

【方法1】按住【Ctrl】鍵，鋼筆工具臨時(shí)切換為小白工具，在文檔的其他地方單擊鼠標(biāo)左鍵；

【方法2】按【Esc】鍵。路徑的繼續(xù)繪制（接著繪制）：將鼠標(biāo)移動(dòng)到路徑的端點(diǎn)上，鼠標(biāo)的右下角變成“空心+”標(biāo)記時(shí),單擊鼠標(biāo)【左】鍵。使用技巧使用技巧3.3圖層樣式和圖層的混合模式圖層樣式和圖層的混合模式，用于為圖層添加不同的效果，使圖層中的圖像產(chǎn)生豐富的變化，常應(yīng)用于按鈕、圖標(biāo)和文字特效等方面的制作?！救蝿?wù)4】圖層樣式-按鈕制作任務(wù)2操作提示：設(shè)置圖層樣式-漸變疊加設(shè)置漸變編輯器三種方法打開(kāi)【圖層樣式】控制面板【任務(wù)5】圖層樣式-立體圖形和文字特效Photoshop提供了多種圖層樣式可供選擇，可以單獨(dú)為圖像添加一種樣式，還可同時(shí)為圖像添加多種樣式。應(yīng)用圖層樣式命令可以為圖像添加斜面和浮雕、描邊、顏色疊加、投影等效果，制作特殊的圖形和文字效果。使用技巧任務(wù)5圖層的混合模式正常模式組：包括正常、溶解。變暗模式組：變暗組的混合模式，混合后一定是比正常模式暗。包括變暗、正片疊底、顏色加深、線性加深、深色。變亮模式組：變亮組的混合模式，混合后一定是比正常模式亮。包括變亮、濾色、顏色減淡、線性減淡、淺色。疊加模式組：疊加模式組，主要是為圖像去灰，讓暗的更暗，亮的更亮。包括疊加、柔光、強(qiáng)光、亮光、線性光、實(shí)色混合。差值模式組：包括差值、減去、排除、劃分。色彩模式組：包括色相、飽和度、顏色、明度。使用技巧圖層的混合模式至少需要有兩個(gè)圖層，用于為圖層添加不同的模式，使圖層產(chǎn)生豐富的視覺(jué)效果。圖層的混合模式包含有27種模式，選擇的模式?jīng)Q定了當(dāng)前圖層中的圖像與其下面圖層中的圖像以何種模式進(jìn)行混合。【任務(wù)6】圖層的混合模式-Banner制作任務(wù)6【項(xiàng)目3】網(wǎng)頁(yè)設(shè)計(jì)-傳統(tǒng)文化專題網(wǎng)站項(xiàng)目網(wǎng)站是信息傳播的媒體，也是企事業(yè)單位對(duì)外宣傳的形象窗口之一。根據(jù)企事業(yè)單位希望向用戶傳遞的信息，如文化、理念、服務(wù)、產(chǎn)品和銷(xiāo)售等內(nèi)容，網(wǎng)站規(guī)劃的目的不同，網(wǎng)頁(yè)設(shè)計(jì)的方案存在極大差異。要做好網(wǎng)頁(yè)設(shè)計(jì)，需求分析十分關(guān)鍵，以下是【紅色教育專題網(wǎng)站】的需求分析表?！卷?xiàng)目3】網(wǎng)頁(yè)設(shè)計(jì)-傳統(tǒng)文化專題網(wǎng)站網(wǎng)站設(shè)計(jì)需求分析表傳統(tǒng)文化專題網(wǎng)站【趣說(shuō)素養(yǎng)】傳統(tǒng)文化與傳承創(chuàng)新【趣說(shuō)素養(yǎng)】傳統(tǒng)文化與傳承創(chuàng)新回顧我們經(jīng)歷過(guò)的傳統(tǒng)文化專題學(xué)習(xí)活動(dòng)，談一談在該專題網(wǎng)站的欄目設(shè)置上，還可以增加哪些方面的內(nèi)容，如誦讀紅色經(jīng)典等?；仡欀袊?guó)愛(ài)國(guó)主義紅色經(jīng)典影片，為紅影紅典的Banner提煉電影的促銷(xiāo)主題，如《建國(guó)大業(yè)》、《建黨偉業(yè)》、《辛亥革命》等。Banner設(shè)計(jì)：用中國(guó)元素和革命戰(zhàn)爭(zhēng)元素的圖片，突出紅色教育專題網(wǎng)站主題。導(dǎo)航設(shè)計(jì)：在鼠標(biāo)經(jīng)過(guò)時(shí)的按鈕效果使用漸變色塊，能增加網(wǎng)站的靈動(dòng)性和辨識(shí)度，也提升圖標(biāo)視覺(jué)美觀效果。欄目設(shè)計(jì)：板塊劃分明確、視覺(jué)豐富、層級(jí)清晰，頁(yè)面重點(diǎn)突出，有視覺(jué)重點(diǎn)?！緞?chuàng)想火花】項(xiàng)目010203【項(xiàng)目3】網(wǎng)頁(yè)設(shè)計(jì)-傳統(tǒng)文化專題網(wǎng)站網(wǎng)站頁(yè)面元素的設(shè)計(jì)包含以下幾個(gè)模塊：

LOGO和導(dǎo)航設(shè)計(jì)：任何類(lèi)型的網(wǎng)站，都需要在網(wǎng)站明顯的位置放置LOGO和規(guī)劃導(dǎo)航。LOGO和網(wǎng)站導(dǎo)航可以極大的強(qiáng)化品牌文化和增強(qiáng)網(wǎng)頁(yè)的指引性，能讓用戶輕松快捷的找到頁(yè)面內(nèi)容。

廣告設(shè)計(jì)/banner：網(wǎng)頁(yè)上方或中間部位一般會(huì)留一個(gè)廣告位也叫“banner”，通過(guò)banner宣傳企事業(yè)單位的產(chǎn)品和活動(dòng)，引起用戶注意，激發(fā)用戶的觀注和瀏覽欲望。banner的展示形式也是多樣的，可以是動(dòng)畫(huà)、輪換圖片等。

位置標(biāo)示：明確告訴瀏覽者當(dāng)前的具體位置。

主體內(nèi)容：主體內(nèi)容基本都在網(wǎng)頁(yè)的中間部位，列出的欄目是網(wǎng)站中最重要、最有價(jià)值、觀注群體最想知道的信息點(diǎn)的內(nèi)容模塊。

頁(yè)腳設(shè)計(jì):頁(yè)腳包含版權(quán)信息、企事業(yè)單位的詳細(xì)聯(lián)系方式、微信號(hào)及二維碼等，能快速滿足用戶的聯(lián)系需求，在用戶轉(zhuǎn)化方面有著非常顯著的作用，也是頁(yè)面平衡的重要元素，否則會(huì)讓頁(yè)面顯得頭重腳輕。使用技巧【項(xiàng)目3】網(wǎng)頁(yè)設(shè)計(jì)-傳統(tǒng)文化專題網(wǎng)站想一想1.網(wǎng)站的頁(yè)面設(shè)計(jì)一般包含哪幾類(lèi)頁(yè)面，各類(lèi)頁(yè)面設(shè)計(jì)有什么特點(diǎn)？2.怎么保持網(wǎng)站整體設(shè)計(jì)風(fēng)格的統(tǒng)一？專題網(wǎng)站二級(jí)頁(yè)面、三級(jí)頁(yè)面設(shè)計(jì)在保持中華優(yōu)秀傳統(tǒng)文化專題網(wǎng)首頁(yè)設(shè)計(jì)風(fēng)格的基礎(chǔ)上，用Photoshop完成該網(wǎng)站二級(jí)頁(yè)面（列表頁(yè)）和三級(jí)頁(yè)面（內(nèi)容頁(yè)）的設(shè)計(jì)。完成中華優(yōu)秀傳統(tǒng)文化專題網(wǎng)紅影經(jīng)典的Banner改版?！卷?xiàng)目設(shè)計(jì)】學(xué)院網(wǎng)站設(shè)計(jì)對(duì)廣西機(jī)電職業(yè)技術(shù)學(xué)院“信息工程學(xué)院網(wǎng)站”或“藝術(shù)設(shè)計(jì)學(xué)院網(wǎng)站”進(jìn)行改版設(shè)計(jì)。在Photoshop課程結(jié)束前兩周，以項(xiàng)目小組為單位提交作業(yè)。【設(shè)計(jì)要求】1．參考同類(lèi)網(wǎng)站，根據(jù)學(xué)院的專業(yè)設(shè)置等，重新規(guī)劃網(wǎng)站欄目、功能區(qū)布局等。（10分）2．要求網(wǎng)頁(yè)設(shè)計(jì)從易用性、主題配色、版面布局、欄目規(guī)劃和圖片運(yùn)用等方面，更好地突出網(wǎng)頁(yè)內(nèi)容的特點(diǎn)和學(xué)院特色，有效提高點(diǎn)擊率。（30分）3．用Photoshop完成3個(gè)頁(yè)面的設(shè)計(jì)：首頁(yè)（一級(jí)頁(yè)面）、列表頁(yè)（二級(jí)頁(yè)面）、內(nèi)容頁(yè)（三級(jí)頁(yè)面）。（40分）4．在Photoshop中做好網(wǎng)頁(yè)切片，提交3類(lèi)文件：素材文件、PSD格式的源文件和切片文件。（15分）5．提交具體項(xiàng)目小組人員名單和分工，將文件命名為“班級(jí)項(xiàng)目小組-主題名稱”，如2104奮進(jìn)項(xiàng)目組-信息工程學(xué)院網(wǎng)站。（5分）圖像處理hotoshopP圖像處理TheEndSP圖標(biāo)創(chuàng)意設(shè)計(jì)第4章項(xiàng)目任務(wù)01圖標(biāo)的作用02圖標(biāo)創(chuàng)意三步曲03圖標(biāo)的用色04

圖標(biāo)的設(shè)計(jì)手法05

圖標(biāo)創(chuàng)意設(shè)計(jì)知識(shí)目標(biāo)了解圖標(biāo)的作用和設(shè)計(jì)原則；掌握?qǐng)D標(biāo)創(chuàng)意設(shè)計(jì)三步曲；掌握形狀工具、顏色填充、圖層樣式的操作方法。能力目標(biāo)能使用形狀和顏色填充等工具繪制簡(jiǎn)單的圖形；能使用圖層樣式制作圖形的立體效果；能獨(dú)立完成圖標(biāo)的設(shè)計(jì)和制作。素養(yǎng)目標(biāo)以【圖標(biāo)設(shè)計(jì)-中國(guó)元素圖標(biāo)設(shè)計(jì)】為載體，實(shí)施標(biāo)準(zhǔn)化和規(guī)范化的操作，有利于職業(yè)崗位的工作任務(wù)引領(lǐng)，精益求精。通過(guò)項(xiàng)目制作，培養(yǎng)學(xué)生的職業(yè)規(guī)范和精益求精的工匠精神，樹(shù)立嚴(yán)謹(jǐn)務(wù)實(shí)的學(xué)習(xí)態(tài)度。教學(xué)目標(biāo)教學(xué)重點(diǎn)圖標(biāo)創(chuàng)意設(shè)計(jì)三步曲圖標(biāo)的設(shè)計(jì)與制作教學(xué)難點(diǎn)如何運(yùn)用廣西壯鄉(xiāng)特色民族文化元素，融入圖標(biāo)的創(chuàng)意設(shè)計(jì)重點(diǎn)難點(diǎn)圖標(biāo)是界面中重要的信息傳播載體，精美的圖標(biāo)設(shè)計(jì)能起到畫(huà)龍點(diǎn)睛的作用，有效提高點(diǎn)擊率和推廣效果。本章主要介紹形狀工具、自由變換、顏色填充、圖層樣式等方面的應(yīng)用和技巧。通過(guò)本章的學(xué)習(xí)可以根據(jù)設(shè)計(jì)任務(wù)的需要，繪制具有中國(guó)元素的特色圖標(biāo)，并能為繪制的圖標(biāo)添加豐富的視覺(jué)效果，完成【圖標(biāo)設(shè)計(jì)】中國(guó)元素圖標(biāo)設(shè)計(jì)。圖標(biāo)設(shè)計(jì)項(xiàng)目設(shè)計(jì)項(xiàng)目引入圖標(biāo)的作用思考：路牌標(biāo)識(shí)有什么作用？

高辨識(shí)度-傳達(dá)事物特征

快速引導(dǎo)-提示行動(dòng)圖標(biāo)的作用圖片+文字”的圖標(biāo)表現(xiàn)

高辨識(shí)度-更容易傳達(dá)事物的特征。

快速引導(dǎo)-有效提示行動(dòng)指引。

功能引導(dǎo)-在有限的空間里可放置更多的內(nèi)容。

增強(qiáng)趣味性-美觀度和科學(xué)度都需同時(shí)具備。

指引用戶的行為切入點(diǎn)圖標(biāo)創(chuàng)意設(shè)計(jì)詳解一個(gè)完美的圖標(biāo)，應(yīng)該呈現(xiàn)該物體的主要特征元素，保持圖標(biāo)的精準(zhǔn)簡(jiǎn)約。做圖標(biāo)設(shè)計(jì)時(shí)，要通過(guò)圖標(biāo)設(shè)計(jì)指引用戶的行為。圖標(biāo)造型色彩確定圖標(biāo)創(chuàng)意設(shè)計(jì)詳解相機(jī)圖標(biāo)是手機(jī)界面中最常見(jiàn)的圖標(biāo)，也是UI設(shè)計(jì)師入門(mén)級(jí)的基礎(chǔ)圖標(biāo)。觀察并分析相機(jī)結(jié)構(gòu)圖，設(shè)計(jì)一枚扁平化風(fēng)格的相機(jī)圖標(biāo)，要求圖標(biāo)具備醒目、簡(jiǎn)潔、易辨識(shí)等圖標(biāo)基本特點(diǎn)。任務(wù)要求:相機(jī)結(jié)構(gòu)圖【圖標(biāo)創(chuàng)意·任務(wù)要求】

關(guān)鍵詞找圖片拍照、照片、相機(jī)、照相機(jī)、數(shù)碼相機(jī)【圖標(biāo)創(chuàng)意·三步曲】第一步：現(xiàn)實(shí)圖庫(kù)-提升圖標(biāo)設(shè)計(jì)辨識(shí)度。（關(guān)鍵詞找圖片）具象化名詞相機(jī)、照相機(jī)、數(shù)碼相機(jī)生活圖庫(kù)找百度搜圖、視覺(jué)中國(guó)、海洛創(chuàng)意【圖標(biāo)創(chuàng)意·三步曲】第二步，基礎(chǔ)造型圖庫(kù)-參考造型、優(yōu)化辨識(shí)度。（找基礎(chǔ)造型）

Iconfont網(wǎng)站阿里巴巴矢量圖標(biāo)庫(kù)有大量的圖標(biāo)造型高辨識(shí)度找出具有高辨識(shí)度的圖標(biāo)【圖標(biāo)創(chuàng)意·三步曲】第三步，視覺(jué)樣式圖庫(kù)-參考樣式圖標(biāo)，找趣味性。（找參考樣式）創(chuàng)意搜圖花瓣網(wǎng)、站酷、昵圖網(wǎng)等找參考樣式【圖標(biāo)創(chuàng)意·相機(jī)效果圖】通過(guò)找出的參考樣式圖標(biāo)設(shè)計(jì)圖，融入自己的創(chuàng)意想法，加入設(shè)計(jì)元素相機(jī)外殼鏡頭鏡頭光+=+=+=+【圖標(biāo)創(chuàng)意·相機(jī)分解圖】+【圖標(biāo)創(chuàng)意·相機(jī)設(shè)計(jì)圖】圖標(biāo)的用色圖標(biāo)進(jìn)行科學(xué)配色是成功設(shè)計(jì)的關(guān)鍵，配色影響圖標(biāo)的設(shè)計(jì)，甚至?xí)绊懞罄m(xù)設(shè)計(jì)的成敗，需要了解色彩的情緒和語(yǔ)言。通過(guò)色彩解讀，實(shí)現(xiàn)用色科學(xué)，從色彩情緒、業(yè)務(wù)聯(lián)系、鄰近色原則三個(gè)方面進(jìn)行考慮。橙色系-整租、合租；紅色系-品牌公寓；藍(lán)色系-地圖找房；綠色系-房屋委托。這樣配色的原因和理由是什么？思考：圖標(biāo)的用色-色彩情緒橙色系、紅色系-“活力、熱情、熱度高”,適合整租、合租、品牌公寓的營(yíng)銷(xiāo)理念；藍(lán)色系-“科學(xué)、可靠、穩(wěn)重”,適合地圖找房；綠色系-“安心、放心、健康”,適合房屋委托。圖標(biāo)的用色-業(yè)務(wù)聯(lián)系整租、合租、品牌公寓三塊內(nèi)容，在產(chǎn)品業(yè)務(wù)功能上有共同特性，最好使用同一色系的鄰近色圖標(biāo)，內(nèi)容整體，能讓人更容易辨識(shí)業(yè)務(wù)聯(lián)系。圖標(biāo)的用色-鄰近色原則取色環(huán)上類(lèi)似屬性間的60度以內(nèi)夾角的鄰近色搭配。圖標(biāo)的設(shè)計(jì)方法APP界面設(shè)計(jì)中常使用大量的圖標(biāo)，怎么讓APP的小小界面，發(fā)揮出圖標(biāo)的大作用？增強(qiáng)圖標(biāo)的功能引導(dǎo)和