前沿拓展：

win10容器時間不一致

win10鎖屏界值始爾觸府映居巖面和解鎖界面不一致。

編輯導語：圖標是界面視覺組成的關鍵要素之一，而了解這些圖標的基礎知識，也是入門設計的必備條件之一。本文作者小編綜合來說了一些產(chǎn)品的圖標，對圖標的基礎知識進行了分析，一起來看一下吧。

日常生活和工作中，我們與各種各樣的界面打交道。作為設計師，圖標是界面視覺組成的關鍵元素之一。了解圖標相關的知識，以及正確規(guī)范的繪制方法，是入門設計的必備條件之一。本文將對圖標進行系統(tǒng)的介紹，希望我的這篇文章可以給大家?guī)硪恍椭?/p>

一、什么是圖標1. 概念

圖標，是一種圖形化的標識，它有廣義和狹義兩種概念，廣義主要指具有指代意義的圖形符號，具有高度濃縮并快捷傳達信息、便于記憶的特性。一個圖標是一個小的圖片或?qū)ο?，代表一個文件、程序、網(wǎng)頁或命令。

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

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

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

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

2. 范圍

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

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

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

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

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

2. 歷程

80年代，本身是想把圖標做的的具象，卻因為當時電腦性能不足無法做到，所以設計師只能在有限的空間里面進行創(chuàng)作，對好的標準是越具象越好。

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

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

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

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

三、產(chǎn)品應用圖標

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

1. 中文文字圖標

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

2. 英文字母圖標

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

3. 數(shù)字圖標

數(shù)字對于我們來說是非常敏感的，利用數(shù)字進行設計能給人親和力。由于數(shù)字的識別性很強，易于品牌傳播與用戶記憶。

4. 特殊符號圖標

特殊符號圖標在應用圖標的設計案例中相對較少，由于符號本身的含義會對產(chǎn)品屬性有一定限制，所以針對性比較強。

5. 幾何圖形圖標

幾何圖形的運用設計給人簡約、現(xiàn)代、個性、富有空間感等視覺感覺，從單個具象圖形到復雜的空間感營造，幾何圖形的表現(xiàn)形式非常豐富。

6. 動物/單雙行剪影圖標

動物剪影通常是提取動物整體形象或者局部特征部位作為設計元素，這類應用圖標背景為單色或者漸變色，少量的會輔助一些圖形作為背景元素，動物采用單色填充，以白色填充居多。

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

7. 圖形重復圖標

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

8. 正負形圖標

正負形的設計在LOGO圖形設計中是比較常見的表現(xiàn)手法，運用在圖標設計中，以正形為底突出負形特征，以負形表達產(chǎn)品屬性。利用正負形進行設計，圖形設計感較強，正形與負形可以更加充分地表達產(chǎn)品特征與服務。

9. 線形圖標

線性圖標風格給人簡潔輕快的感覺，線性設計的方式分閉合式和開放式，可以是一條連續(xù)的線條或者幾條線段組成。在有色背景上面線條通常反白處理，背景設計可以是單色、漸變色、其他輔助圖形設計等。

10. 白色漸變圖標

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

11. 彩色漸變圖形

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

12. 動物局部圖標

利用動物局部進行圖形設計，可以讓元素特征更加明顯。比起展示整個動物形象，局部特征展示視覺表現(xiàn)力更強。

13. 人體局部圖形

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

14. 卡通形象圖標

卡通形象與動物形象容易混淆，因為很多卡通形象都是基于動物設計演變而來。這里單獨提取出來是為了歸類一些單純以動物外形為設計元素的表現(xiàn)手法?？ㄍㄐ蜗笤O計在應用圖標的設計中是非常常見的，很容易對用戶形成記憶。

15. 擬人化圖形圖標

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

16. 從功能服務提煉圖形

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

17. 漸變色背景圖標

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

18. 文藝風格圖標

文藝風格圖標設計配色清新、復古、簡約，適合帶有文藝風格類的產(chǎn)品。設計方向為簡約的圖形組合或者文藝風格的字體設計為主，圖標整體留白較多，配色簡約，白色背景居多。如果是深色背景則采用黑色、復古色為主。

19. 活動氛圍圖標

對應用圖標進行特定的活動氛圍包裝。會保留原本的圖形面貌，進行整體的氛圍營造，以突出購物火爆的場景感。

20. 游戲角色圖標

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

呼吸感的意思就是適當留白。不管是在做圖標還是做界面，適當?shù)牧舭卓梢酝怀鲋黧w，讓空間更有張力，更具備可看性。圖標的相鄰元素之間的空間不應太小或在整體中不一致。定義最小間隙并將其保留在任何地方以避免輪廓“粘連”。

七、小編綜合來說

圖標 設計是設計師必備的能力，圖標繪制看似簡單，要做好卻并不容易，好的圖標設計不僅能幫助用戶更高效地解決問題，還能幫助產(chǎn)品和品牌形成差異化，非?？简炘O計師們的細節(jié)，不過UI設計處處充滿細節(jié)，想要自己的界面更加精致，就不要忽略每一個可以提升的點。

以上就是分享的圖標基礎知識的大部分內(nèi)容了，圖標本身是一個比較大的范圍，文中難免有很多不深入的內(nèi)容，歡迎各位總監(jiān)們的指教。最后感謝大家閱讀，希望今天的這篇文章能夠幫到你。

附錄·參考文獻

《Material Design》

《Apple Developer》

《History of icons》

《An oral history of the hamburger icon》

《Hopefully, the Ultimate Guide to an Interface Icon Set》

《設計師必看的圖標設計指南》

本文由郝小七指導http://www.woshipm.com/u/917803

本文由 @明非 原創(chuàng)發(fā)布于人人都是產(chǎn)品經(jīng)理，未經(jīng)許可，禁止轉(zhuǎn)載。

題圖來自Unsplash，基于 CC0 協(xié)議。

拓展知識：

win10容器時間不一致

Win10時間不準怎么辦？一些電腦朋友升級Win10后，也會遇到一些莫名其妙的問題。下面，小編主要詳細介紹下如何開啟Win10電腦時間同步，以及介紹下Win10時間不準的原因與解決辦法。
1、第一點擊Win10桌面右下角的“時間”，在彈出的時間詳細界面，點擊打開“日期和時間設置”如圖。

Win10時間設置
2、之后可以打開“時間和語言”設置界面，第二將下方的“自動設置時間”開關打開。如果目前時間是不同步的，可以先關閉自動設置時間，第二自動打開，只要在聯(lián)網(wǎng)狀態(tài)，之后時間會自動同步，如圖。

此外，需要注意的是，如果開啟了自動設置時間，電腦時間依舊不準或者不同步的話，請檢查一下“區(qū)域和時區(qū)”設置是否正確，其中區(qū)域需要設置為“**”，時區(qū)建議選擇為“北京”即可，如圖。

值得一提的是，導致Win10電腦時間不準還可能與主板電池沒電或者主板內(nèi)部時鐘電路故障有關，一般這種情況比較少見。對于一些老爺機，可能電腦幾天沒開機，之后開機就會出現(xiàn)時間不準的現(xiàn)象，這種情況主要是主板的CMOS電池沒電導致，可以選擇更換或者不要拔掉電腦的電源插座，即可解決此類問題。

本回答被提問者采納