第3章

圖標(biāo)設(shè)計(jì)案例學(xué)AIGC+PhotoshopUI設(shè)計(jì)3.1行業(yè)知識(shí)：圖標(biāo)設(shè)計(jì)基礎(chǔ)3.2實(shí)戰(zhàn)案例：設(shè)計(jì)線性圖標(biāo)3.3實(shí)戰(zhàn)案例：設(shè)計(jì)面性圖標(biāo)目錄CONTENT3.4實(shí)戰(zhàn)案例：設(shè)計(jì)具象圖標(biāo)3.5實(shí)戰(zhàn)案例：設(shè)計(jì)2.5D圖標(biāo)3.6拓展訓(xùn)練3.7AI輔助設(shè)計(jì)節(jié)省屏幕空間相較于冗長(zhǎng)的文字描述，圖標(biāo)能以簡(jiǎn)潔的視覺形象傳遞操作信息，有效節(jié)省屏幕空間。不受地域語(yǔ)言限制圖標(biāo)具有通用性，能夠跨越地域和語(yǔ)言的障礙。經(jīng)過不同平臺(tái)的長(zhǎng)期應(yīng)用，許多圖標(biāo)已被廣大用戶所熟知，甚至成為國(guó)際通用的符號(hào)。這種通用性使得用戶即使在不了解應(yīng)用文字的情況下，也能輕松理解圖標(biāo)含義并進(jìn)行相應(yīng)的功能操作。減少用戶辨識(shí)時(shí)間人類大腦對(duì)圖形圖像的處理速度遠(yuǎn)快于文字，且圖形圖像更易于人類大腦記憶，因此圖標(biāo)能比文字更迅速傳遞信息，引導(dǎo)用戶快速接收并進(jìn)行操作，從而有效減少用戶的思考時(shí)間。提升整體視覺體驗(yàn)一套設(shè)計(jì)精良的圖標(biāo)能夠憑借其獨(dú)特性、象征性、記憶性、應(yīng)用性、組合性和變化性吸引用戶，激發(fā)用戶的點(diǎn)擊欲望。同時(shí)，圖標(biāo)的統(tǒng)一性和一致性能夠傳遞給用戶統(tǒng)一的視覺感受，提升整個(gè)產(chǎn)品的視覺效果。3.1.1圖標(biāo)的優(yōu)勢(shì)3.1.2圖標(biāo)設(shè)計(jì)風(fēng)格線性圖標(biāo)線性圖標(biāo)的主體形象主要由線條構(gòu)成，通過線與線的巧妙搭配，描繪出圖標(biāo)主體形象的形狀和輪廓，賦予整個(gè)圖標(biāo)獨(dú)特的設(shè)計(jì)感。在設(shè)計(jì)線性圖標(biāo)時(shí)，需要注意統(tǒng)一圖標(biāo)線條的寬度，并確保線段連接處的平滑處理、線條走向的連續(xù)性。線性圖標(biāo)面性圖標(biāo)面性圖標(biāo)通過面與面的搭配組成主體形象，使整個(gè)圖標(biāo)效果顯得飽滿，視覺均衡度較高。面性圖標(biāo)3.1.2圖標(biāo)設(shè)計(jì)風(fēng)格具象圖標(biāo)是直接描繪具體事物或?qū)ο蟮膱D標(biāo)，如汽車、飛機(jī)、動(dòng)物等。這些圖標(biāo)與現(xiàn)實(shí)世界中的對(duì)象有直接的對(duì)應(yīng)關(guān)系，因此更容易被用戶識(shí)別和理解。在設(shè)計(jì)具象圖標(biāo)時(shí)，設(shè)計(jì)人員需要抓住對(duì)象的主要特征，用簡(jiǎn)潔的線條和形狀進(jìn)行表達(dá)，同時(shí)注重色彩的搭配和整體的美觀性，以確保圖標(biāo)既具有可識(shí)別性又富有美感。具象圖標(biāo)2.5D圖標(biāo)的外觀由物體的正面、側(cè)面和頂面3面組成，視覺效果介于3D和2D之間，是一種模擬3D效果的圖標(biāo)，具有趣味真實(shí)、層次豐富的特點(diǎn)。2.5D圖標(biāo)具象化圖標(biāo)2.5D圖標(biāo)3.1.3圖標(biāo)的設(shè)計(jì)規(guī)范1．圖標(biāo)尺寸規(guī)范用圖標(biāo)即產(chǎn)品圖標(biāo)，主要顯示在主屏幕上。這類圖標(biāo)應(yīng)具有高度識(shí)別性，能夠迅速傳達(dá)應(yīng)用的核心功能或品牌形象，設(shè)計(jì)時(shí)應(yīng)注重簡(jiǎn)潔、獨(dú)特且易于記憶。對(duì)于iOS系統(tǒng)，應(yīng)用圖標(biāo)的大小通常是180px×180px。此外，提交到AppStore的應(yīng)用圖標(biāo)大小為1024px×1024px。在Android系統(tǒng)中，應(yīng)用圖標(biāo)的標(biāo)準(zhǔn)尺寸通常為192px×192px，以適配Android手機(jī)的高清屏幕。同時(shí)，還可能需要提供多種尺寸的圖標(biāo)以適應(yīng)不同設(shè)備的分辨率。應(yīng)用圖標(biāo)尺寸規(guī)范功能圖標(biāo)即系統(tǒng)圖標(biāo)，通過簡(jiǎn)潔、現(xiàn)代的圖形表示計(jì)算機(jī)系統(tǒng)或軟件中的一些常見功能，主要應(yīng)用于導(dǎo)航欄、工具欄和標(biāo)簽欄等。由于屏幕分辨率和使用場(chǎng)景的差異，圖標(biāo)的尺寸也會(huì)有所不同。在iOS系統(tǒng)下，圖標(biāo)尺寸通?；?8px進(jìn)行4倍數(shù)的加減變化；而在Android系統(tǒng)下，圖標(biāo)尺寸則通常基于48px進(jìn)行8倍數(shù)的加減變化。具體尺寸可根據(jù)界面需求進(jìn)行調(diào)整，下圖為功能圖標(biāo)在安卓系統(tǒng)下的8倍數(shù)加減變化，具體尺寸可根據(jù)界面需求進(jìn)行調(diào)整。功能圖標(biāo)尺寸規(guī)范功能圖標(biāo)在安卓系統(tǒng)下的8倍數(shù)的加減變化04030201安全區(qū)規(guī)范對(duì)齊規(guī)范線條規(guī)范夾角規(guī)范圖標(biāo)的重要內(nèi)容應(yīng)該處于安全區(qū)的區(qū)間內(nèi)，以防止顯示時(shí)被遮擋或被裁剪。在設(shè)計(jì)圖標(biāo)需要根據(jù)圖標(biāo)的形狀在安全區(qū)內(nèi)，以進(jìn)行繪制，以確保圖標(biāo)在不同尺寸和分辨率下都能保持一致的視覺效果。保持視覺對(duì)齊有助于提升圖標(biāo)的整體美觀性和專業(yè)性。在設(shè)計(jì)時(shí)，應(yīng)注意圖標(biāo)內(nèi)部元素的對(duì)齊方式，以及多個(gè)圖標(biāo)之間的對(duì)齊關(guān)系。圖標(biāo)的線條粗細(xì)可根據(jù)實(shí)際情況進(jìn)行調(diào)整，但需要保持同場(chǎng)合應(yīng)用時(shí)線條粗細(xì)的統(tǒng)一。出現(xiàn)轉(zhuǎn)角的地方須盡量統(tǒng)一，這有助于保持圖標(biāo)的幾何美感和規(guī)律性。這一規(guī)范也適用于圖標(biāo)內(nèi)部元素的夾角處理，以提升圖標(biāo)的整體協(xié)調(diào)性。3.1.3圖標(biāo)的設(shè)計(jì)規(guī)范2．圖標(biāo)繪制規(guī)范3.1.4圖標(biāo)的設(shè)計(jì)要點(diǎn)設(shè)計(jì)的效果要能準(zhǔn)確地表達(dá)圖標(biāo)所代指的內(nèi)容，避免出現(xiàn)誤導(dǎo)性、歧義性。下圖分別表示播放、時(shí)間、日歷功能的圖標(biāo)，用戶只需通過圖標(biāo)外觀樣式即可了解圖標(biāo)表達(dá)的內(nèi)容。表示播放、時(shí)間、日歷功能的圖標(biāo)具備識(shí)別性3.1.4圖標(biāo)的設(shè)計(jì)要點(diǎn)只要用心觀察就會(huì)發(fā)現(xiàn)，同一個(gè)產(chǎn)品中的一系列圖標(biāo)通常具有共性。但是，強(qiáng)調(diào)共性的同時(shí)，不能忽略圖標(biāo)與圖標(biāo)之間的差異性。因?yàn)槊總€(gè)圖標(biāo)代表的含義和操作是不相同的，如果過于強(qiáng)調(diào)共性，就會(huì)弱化差異性，從而分不清各個(gè)圖標(biāo)的用途。因此，在設(shè)計(jì)圖標(biāo)時(shí)，要有合理的規(guī)劃，既要強(qiáng)調(diào)共性，又要突出差異性。具備共性和差異性具備共性和差異性的圖標(biāo)3.1.4圖標(biāo)的設(shè)計(jì)要點(diǎn)風(fēng)格統(tǒng)一是指在一組或一系列圖標(biāo)中，通過保持某些設(shè)計(jì)元素的一致性，來形成視覺上的和諧與整體感。這種風(fēng)格的統(tǒng)一不僅有助于提升用戶界面的美觀性，還能增強(qiáng)用戶對(duì)圖標(biāo)的識(shí)別度和使用體驗(yàn)。在制作圖標(biāo)時(shí)，只要圖標(biāo)的視覺設(shè)計(jì)統(tǒng)一、選用元素統(tǒng)一，即可視為風(fēng)格統(tǒng)一。風(fēng)格統(tǒng)一統(tǒng)一風(fēng)格的圖標(biāo)3.1行業(yè)知識(shí)：圖標(biāo)設(shè)計(jì)基礎(chǔ)3.2實(shí)戰(zhàn)案例：設(shè)計(jì)線性圖標(biāo)3.3實(shí)戰(zhàn)案例：設(shè)計(jì)面性圖標(biāo)目錄CONTENT3.4實(shí)戰(zhàn)案例：設(shè)計(jì)具象圖標(biāo)3.5實(shí)戰(zhàn)案例：設(shè)計(jì)2.5D圖標(biāo)3.6拓展訓(xùn)練3.7AI輔助設(shè)計(jì)案例背景+操作要點(diǎn)使用參考線等輔助工具確定圖標(biāo)位置。使用矩形工具、橢圓工具等形狀工具繪制基本圖形。通過形狀的運(yùn)算操作制作復(fù)雜圖形。案例背景操作要點(diǎn)某天氣預(yù)報(bào)App因其實(shí)時(shí)更新和精準(zhǔn)預(yù)報(bào)的特點(diǎn)，深受廣大用戶喜愛并成為他們?nèi)粘Ｉ钪蝎@取氣象信息的便捷工具。為進(jìn)一步提升用戶體驗(yàn)和App辨識(shí)度，運(yùn)營(yíng)方準(zhǔn)備采用線性風(fēng)格重新設(shè)計(jì)App中的部分功能圖標(biāo)，具體要求如下。（1）圖標(biāo)應(yīng)簡(jiǎn)潔明了，具有高辨識(shí)度和記憶點(diǎn)，能夠迅速傳達(dá)圖標(biāo)代表的信息。（2）圖標(biāo)分辨率為300像素/英寸，矢量圖類型，尺寸為64像素×64像素。（3）分別設(shè)計(jì)代表不同天氣含義，以及日歷和地圖功能的圖標(biāo)，并展示圖標(biāo)應(yīng)用于App中的效果。設(shè)計(jì)思路12圖形設(shè)計(jì)根據(jù)生活中的觀察和體驗(yàn)，可知與天氣較為相關(guān)的元素有云朵和陽(yáng)光，結(jié)合天氣情況進(jìn)行簡(jiǎn)要概括（如多云是云朵將太陽(yáng)遮住，晴天沒有云朵，只有太陽(yáng)等）進(jìn)行圖形繪制。日歷圖標(biāo)設(shè)計(jì)可參考掛歷的形象，更具識(shí)別性。在日常生活中，地圖多采用圖紙的方式展示，因此地圖圖標(biāo)可設(shè)計(jì)為折疊的圖紙形狀。色彩設(shè)計(jì)以藍(lán)色為主色，代表廣闊的天空，象征清新、自然和寧?kù)o。在天氣圖標(biāo)中涉及太陽(yáng)元素時(shí)，可使用黃色。設(shè)計(jì)思路天氣圖標(biāo)效果天氣圖標(biāo)展示效果日歷圖標(biāo)效果日歷圖標(biāo)展示效果地圖圖標(biāo)效果地圖圖標(biāo)展示效果線性圖標(biāo)參考效果3.2.1繪制天氣圖標(biāo)添加參考線移動(dòng)圓合并形狀合并另一個(gè)形狀結(jié)合云朵和太陽(yáng)形狀，對(duì)天氣圖標(biāo)的元素進(jìn)行抽象化設(shè)計(jì)。繪制前可先建立參考線輔助定位，便于后續(xù)精準(zhǔn)地繪制與對(duì)齊圖形，再使用形狀工具組繪制矢量形狀，組成天氣圖標(biāo)。010203043.2.1繪制天氣圖標(biāo)繪制矩形1繪制圓繪制矩形2復(fù)制并旋轉(zhuǎn)矩形050607083.2.1繪制天氣圖標(biāo)制作光芒形狀選擇光芒形狀刪除光芒形狀添加錨點(diǎn)091011123.2.1繪制天氣圖標(biāo)刪除路徑修改顏色繪制其他天氣圖標(biāo)1314153.2.1繪制天氣圖標(biāo)修改圖標(biāo)尺寸運(yùn)用效果16173.2.2繪制日歷圖標(biāo)移動(dòng)圓角矩形移動(dòng)矩形復(fù)制并移動(dòng)矩形繪制并復(fù)制矩形日歷圖標(biāo)運(yùn)用效果根據(jù)現(xiàn)實(shí)中日歷的形狀繪制日歷圖標(biāo)，可繪制圓角矩形作為日歷主體輪廓，然后繪制矩形制作日歷的細(xì)節(jié)部分。3.2.3繪制地圖圖標(biāo)繪制三折形狀的地圖圖標(biāo)時(shí)，可先繪制長(zhǎng)方形，然后通過變形的方式調(diào)整形狀，使其形成斜切的轉(zhuǎn)折效果。繪制矩形復(fù)制矩形添加參考線選擇“斜切”命令3.2.3繪制地圖圖標(biāo)調(diào)整錨點(diǎn)調(diào)整錨點(diǎn)2調(diào)整其他矩形完成后的效果地圖圖標(biāo)運(yùn)用效果3.1行業(yè)知識(shí)：圖標(biāo)設(shè)計(jì)基礎(chǔ)3.2實(shí)戰(zhàn)案例：設(shè)計(jì)線性圖標(biāo)3.3實(shí)戰(zhàn)案例：設(shè)計(jì)面性圖標(biāo)目錄CONTENT3.4實(shí)戰(zhàn)案例：設(shè)計(jì)具象圖標(biāo)3.5實(shí)戰(zhàn)案例：設(shè)計(jì)2.5D圖標(biāo)3.6拓展訓(xùn)練3.7AI輔助設(shè)計(jì)案例背景+操作要點(diǎn)使用不透明度增加圖標(biāo)的層次感。使用編輯錨點(diǎn)的方法對(duì)錨點(diǎn)進(jìn)行調(diào)整。使用橢圓工具、矩形工具、三角形工具繪制圖標(biāo)形狀。案例背景操作要點(diǎn)某科技公司近期計(jì)劃更新旗下產(chǎn)品的App界面，需要重新設(shè)計(jì)其中的郵件、搜索、定位等圖標(biāo)，從而優(yōu)化用戶體驗(yàn)，進(jìn)一步提升公司形象，具體要求如下。（1）圖標(biāo)采用面性風(fēng)格，其效果要簡(jiǎn)潔、美觀。（2）圖標(biāo)具有高辨識(shí)度和記憶點(diǎn)，需直觀體現(xiàn)圖標(biāo)所表達(dá)的內(nèi)容。（3）圖標(biāo)分辨率為300像素/英寸，矢量圖類型，尺寸為64像素×64像素。設(shè)計(jì)思路12圖形設(shè)計(jì)采用高度符號(hào)化的主體形象，直觀傳達(dá)功能信息，如郵件圖標(biāo)可選用信封，搜索圖標(biāo)采用放大鏡，定位圖標(biāo)使用定位針，便于用戶迅速識(shí)別。同時(shí)，去除多余細(xì)節(jié)，使圖標(biāo)更簡(jiǎn)潔。色彩設(shè)計(jì)以漸變色彩的底托和白色主體形象的結(jié)合為主，使用對(duì)比鮮明的色彩組合使圖標(biāo)突出，色彩和諧。設(shè)計(jì)思路科技公司App圖標(biāo)參考效果郵件圖標(biāo)搜索圖標(biāo)定位圖標(biāo)科技公司App其他圖標(biāo)效果3.3.1繪制郵件圖標(biāo)結(jié)合信封形象進(jìn)行郵件圖標(biāo)設(shè)計(jì)，在設(shè)計(jì)時(shí)可先繪制漸變的圓，再利用不透明度制作明暗效果，使其具有層次感，然后進(jìn)行信封形象的繪制。設(shè)置漸變參數(shù)繪制正圓調(diào)整錨點(diǎn)查看調(diào)整效果繪制圓角矩形繪制并旋轉(zhuǎn)矩形1繪制并旋轉(zhuǎn)矩形23.3.2繪制搜索圖標(biāo)繪制搜索圖標(biāo)時(shí)，以放大鏡為核心元素，搭配從紫色到粉色的漸變底托，使扁平的圖標(biāo)效果更具有美觀感。繪制圓復(fù)制并調(diào)整形狀繪制圓環(huán)繪制圓角矩形3.3.3繪制定位圖標(biāo)繪制定位圖標(biāo)時(shí)，仍延續(xù)之前的設(shè)計(jì)思路，以白色定位針作為核心圖案。繪制圓復(fù)制并調(diào)整形狀繪制圓環(huán)繪制與調(diào)整三角形其他圖標(biāo)效果3.1行業(yè)知識(shí)：圖標(biāo)設(shè)計(jì)基礎(chǔ)3.2實(shí)戰(zhàn)案例：設(shè)計(jì)線性圖標(biāo)3.3實(shí)戰(zhàn)案例：設(shè)計(jì)面性圖標(biāo)目錄CONTENT3.4實(shí)戰(zhàn)案例：設(shè)計(jì)具象圖標(biāo)3.5實(shí)戰(zhàn)案例：設(shè)計(jì)2.5D圖標(biāo)3.6拓展訓(xùn)練3.7AI輔助設(shè)計(jì)案例背景+操作要點(diǎn)使用鋼筆工具繪制外賣員和飲品形狀。利用圖層的基本操作整合繪制的形狀。案例背景操作要點(diǎn)某飲品店鋪近期準(zhǔn)備重新設(shè)計(jì)點(diǎn)餐小程序中的外賣、自取功能的圖標(biāo)，以提升圖標(biāo)的識(shí)別度，具體要求如下。（1）圖標(biāo)采用具象化風(fēng)格，其效果要簡(jiǎn)潔、美觀，核心元素要與功能相契合。（2）圖標(biāo)分辨率為300像素/英寸，矢量圖類型，尺寸為600像素×600像素。設(shè)計(jì)思路12圖形設(shè)計(jì)思路外賣功能圖標(biāo)可直接采用外賣人員送餐的場(chǎng)景作為設(shè)計(jì)點(diǎn)，而自取功能圖標(biāo)則可采用飲品的圖案作為設(shè)計(jì)點(diǎn)，方便用戶了解店鋪的產(chǎn)品。色彩設(shè)計(jì)思路外賣功能圖標(biāo)選用淺綠色為背景顏色，搭配嫩綠色、橙色、黑色、白色等，使整個(gè)圖標(biāo)具有識(shí)別性。自取功能圖標(biāo)，繼續(xù)采用淺綠色為背景顏色，搭配紅色、白色和黃色，使整個(gè)圖標(biāo)形象，美觀。設(shè)計(jì)思路圖標(biāo)參考效果郵件圖標(biāo)定位圖標(biāo)科技公司App其他圖標(biāo)效果3.4.1繪制外賣功能圖標(biāo)結(jié)合外賣員形象，使用鋼筆工具繪制形態(tài)鮮明的圖形。在繪制時(shí)，盡量簡(jiǎn)化輪廓線條，使圖形更加現(xiàn)代、生動(dòng)。繪制圓繪制輪胎形狀復(fù)制輪胎0102033.4.1繪制外賣功能圖標(biāo)繪制矩形繪制路徑繪制帶弧度的路徑填充顏色040506073.4.1繪制外賣功能圖標(biāo)繪制形狀車身部分繪制裝飾部分繪制車頭部分080910113.4.1繪制外賣功能圖標(biāo)繪制前燈繪制車坐繪制外賣箱裝飾繪制車頭部分121314153.4.2繪制自取功能圖標(biāo)在繪制時(shí)可先繪制飲品的瓶身區(qū)域，然后對(duì)瓶蓋和吸管區(qū)域進(jìn)行繪制。繪制瓶身繪制陰影繪制高光繪制氣泡繪制橢圓繪制飲料蓋繪制圓角矩形繪制吸管3.1行業(yè)知識(shí)：圖標(biāo)設(shè)計(jì)基礎(chǔ)3.2實(shí)戰(zhàn)案例：設(shè)計(jì)線性圖標(biāo)3.3實(shí)戰(zhàn)案例：設(shè)計(jì)面性圖標(biāo)目錄CONTENT3.4實(shí)戰(zhàn)案例：設(shè)計(jì)具象圖標(biāo)3.5實(shí)戰(zhàn)案例：設(shè)計(jì)2.5D圖標(biāo)3.6拓展訓(xùn)練3.7AI輔助設(shè)計(jì)案例背景+操作要點(diǎn)使用剪貼蒙版制作高光效果。使用鋼筆工具繪制圖形的立體效果。案例背景操作要點(diǎn)“揮墨”是一款繪畫教學(xué)App，其運(yùn)營(yíng)商為了提升App的影響力，準(zhǔn)備采用2.5D風(fēng)格重新設(shè)計(jì)應(yīng)用圖標(biāo)和系統(tǒng)圖標(biāo)（禮品、集市、課堂、百寶箱等），具體要求如下。（1）圖標(biāo)采用2.5D風(fēng)格，其效果要具備視覺吸引力和識(shí)別度。（2）圖標(biāo)分辨率為300像素/英寸，矢量圖類型，應(yīng)用圖標(biāo)的尺寸為192像素×192像素，其他圖標(biāo)的尺寸為72像素×72像素設(shè)計(jì)思路12圖形設(shè)計(jì)采用與繪畫教學(xué)緊密相關(guān)的元素，如畫筆、墨跡或畫板，作為應(yīng)用圖標(biāo)的核心元素。系統(tǒng)圖標(biāo)多采用直觀、簡(jiǎn)潔的圖形表示，因此在設(shè)計(jì)禮品圖標(biāo)可直接按照禮品盒形象進(jìn)行繪制。色彩設(shè)計(jì)以藍(lán)色作為圖標(biāo)的主色調(diào)，象征寧?kù)o、深邃和專業(yè)性。禮品圖標(biāo)可以粉色為主色，展現(xiàn)出禮物的精致與溫馨。其他圖標(biāo)顏色可根據(jù)圖標(biāo)的內(nèi)容進(jìn)行調(diào)整。設(shè)計(jì)思路郵件圖標(biāo)定位圖標(biāo)科技公司App其他圖標(biāo)效果圖標(biāo)參考效果3.5.1繪制“揮墨”應(yīng)用圖標(biāo)結(jié)合程序名稱制作應(yīng)用圖標(biāo)，先繪制圖標(biāo)形狀，然后繪制毛筆形狀。繪制路徑設(shè)置漸變顏色添加漸變顏色添繪制筆頭010203043.5.1繪制“揮墨”應(yīng)用圖標(biāo)05060708繪制筆斗繪制筆桿繪制亮部繪制暗部3.5.1繪制“揮墨”應(yīng)用圖標(biāo)091012141113繪制筆尖繪制黃色陰影繪制筆斗陰影和高光完成后的效果繪制其他亮部繪制筆桿陰影和高光010203043.5.2繪制禮品圖標(biāo)禮品圖標(biāo)可直接采用禮品包裝盒的效果作為參考，通過不同角度的3個(gè)面組合，形成圖標(biāo)的立體效果，然后通過顏色的調(diào)整，使圖標(biāo)更具有美觀度。在設(shè)計(jì)時(shí)先繪制圖標(biāo)的一個(gè)面，然后繪制其他面和蝴蝶結(jié)部分。繪制矩形變形矩形繪制絲帶繪制交叉絲帶050607083.5.2繪制禮品圖標(biāo)繪制部分蝴蝶結(jié)繪制左右蝴蝶結(jié)繪制陰影繪制其他面091011123.5.2繪制禮品圖標(biāo)其他2.5D圖標(biāo)繪制絲帶繪制左側(cè)矩形繪制右側(cè)矩形完成后效果133.1行業(yè)知識(shí)：圖標(biāo)設(shè)計(jì)基礎(chǔ)3.2實(shí)戰(zhàn)案例：設(shè)計(jì)線性圖標(biāo)3.3實(shí)戰(zhàn)案例：設(shè)計(jì)面性圖標(biāo)目錄CONTENT3.4實(shí)戰(zhàn)案例：設(shè)計(jì)具象圖標(biāo)3.5實(shí)戰(zhàn)案例：設(shè)計(jì)2.5D圖標(biāo)3.6拓展訓(xùn)練3.7AI輔助設(shè)計(jì)實(shí)訓(xùn)1設(shè)計(jì)商務(wù)系列圖標(biāo)實(shí)訓(xùn)要求:某設(shè)計(jì)公司需要設(shè)計(jì)一套商務(wù)系列圖標(biāo)，以電腦和資料冊(cè)為核心元素進(jìn)行設(shè)計(jì)，圖標(biāo)尺寸為400像素×400像素。采用面性圖標(biāo)風(fēng)格，圖標(biāo)簡(jiǎn)潔、美觀，避免過多的細(xì)節(jié)和復(fù)雜的圖案。使用漸變色作為圖標(biāo)的主要色彩，整體視覺效果和諧統(tǒng)一。實(shí)訓(xùn)1設(shè)計(jì)商務(wù)系列圖標(biāo)操作思路:商務(wù)系列圖標(biāo)設(shè)計(jì)過程實(shí)訓(xùn)2設(shè)計(jì)果蔬系列圖標(biāo)實(shí)訓(xùn)要求:某果蔬銷售App近期準(zhǔn)備更新版本，為提升視覺效果，需要重新制作系統(tǒng)圖標(biāo)。圖標(biāo)尺寸為400像素×400像素，采用具象風(fēng)格進(jìn)行設(shè)計(jì)。采用與果蔬相同的顏色作為圖標(biāo)顏色，如西紅柿以紅色為主色，西梅以紫色為主色，青菜以綠色為主色。實(shí)訓(xùn)2設(shè)計(jì)果蔬系列圖標(biāo)操作思路:果蔬系列圖標(biāo)設(shè)計(jì)過程3.1行業(yè)知識(shí)：圖標(biāo)設(shè)計(jì)基礎(chǔ)3.2實(shí)戰(zhàn)案例：設(shè)計(jì)線性圖標(biāo)3.3實(shí)戰(zhàn)案例：設(shè)計(jì)面性圖標(biāo)目錄CONTENT3.4實(shí)戰(zhàn)案例：設(shè)計(jì)具象圖標(biāo)3.5實(shí)戰(zhàn)案例：設(shè)計(jì)2.5D圖標(biāo)3.6拓展訓(xùn)練3.7AI輔助設(shè)計(jì)通義萬(wàn)相生成小袁寵物軟件應(yīng)用圖標(biāo)通義萬(wàn)相是阿里企業(yè)研發(fā)的組合式生成模型，通過對(duì)配色、布局、風(fēng)格等圖像設(shè)計(jì)元素進(jìn)行拆解，再創(chuàng)造數(shù)字化高清重現(xiàn)效果，為設(shè)計(jì)人員提供高度可控性和極大自由度的圖像生成功能。在基礎(chǔ)文生圖功能中，通義萬(wàn)相根據(jù)文字內(nèi)容可以生成多種風(fēng)格的圖像，如水彩、扁平插畫、二次元、油畫、中國(guó)畫、3D卡通和素描等。此外，通義萬(wàn)相還提供了相似圖片生成功能，設(shè)計(jì)人員上傳任意圖片后，系統(tǒng)可以根據(jù)該圖片進(jìn)行創(chuàng)意發(fā)散，生成內(nèi)容和風(fēng)格相似的AI畫作。更值得一提的是，該模型在業(yè)內(nèi)率先支持圖像風(fēng)格遷移，即設(shè)計(jì)人員上傳原圖和風(fēng)格圖后，系統(tǒng)能自動(dòng)將原圖轉(zhuǎn)化為指定的風(fēng)格圖像。例如，使用通義萬(wàn)相生成小