前沿拓展：

更改圖標(biāo)大小

桌治胡面點(diǎn)右鍵——屬性——外觀——高級(jí)——項(xiàng)目——圖標(biāo)

編輯導(dǎo)語(yǔ)：圖標(biāo)是界面視覺(jué)組成的關(guān)鍵要素之一，而了解這些圖標(biāo)的基礎(chǔ)知識(shí)，也是入門設(shè)計(jì)的必備條件之一。本文作者小編綜合來(lái)說(shuō)了一些產(chǎn)品的圖標(biāo)，對(duì)圖標(biāo)的基礎(chǔ)知識(shí)進(jìn)行了分析，一起來(lái)看一下吧。

日常生活和工作中，我們與各種各樣的界面打交道。作為設(shè)計(jì)師，圖標(biāo)是界面視覺(jué)組成的關(guān)鍵元素之一。了解圖標(biāo)相關(guān)的知識(shí)，以及正確規(guī)范的繪制方法，是入門設(shè)計(jì)的必備條件之一。本文將對(duì)圖標(biāo)進(jìn)行系統(tǒng)的介紹，希望我的這篇文章可以給大家?guī)?lái)一些幫助。

一、什么是圖標(biāo)1. 概念

圖標(biāo)，是一種圖形化的標(biāo)識(shí)，它有廣義和狹義兩種概念，廣義主要指具有指代意義的圖形符號(hào)，具有高度濃縮并快捷傳達(dá)信息、便于記憶的特性。一個(gè)圖標(biāo)是一個(gè)小的圖片或?qū)ο螅硪粋€(gè)文件、程序、網(wǎng)頁(yè)或命令。

圖標(biāo)有助于用戶快速執(zhí)行命令和打開(kāi)程序文件，單擊或雙擊圖標(biāo)以執(zhí)行一個(gè)命令。圖標(biāo)也用于在瀏覽器中快速展現(xiàn)內(nèi)容，所有使用相同擴(kuò)展名的文件具有相同的圖標(biāo)。

隨著計(jì)算機(jī)的出現(xiàn)，圖標(biāo)被賦予了新的含義，又有了新的用武之地。在這里圖標(biāo)成了具有明確指代含義的計(jì)算機(jī)圖形，桌面圖標(biāo)是軟件標(biāo)識(shí)，界面中的圖標(biāo)是功能標(biāo)識(shí)，在計(jì)算機(jī)軟件中，它是程序標(biāo)識(shí)、數(shù)據(jù)標(biāo)識(shí)、命令選擇、模式信號(hào)或切換開(kāi)關(guān)、狀態(tài)指示。

圖標(biāo)在計(jì)算機(jī)可視**作系統(tǒng)中扮演著極為重要的角色，它可以代表一個(gè)文檔、一段程序、一張網(wǎng)頁(yè)或是一段命令。我們還可以通過(guò)圖標(biāo)執(zhí)行一段命令或打開(kāi)某種類型的文檔，你所要做的只是在圖標(biāo)上單擊或雙擊一下。

圖標(biāo)是具有指代意義的具有標(biāo)識(shí)性質(zhì)的圖形，它不僅是一種圖形，更是一種標(biāo)識(shí)，它具有高度濃縮并快捷傳達(dá)信息、便于記憶的特性。

2. 范圍

圖標(biāo)應(yīng)用范圍很廣，軟硬件網(wǎng)頁(yè)社交場(chǎng)所公共場(chǎng)合無(wú)所不在。例如：商城里的導(dǎo)視系統(tǒng)、男女廁所標(biāo)志和各種交通標(biāo)志等。狹義主要指應(yīng)用于計(jì)算機(jī)軟件方面，包括：程序標(biāo)識(shí)、數(shù)據(jù)標(biāo)識(shí)、命令選擇、模式信號(hào)或切換開(kāi)關(guān)、狀態(tài)指示等。

二、圖標(biāo)的發(fā)展史1. 起源

圖標(biāo)不僅歷史久遠(yuǎn)，從上古時(shí)代的圖騰，到20、21世紀(jì)具有更多含義和功能的各種圖標(biāo)，而且應(yīng)用范圍極為廣泛，可以說(shuō)它無(wú)所不在。1973年，在施樂(lè)公司帕洛阿爾托研究中心發(fā)明出來(lái)。該電腦首次使用了桌面比擬（Desktop metaphor）和鼠標(biāo)驅(qū)動(dòng)的圖形用戶界面（GUI）技術(shù)，誕生了最早的擁有圖形化界面的電腦，著名的「 Xerox Alto」。

但是當(dāng)時(shí)電腦性能不足，董事會(huì)也不看好，并未推出商品化，所以這款概念機(jī)并沒(méi)有走進(jìn)人們的視野，但是它的后續(xù)機(jī)型施樂(lè)之星在1981年問(wèn)世，并且成為了計(jì)算機(jī)史上的里程碑。

1979年喬布斯參觀了施樂(lè)的PARC研究所看到施樂(lè)原型機(jī) Xerox Alto，喬布斯決定開(kāi)發(fā)圖形用戶界面的新電腦。1983年蘋果公司推出了Apple Lisa，首次采用GUI的商品化電腦。1985年微軟公司也應(yīng)用GUI推出了Windows 1.0。

2. 歷程

80年代，本身是想把圖標(biāo)做的的具象，卻因?yàn)楫?dāng)時(shí)電腦性能不足無(wú)法做到，所以設(shè)計(jì)師只能在有限的空間里面進(jìn)行創(chuàng)作，對(duì)好的標(biāo)準(zhǔn)是越具象越好。

微軟和蘋果相繼推出了新的系統(tǒng)界面，隨著1995年計(jì)算機(jī)顯卡在分辨率和色域上的提高，設(shè)計(jì)師或藝術(shù)家有了更大的發(fā)揮空間，隨之出現(xiàn)了更多顏色的運(yùn)用以及更多**效果的可能性。剛開(kāi)始只能設(shè)計(jì)單色的簡(jiǎn)單的圖標(biāo)，到后來(lái)可以執(zhí)行各種創(chuàng)意，實(shí)現(xiàn)各種效果，一直到現(xiàn)在。

2007年，蘋果發(fā)布第一代iPhone以及iOS系統(tǒng)，主題圖標(biāo)和當(dāng)時(shí)的 mac OS 系統(tǒng)一致，玻璃質(zhì)感及擬物化的風(fēng)格顯著，它的出現(xiàn)打破了人們對(duì)“傳統(tǒng)手機(jī)”的定義。這款 iPhone 的主題圖標(biāo)風(fēng)格，一直穩(wěn)定到了 iOS7 的發(fā)布，才出現(xiàn)了**性的變化。

2013年的WWDC大會(huì)中，蘋果公司發(fā)布的iOS7系統(tǒng)，系統(tǒng)界面開(kāi)始向扁平化風(fēng)格轉(zhuǎn)變。這場(chǎng)大會(huì)也使擬物風(fēng)格逐漸走向下坡路，直到扁平風(fēng)格的全面普及，擬物風(fēng)格就沒(méi)有再被廣泛應(yīng)用。

2020年WWDC20蘋果發(fā)布mac OS Big Sur，這次的更新把圖標(biāo)采用了“新擬物”?！靶聰M物”的前身就是擬物圖標(biāo)，這是最早被Apple提出的設(shè)計(jì)概念，就是在界面中模仿現(xiàn)實(shí)物體紋理材質(zhì)，在特定光照下的效果設(shè)計(jì)；目的是讓人們?cè)谑褂媒缑鏁r(shí)習(xí)慣性地聯(lián)想到現(xiàn)實(shí)物體的使用方式。而“新擬物”是將真實(shí)光線用于虛擬對(duì)象。

三、產(chǎn)品應(yīng)用圖標(biāo)

產(chǎn)品應(yīng)用圖標(biāo)，也叫啟動(dòng)圖標(biāo)，是品牌和產(chǎn)品的核心元素。圖標(biāo)以簡(jiǎn)單、大膽、友好的方式傳達(dá)產(chǎn)品的核心理念和意圖。因?yàn)楫a(chǎn)品應(yīng)用圖標(biāo)的設(shè)計(jì)師不同，設(shè)計(jì)無(wú)法得到統(tǒng)一，所以蘋果官方在ios系統(tǒng)中統(tǒng)一了圓角矩形的大小，在有限的區(qū)域內(nèi)進(jìn)行設(shè)計(jì)。而安卓就沒(méi)有那么規(guī)范，處于百家齊放的現(xiàn)象。

1. 中文文字圖標(biāo)

常見(jiàn)中文圖標(biāo)又分為單字、多字和字加圖形的幾種類型。提取產(chǎn)品名稱中最具代表性的**文字，進(jìn)行字體設(shè)計(jì)，通過(guò)對(duì)筆畫及整體骨架進(jìn)行設(shè)計(jì)調(diào)整，以達(dá)到符合產(chǎn)品特性和視覺(jué)差異化的目的。作為國(guó)人對(duì)漢字的敏感度，這樣的設(shè)計(jì)形式大大降低了用戶對(duì)品牌的認(rèn)知成本。

2. 英文字母圖標(biāo)

英文字母圖標(biāo)通常是提取產(chǎn)品名稱首字母進(jìn)行設(shè)計(jì)，由于英文字母本身造型簡(jiǎn)潔，結(jié)合產(chǎn)品特點(diǎn)進(jìn)行創(chuàng)意加工，很容易達(dá)到美感和識(shí)別性兼?zhèn)洹?/p>

3. 數(shù)字圖標(biāo)

數(shù)字對(duì)于我們來(lái)說(shuō)是非常敏感的，利用數(shù)字進(jìn)行設(shè)計(jì)能給人親和力。由于數(shù)字的識(shí)別性很強(qiáng)，易于品牌傳播與用戶記憶。

4. 特殊符號(hào)圖標(biāo)

特殊符號(hào)圖標(biāo)在應(yīng)用圖標(biāo)的設(shè)計(jì)案例中相對(duì)較少，由于符號(hào)本身的含義會(huì)對(duì)產(chǎn)品屬性有一定限制，所以針對(duì)性比較強(qiáng)。

5. 幾何圖形圖標(biāo)

幾何圖形的運(yùn)用設(shè)計(jì)給人簡(jiǎn)約、現(xiàn)代、個(gè)性、富有空間感等視覺(jué)感覺(jué)，從單個(gè)具象圖形到復(fù)雜的空間感營(yíng)造，幾何圖形的表現(xiàn)形式非常豐富。

6. 動(dòng)物/單雙行剪影圖標(biāo)

動(dòng)物剪影通常是提取動(dòng)物整體形象或者局部特征部位作為設(shè)計(jì)元素，這類應(yīng)用圖標(biāo)背景為單色或者漸變色，少量的會(huì)輔助一些圖形作為背景元素，動(dòng)物采用單色填充，以白色填充居多。

單雙形是指應(yīng)用圖標(biāo)只展示單個(gè)或兩個(gè)的剪影圖形，生活中可以作為剪影設(shè)計(jì)的元素很多。如食物、工具、生活用品、學(xué)習(xí)用品、娛樂(lè)道具等等?？梢?*形成剪影圖形，也可以根據(jù)產(chǎn)品特點(diǎn)進(jìn)行創(chuàng)意加工，最終形成應(yīng)用圖標(biāo)獨(dú)有的造型圖案。

7. 圖形重復(fù)圖標(biāo)

將相同的圖形進(jìn)行有序的排列，排列形式有梯度變化、等大均排、規(guī)律性重復(fù)、配色差異、大小錯(cuò)落等。這樣的設(shè)計(jì)方式可以給單調(diào)的圖形增加層次感和構(gòu)圖飽滿，有一定梯度變化和規(guī)律性重復(fù)的圖形組合可以傳遞一定的韻律感和動(dòng)感。

8. 正負(fù)形圖標(biāo)

正負(fù)形的設(shè)計(jì)在LOGO圖形設(shè)計(jì)中是比較常見(jiàn)的表現(xiàn)手法，運(yùn)用在圖標(biāo)設(shè)計(jì)中，以正形為底突出負(fù)形特征，以負(fù)形表達(dá)產(chǎn)品屬性。利用正負(fù)形進(jìn)行設(shè)計(jì)，圖形設(shè)計(jì)感較強(qiáng)，正形與負(fù)形可以更加充分地表達(dá)產(chǎn)品特征與服務(wù)。

9. 線形圖標(biāo)

線性圖標(biāo)風(fēng)格給人簡(jiǎn)潔輕快的感覺(jué)，線性設(shè)計(jì)的方式分閉合式和開(kāi)放式，可以是一條連續(xù)的線條或者幾條線段組成。在有色背景上面線條通常反白處理，背景設(shè)計(jì)可以是單色、漸變色、其他輔助圖形設(shè)計(jì)等。

10. 白色漸變圖標(biāo)

白色漸變圖標(biāo)是利用白色漸變填充，不透明度 100%到X%之間設(shè)置完成。白色漸變圖形具有空間感、質(zhì)感，視覺(jué)效果較好，被廣泛運(yùn)用在應(yīng)用圖標(biāo)設(shè)計(jì)中。

11. 彩色漸變圖形

彩色漸變圖標(biāo)是利用多種顏色進(jìn)行漸變，比起白色漸變圖形，彩色漸變圖形的色彩表現(xiàn)更加豐富。多種顏色進(jìn)行漸變銜接的時(shí)候要注意色相的對(duì)比，營(yíng)造空間感。

12. 動(dòng)物局部圖標(biāo)

利用動(dòng)物局部進(jìn)行圖形設(shè)計(jì)，可以讓元素特征更加明顯。比起展示整個(gè)動(dòng)物形象，局部特征展示視覺(jué)表現(xiàn)力更強(qiáng)。

13. 人體局部圖形

利用人體局部作為圖形設(shè)計(jì)元素，比較常用的有眼、嘴巴、手掌、頭部等。利用人體的元素進(jìn)行設(shè)計(jì)，用戶對(duì)圖形的敏感度更強(qiáng)，易于傳播和記憶。

14. 卡通形象圖標(biāo)

卡通形象與動(dòng)物形象容易混淆，因?yàn)楹芏嗫ㄍㄐ蜗蠖际腔趧?dòng)物設(shè)計(jì)演變而來(lái)。這里單獨(dú)提取出來(lái)是為了歸類一些單純以動(dòng)物外形為設(shè)計(jì)元素的表現(xiàn)手法?？ㄍㄐ蜗笤O(shè)計(jì)在應(yīng)用圖標(biāo)的設(shè)計(jì)中是非常常見(jiàn)的，很容易對(duì)用戶形成記憶。

15. 擬人化圖形圖標(biāo)

通過(guò)對(duì)接近圓形或者構(gòu)圖飽滿的圖形添加眼睛等元素，可以使整個(gè)圖形擬人化。給原本冰冷的圖形賦予其生命，擁有一定的情感表達(dá)，讓產(chǎn)品更加親民，更容易被用戶所接受和記憶。

16. 從功能服務(wù)提煉圖形

為了更加清晰的傳遞產(chǎn)品的某項(xiàng)功能與服務(wù)，根據(jù)產(chǎn)品的功能服務(wù)提取元素進(jìn)行圖形設(shè)計(jì)也是比較常用的表現(xiàn)手法，如計(jì)算器、日歷、導(dǎo)航等直接提取相關(guān)聯(lián)的圖形元素進(jìn)行設(shè)計(jì)，一目了然地傳遞出產(chǎn)品信息。也可以從產(chǎn)品服務(wù)內(nèi)容入手進(jìn)行提煉，如教育類產(chǎn)品，提取學(xué)士帽為元素進(jìn)行設(shè)計(jì)。

17. 漸變色背景圖標(biāo)

漸變色背景的運(yùn)用越來(lái)越受到設(shè)計(jì)師青睞，相對(duì)于單色的背景視覺(jué)表現(xiàn)力更加豐富，整體色彩給人通透的感覺(jué)。漸變色可以是雙色漸變，也可以是多色漸變，根據(jù)產(chǎn)品的氣質(zhì)靈活地運(yùn)用。

18. 文藝風(fēng)格圖標(biāo)

文藝風(fēng)格圖標(biāo)設(shè)計(jì)配色清新、復(fù)古、簡(jiǎn)約，適合帶有文藝風(fēng)格類的產(chǎn)品。設(shè)計(jì)方向?yàn)楹?jiǎn)約的圖形組合或者文藝風(fēng)格的字體設(shè)計(jì)為主，圖標(biāo)整體留白較多，配色簡(jiǎn)約，白色背景居多。如果是深色背景則采用黑色、復(fù)古色為主。

19. 活動(dòng)氛圍圖標(biāo)

對(duì)應(yīng)用圖標(biāo)進(jìn)行特定的活動(dòng)氛圍包裝。會(huì)保留原本的圖形面貌，進(jìn)行整體的氛圍營(yíng)造，以突出購(gòu)物火爆的場(chǎng)景感。

20. 游戲角色圖標(biāo)

游戲類應(yīng)用圖標(biāo)設(shè)計(jì)需要設(shè)計(jì)師具備較強(qiáng)的寫實(shí)圖標(biāo)設(shè)計(jì)功底，設(shè)計(jì)方向主要有：游戲角色、純文字、道具或標(biāo)識(shí)、明星頭像、輔助圖形或元素等。設(shè)計(jì)表現(xiàn)力需要顏色鮮艷、角色表情和動(dòng)作夸張、設(shè)計(jì)精美有質(zhì)感等。

Origin桌面/探索桌面：可點(diǎn)擊桌面變形器，根據(jù)喜好設(shè)置圖標(biāo)風(fēng)格與大?。婚L(zhǎng)按圖標(biāo)，點(diǎn)擊圖標(biāo)右下角，可定義圖標(biāo)在桌面位置的大??；

其他系統(tǒng)桌面：可以進(jìn)入設(shè)置–桌面、鎖屏與壁紙—桌面設(shè)置–“圖標(biāo)風(fēng)格/圖標(biāo)圓角與大小”進(jìn)行調(diào)節(jié)；不支持此功能的機(jī)型可以進(jìn)入手機(jī)i主題–主題中更換其他的主題來(lái)更改軟件圖標(biāo)大小。
注：該功能僅在系統(tǒng)主題下支持設(shè)置。

若有更多疑問(wèn)，可進(jìn)入此鏈接網(wǎng)頁(yè)鏈接咨詢?cè)诰€客服了解詳情。

vivo X90 Pro

¥4999

vivo X Fold+

¥9999

vivo S16 Pro

¥2999

vivo Pad

¥2499

查

看

更

多

官方電話

官方服務(wù)

官方網(wǎng)站寄修服務(wù)服務(wù)中心
配件價(jià)格
在線客服
保障服務(wù)

更改圖標(biāo)大小

升級(jí)HarmonyOS以后，新增圖標(biāo)大小功能，用來(lái)調(diào)節(jié)桌面圖標(biāo)、卡片及文字顯示大小。您可以在桌面雙指捏合 > 桌面設(shè)置 > 圖標(biāo)大小，或進(jìn)入手機(jī)設(shè)置 > 桌面和壁紙 > 桌面設(shè)置 > 圖標(biāo)大小，拖動(dòng)滾動(dòng)條即可實(shí)時(shí)預(yù)覽進(jìn)行調(diào)節(jié)。
溫馨提醒：
1>圖標(biāo)大小功能僅在標(biāo)準(zhǔn)風(fēng)格下支持，抽屜風(fēng)格下不支持。
2>版本正在陸續(xù)推送中，請(qǐng)您以產(chǎn)品實(shí)際使用為準(zhǔn)。
3>折疊屏手機(jī)不支持該功能。

華為Mate Xs 2

¥9999

Mate 50 Pro

¥6799

華為nova 10 Pro

¥3699

華為MateBook X Pro

¥8999

查

看

更

多

官方電話

官方服務(wù)

寄修服務(wù)預(yù)約服務(wù)
維修價(jià)格
服務(wù)中心
維修進(jìn)度