欧美精品在线一区二区三区_亚洲女同精品视频_日韩一区免费_国产欧美久久久精品免费_国产这里只有精品_僵尸再翻生在线观看_久久99精品国产一区二区三区_亚洲免费一区二区_女教师淫辱の教室蜜臀av软件_中文字幕国产一区二区

圖標(biāo)設(shè)計(jì)的進(jìn)化歷程,讀這一篇就好了!

2024-6-19    鶴鶴

圖標(biāo)在當(dāng)今不論是物理世界還是數(shù)字世界中都廣泛存在且十分重要,在交互界面中其重要性尤其值得強(qiáng)調(diào)。圖標(biāo)是用戶與產(chǎn)品之間最簡單的交流形式之一,有助于提升可用性和直觀性,還能讓界面更加易于使用和理解,幫助用戶快速導(dǎo)航。很多時(shí)候,圖標(biāo)有助于解決相當(dāng)多復(fù)雜或抽象的概念。借由對(duì)圖標(biāo)“進(jìn)化“的概括梳理,不僅使我們看待圖標(biāo)的設(shè)計(jì)有更深入地了解,同時(shí)也有助于更好地摸清未來圖標(biāo)設(shè)計(jì)的發(fā)展方向。
 
一、早期的圖標(biāo)設(shè)計(jì)
1.1 引子:箭頭圖標(biāo)從何而來?
箭頭,作為日常生活中最常見和常用的圖標(biāo),從城市生活的導(dǎo)航指向,到屏幕界面中的前進(jìn)返回,到處都能見到各式各樣的箭頭圖標(biāo)。可以說幾乎每一個(gè)現(xiàn)代人都清楚箭頭圖標(biāo)的含義,對(duì)這種無處不在的圖標(biāo)習(xí)以為常。然而,正是這樣一個(gè)對(duì)我們來說司空見慣的圖標(biāo),卻很少有人知道它究竟是為何如此造型,又是如何一步步演進(jìn)至今天的模樣的,就讓我們以這個(gè)有趣的問題為引子,來一同探尋圖標(biāo)設(shè)計(jì)的進(jìn)化歷程。
根據(jù)美國印刷史協(xié)會(huì)的研究,作為符號(hào)和圖標(biāo)被使用的箭頭歷史只有短短不到四百年,隨著時(shí)間的推移,箭頭變得越來越簡化和抽象。而最初具有指向含義的“箭頭”,其實(shí)是一只腳印,以這種十分直觀的方式傳達(dá)了清晰的信息:“向這個(gè)方向前進(jìn)。”同樣,在早期的教學(xué)插圖和標(biāo)牌中可以看到手指的圖像,例如伸出的手指指向最近的城鎮(zhèn)方向,以及早期印刷文本和手稿中用于指向關(guān)鍵的段落。
圖標(biāo)設(shè)計(jì)進(jìn)化論
 
 
這些均是十分具象的早期“箭頭”圖案,使用最直觀的方式表達(dá)了含義和作用,正如古代中國的甲骨文和埃及象形文字那樣直白。由此也不難看出,文字和圖標(biāo)自古以來就有著千絲萬縷的聯(lián)系,時(shí)至今日依然如此。
之后箭頭圖標(biāo)慢慢由具象走向象征性,首次使用是在18世紀(jì)的法國論文插圖中發(fā)現(xiàn)的,被描繪為一個(gè)帶有羽毛尾巴的弓箭箭矢。同期的德國也發(fā)現(xiàn)了地圖中使用類似圖案表示水流流向的例子。
圖標(biāo)設(shè)計(jì)進(jìn)化論
 
 
隨后,箭頭變得更加抽象,到了19世紀(jì)中后期,箭頭的尾巴被省略,只留下了箭身和頭部的三角。對(duì)于瑞士字體設(shè)計(jì)大師Adrian Frutiger來說,這是箭頭最基本的特征:“當(dāng)兩條斜線結(jié)合在一起并形成夾角,方向和運(yùn)動(dòng)感的表達(dá)隨之產(chǎn)生。”伴隨著工業(yè)革命,機(jī)器操作手冊(cè)中頻繁出現(xiàn)的箭頭圖標(biāo),被廣大民眾所接受。
圖標(biāo)設(shè)計(jì)進(jìn)化論
 
 
自此,箭頭的抽象形態(tài)被確定,隨后便被廣泛應(yīng)用于各種場景中。時(shí)至今日,箭頭圖標(biāo)的用法和形式也越來越多樣,數(shù)學(xué)符號(hào)、商業(yè)標(biāo)志,App界面中都有它的身影,其所被賦予的引申含義也越加豐富,漸漸地成為了我們今天所普遍熟知的箭頭圖標(biāo)。
圖標(biāo)設(shè)計(jì)進(jìn)化論
 
 
20世紀(jì)70年代紐約地鐵設(shè)計(jì)的新導(dǎo)視系統(tǒng),這套以箭頭、字母、色彩構(gòu)成的現(xiàn)代設(shè)計(jì)系統(tǒng)沿用至今,啟發(fā)了包括iOS頁面導(dǎo)航方式在內(nèi)的許多經(jīng)典設(shè)計(jì)(可以看到早期的導(dǎo)視也是使用具象的箭作為指向符號(hào))。值得一提的是其中的箭頭細(xì)節(jié),箭頭內(nèi)側(cè)的斜線角度與外側(cè)并不是平行的,而是有著4° 的內(nèi)縮,這種細(xì)節(jié)的處理正是從字體設(shè)計(jì)中借鑒而來,減弱筆畫交匯處的視覺重量感使其看起來是平行且勻稱的,類似的處理在今天的iOS圖標(biāo)中仍然可以看到。
 
1.2 圖標(biāo)設(shè)計(jì)的經(jīng)典之作
像是箭頭這樣經(jīng)典的圖標(biāo)設(shè)計(jì)還有許多,這里挑選了幾個(gè)最具有劃時(shí)代意義的設(shè)計(jì),讓我們一起來回顧一下。
1964年東京奧運(yùn)會(huì),是奧運(yùn)會(huì)第一次在亞洲國家舉辦,考慮到多國語言的信息傳達(dá)問題,設(shè)計(jì)了第一套運(yùn)動(dòng)項(xiàng)目的抽象圖標(biāo),來自各個(gè)國家的人們通過圖標(biāo)即可辨別出不同的運(yùn)動(dòng),在之后的1972年德國慕尼黑奧運(yùn)會(huì)上,人物被進(jìn)一步抽象,類似的人物抽象形象被復(fù)用在例如安全出口、洗手間等經(jīng)典圖標(biāo)上。
圖標(biāo)設(shè)計(jì)進(jìn)化論
 
 
20世紀(jì)80年代,數(shù)字時(shí)代的圖標(biāo)開始出現(xiàn),作為GUI的關(guān)鍵組成,圖標(biāo)的設(shè)計(jì)同樣是為了更加直觀地傳達(dá)信息,讓更多人可以輕易理解并接觸到個(gè)人電腦,消除傳統(tǒng)代碼界面造成的隔閡感與距離感,經(jīng)典的Macintosh笑臉、Command、播放、USB等圖標(biāo)陸續(xù)被發(fā)明。
圖標(biāo)設(shè)計(jì)進(jìn)化論
 
 
Happy Mac
經(jīng)典Mac電腦開機(jī)時(shí)呈現(xiàn)的圖標(biāo),以及最新macOS中的訪達(dá),通過把個(gè)人電腦擬人為一個(gè)笑臉,給用戶傳達(dá)了十分友好的第一印象,打破了人們對(duì)于電腦和機(jī)器先天地抵觸心理,讓技術(shù)的魅力被更多的人所感受。
Command
蘋果電腦鍵盤上的Command修飾鍵最初只是一個(gè)Apple Logo,菜單中也會(huì)展示一系列以Apple Logo指代地快捷鍵組合,這樣在界面中濫用logo顯得十分不優(yōu)雅,因此設(shè)計(jì)師從眾多抽象圖標(biāo)中選擇了這個(gè)沒有明確含義地微妙圖標(biāo),在快捷鍵的描述上顯得十分貼切。據(jù)稱其源于北歐地區(qū)露營地的標(biāo)識(shí)。
播放
播放圖標(biāo)在20世紀(jì)60年代中期首次出現(xiàn)在磁帶上,有時(shí)還有一個(gè)額外的三角形來表示快進(jìn)或倒帶,三角形指向磁帶卷曲的方向。播放/暫停符號(hào)現(xiàn)在可以在任何能夠播放媒體的設(shè)備上找到,并普遍用于媒體的控制和表示。
USB
USB圖標(biāo)靈感來自于三叉戟。每個(gè)點(diǎn)的末端都被一個(gè)圓形、正方形和三角形所取代,旨在代表可以使用這種通用接口連接的許多不同的外圍設(shè)備。
從這些經(jīng)典案例不難看出,圖標(biāo)具備了文字所難以傳達(dá)的直觀性和親和力,不論在是物理世界還是數(shù)字世界中,圖標(biāo)的設(shè)計(jì)都發(fā)揮了舉足輕重的作用。
 
二、UI中的圖標(biāo)設(shè)計(jì)
今天的文字是從現(xiàn)實(shí)世界中對(duì)事物的抽象描述演變而來的,但我們?nèi)匀幻刻焓褂贸橄蟮膱D標(biāo)來輔助進(jìn)行溝通。對(duì)于數(shù)字環(huán)境中的用戶界面來說尤其如此。例如,眾所周知的“×”圖標(biāo)代表關(guān)閉或刪除用戶在屏幕上看到的一部分內(nèi)容,以及在搜索引擎或其他地方上看到了用作“搜索”圖標(biāo)的放大鏡。
2.1 什么是好的圖標(biāo)?
圖標(biāo)以一種通用且簡單的方式傳達(dá)信息,無論文化或地理背景如何,每個(gè)人都可以理解。那么,怎樣的標(biāo)志才算是好標(biāo)志或壞標(biāo)志呢?
我們需要更深入地研究科學(xué)才能更好地理解。符號(hào)科學(xué)的研究被稱為符號(hào)學(xué)。它涵蓋了從豎起大拇指到微笑,甚至表情符號(hào)的所有含義。這門科學(xué)的著名代表人物查爾斯·桑德斯·皮爾士提出了一個(gè)三角形模型,說明了符號(hào)之所以成為符號(hào)的原因(見下圖)。
圖標(biāo)設(shè)計(jì)進(jìn)化論
 
 
● 表征物:符號(hào)的代表形式;
● 解釋者:觀察者心中對(duì)符號(hào)的解釋理解;
● 對(duì)象:符號(hào)所指的對(duì)象;
這三個(gè)要素相互關(guān)聯(lián),形成了理解或溝通中的基本結(jié)構(gòu)。符號(hào)并非直接與其代表的對(duì)象相連,而是通過解釋者也就是使用符號(hào)的人來建立連接。這個(gè)模型強(qiáng)調(diào)了解釋和主觀性在符號(hào)學(xué)中的重要性。
如果我們以箭頭圖標(biāo)為例,代表物是箭頭符號(hào)本身。它是一種視覺標(biāo)志,通常用來指示方向或引導(dǎo)注意力。箭頭的形狀、方向和上下文決定了它如何被解釋。對(duì)象是箭頭符號(hào)所指向的事物。這可以是實(shí)際的物理方向,如“向北”、“返回上一級(jí)”等,或者可以是比喻意義上的方向,如指引下一步行動(dòng)的方向。解釋者是觀察者對(duì)箭頭符號(hào)的理解或解讀。例如,當(dāng)一個(gè)人看到一條指向右邊的箭頭時(shí),他們可能會(huì)理解為需要向右轉(zhuǎn),或者他們應(yīng)該將注意力集中在右側(cè)。
所以當(dāng)我們?cè)O(shè)計(jì)圖標(biāo)時(shí),需要著重考量這三者之間的關(guān)系。也可以理解為,如果在某個(gè)位置看到某個(gè)圖標(biāo),我們期望用戶如何理解并進(jìn)行操作。
此外,蘋果電腦經(jīng)典圖標(biāo)的設(shè)計(jì)師Susan Kare也有自己一直堅(jiān)持的設(shè)計(jì)原則:
● 簡單、清晰和美觀
● 重視上下文和隱喻
● 易于理解、便于記憶
● 確保一致性和可讀性
● 人性化
因此,圖標(biāo)的偉大之處在于可以跨越多種語言,成為一種人類通用的視覺表達(dá)。 
 
2.2 構(gòu)建數(shù)字圖標(biāo)設(shè)計(jì)系統(tǒng)
圍繞著技術(shù)的演進(jìn),圖標(biāo)的設(shè)計(jì)有了前所未有的進(jìn)化,同字體設(shè)計(jì)產(chǎn)生了更多千絲萬縷的聯(lián)系。其中最具代表性的便是Apple和Google這兩家軟件巨頭所開發(fā)的SF Symbols和Material Symbol圖標(biāo)系統(tǒng),分別作為iOS和android的系統(tǒng)圖標(biāo)應(yīng)用,它們也有著各自的進(jìn)化歷程。與此同時(shí),圖標(biāo)也不僅僅再是單一的固定的圖標(biāo),而是像字體一樣的一套圖標(biāo)系統(tǒng),包含可以進(jìn)行自定義調(diào)節(jié)的風(fēng)格、樣式、粗細(xì)、甚至可以不斷進(jìn)行迭代和更新。完善易用的圖標(biāo)系統(tǒng)與圖標(biāo)本身的設(shè)計(jì)同樣至關(guān)重要。
 
形態(tài)與色彩
作為用戶體驗(yàn)十分優(yōu)秀的Apple,其圖標(biāo)系統(tǒng)必然具有眾多可圈可點(diǎn)之處。最初,SF Symbols提供的是單色圖標(biāo),這些圖標(biāo)在界面中奠定了一致性,同時(shí)也給人一種熟悉感。在2021年,SF Symbols變得更加靈活多樣,提供了多種渲染模式:分層模式、調(diào)色版模式、多色模式。2022年引入了可變顏色,使得圖標(biāo)能傳達(dá)不同的強(qiáng)度水平或是時(shí)間變化,讓圖標(biāo)更加富有表現(xiàn)力。兼具功能性和視覺魅力。2023年,更進(jìn)一步地增加了動(dòng)畫屬性。為界面注入了更多動(dòng)感和活力,圖標(biāo)數(shù)量超過5000個(gè)。
圖標(biāo)設(shè)計(jì)進(jìn)化論
 
 
SF Symbols使用iconfont技術(shù)來實(shí)現(xiàn)與系統(tǒng)字體的和諧搭配,支持粗細(xì)的無極調(diào)節(jié),與文字的自動(dòng)對(duì)齊排版,同時(shí)還支持同一個(gè)圖標(biāo)的不同狀態(tài)變體,例如音量圖標(biāo)的變化和用戶圖標(biāo)的多種組合,猶如漢字的偏旁部首組合一樣靈活,在設(shè)計(jì)和開發(fā)實(shí)現(xiàn)時(shí)都非常高效便利。
圖標(biāo)設(shè)計(jì)進(jìn)化論
 
 
在同一個(gè)字號(hào)下,擁有大中小三種圖標(biāo)的預(yù)設(shè)尺寸,使得在不同尺寸的控件中,盡管字號(hào)都是17pt,但都可以調(diào)用合適的圖標(biāo),三種尺寸也并非單純的縮放,而是針對(duì)每個(gè)尺寸的粗細(xì)和內(nèi)部空間單獨(dú)進(jìn)行微調(diào),從而實(shí)現(xiàn)每個(gè)尺寸的圖標(biāo)視覺感受上都能和諧匹配文字內(nèi)容。
圖標(biāo)設(shè)計(jì)進(jìn)化論
 
 
Material Symbols作為谷歌開發(fā)設(shè)計(jì)的一套圖標(biāo)系統(tǒng),同樣具有許多優(yōu)秀的特質(zhì)。除了與SF Symbols同樣的可變粗細(xì)、尺寸視覺自適應(yīng)等特性外,還具有SF Symbols所不具備的一些優(yōu)勢。
圖標(biāo)設(shè)計(jì)進(jìn)化論
 
 
圖標(biāo)風(fēng)格上,Material Symbols支持三種不同的描邊風(fēng)格,Outlined、Rounded和Sharp,在線條轉(zhuǎn)折和頭尾的方圓處理上各有不同。支持針對(duì)不同粗細(xì)的精細(xì)調(diào)節(jié),這是由于在淺色模式和深色模式下,圖標(biāo)的粗細(xì)感受會(huì)有些許不同,而通過Grade這一特性,則可以在同樣的粗細(xì)參數(shù)下進(jìn)一步微調(diào)圖標(biāo)的視覺觀感,從而達(dá)到更加和諧統(tǒng)一的呈現(xiàn)。
圖標(biāo)設(shè)計(jì)進(jìn)化論
 
 
圖標(biāo)設(shè)計(jì)進(jìn)化論
 
 
以往絕大多數(shù)圖標(biāo)都是單色形式,但是這并不能滿足所有場景的使用,例如一些特定的強(qiáng)調(diào)色,以及天氣狀況圖標(biāo)等。SF Symbols在色彩上,圖標(biāo)本身可以被劃分為多個(gè)層級(jí),每個(gè)層級(jí)都支持單獨(dú)配置色彩參數(shù),從而實(shí)現(xiàn)了一個(gè)圖標(biāo),多種色彩模式的效果,在不同的狀態(tài)可以通過色彩的變化進(jìn)一步豐富圖標(biāo)的表現(xiàn)力。有些情況下,圖標(biāo)的色彩并不是固定的,也需要可以代表時(shí)間和過程的變化,例如Wi-Fi強(qiáng)度和信號(hào)等,這些圖標(biāo)的微動(dòng)在過往的開發(fā)流程中可能需要單獨(dú)的動(dòng)畫來實(shí)現(xiàn),而在SF Symbols中只需要對(duì)圖標(biāo)進(jìn)行預(yù)先設(shè)置,便可以支持這種動(dòng)畫效果,而無需再輸出動(dòng)畫資源。
圖標(biāo)設(shè)計(jì)進(jìn)化論
 
 
在手機(jī)QQ中的圖標(biāo)設(shè)計(jì)中,同樣遵循了上述的設(shè)計(jì)原則,具備簡潔現(xiàn)代的設(shè)計(jì)風(fēng)格,與界面中的其他元素相得益彰,共同構(gòu)成了Q語言的完整設(shè)計(jì)系統(tǒng)。
在群應(yīng)用圖標(biāo)的場景中,對(duì)于圖標(biāo)做了更加豐富生動(dòng)的表現(xiàn)處理。在默認(rèn)模式中,對(duì)圖標(biāo)進(jìn)行基于QQ色彩體系的色相分層處理,既強(qiáng)化了不同圖標(biāo)之間的差異識(shí)別,同時(shí)多層次的色彩豐富了圖標(biāo)的視覺感受;簡潔模式的圖標(biāo)則更傾向于系統(tǒng)圖標(biāo)外圓內(nèi)方的線性風(fēng)格,同時(shí)強(qiáng)化了圖標(biāo)比例和圖形輪廓,在簡化造型的基礎(chǔ)上保證了識(shí)別度。
動(dòng)態(tài)與變化
圖標(biāo)設(shè)計(jì)進(jìn)化論
 
 
在手Q的Tab圖標(biāo)上,切換選中時(shí)加入了的生動(dòng)的圖標(biāo)動(dòng)畫,通過品牌色的面性圖標(biāo)強(qiáng)化了選中效果,恰到好處的微動(dòng)畫不會(huì)過于搶眼,同時(shí)又為QQ注入了年輕活力的視覺感受。
圖標(biāo)設(shè)計(jì)進(jìn)化論
 
 
在最新的SF Symbols 5版本中,引入了更加豐富的動(dòng)畫效果,同樣也是通過預(yù)先將圖標(biāo)設(shè)置圖層來實(shí)現(xiàn)預(yù)設(shè)的六種動(dòng)畫(出現(xiàn)、消失、彈跳、縮放、閃爍、交替),不需要單獨(dú)的圖標(biāo)動(dòng)畫資源。最重要的是,這些圖標(biāo)動(dòng)畫在所有的尺寸、粗細(xì)、和色彩渲染模式下,都是通用的,這讓其可用性大大增加,避免了例如淺色深色模式下都需要單獨(dú)的動(dòng)畫資源的問題。
動(dòng)畫中有個(gè)細(xì)節(jié),例如上圖第一行中間的haha圖標(biāo),動(dòng)畫是分了多層進(jìn)行的,層與層之間的遮擋關(guān)系和線條分隔并不會(huì)因?yàn)樵氐目s放而變化,這是因?yàn)樵赟F Symbols的圖標(biāo)動(dòng)畫配置中,支持對(duì)布爾運(yùn)算的圖層進(jìn)行配置,通過多圖層的動(dòng)畫實(shí)現(xiàn)了這種復(fù)雜的動(dòng)畫效果,十分巧妙。
 
小結(jié)
 
以上的關(guān)于圖標(biāo)設(shè)計(jì)系統(tǒng)的內(nèi)容受限于篇幅并沒有詳細(xì)介紹其中的實(shí)現(xiàn)原理與設(shè)計(jì)細(xì)節(jié),感興趣的讀者可以到以下幾個(gè)官方的視頻鏈接中詳細(xì)了解,相信看完之后便會(huì)領(lǐng)會(huì)到圖標(biāo)設(shè)計(jì)系統(tǒng)與先進(jìn)的技術(shù)實(shí)現(xiàn)結(jié)合的魅力所在。可以說在UI圖標(biāo)系統(tǒng)中,已經(jīng)不僅僅是圖標(biāo)本身的設(shè)計(jì),而是關(guān)聯(lián)到系統(tǒng)字體、技術(shù)實(shí)現(xiàn)、動(dòng)態(tài)交互等多個(gè)領(lǐng)域的復(fù)雜系統(tǒng),通過多方的共同協(xié)作,最終才能實(shí)現(xiàn)可以不斷迭代、使用便利的圖標(biāo)工具箱。
 
三、圖標(biāo)設(shè)計(jì)的未來
伴隨著互聯(lián)網(wǎng)、個(gè)人電腦和手機(jī)的普及,以及例如奧運(yùn)會(huì)這樣的全球盛事的舉辦,世界范圍內(nèi)的文化交流和融合變得越來越常見和深入,圖標(biāo)與文字一樣構(gòu)成了不可或缺的溝通橋梁,在這樣的背景下,圖標(biāo)的設(shè)計(jì)更加需要去適應(yīng)這樣多元的環(huán)境,利用先進(jìn)的技術(shù)進(jìn)行視覺表現(xiàn),使用AI去探索更多的可能性。
3.1 更多元的應(yīng)用
圖標(biāo)設(shè)計(jì)進(jìn)化論
 
 
在SF Symbols中,一些涉及到書寫習(xí)慣的圖標(biāo)會(huì)擁有幾個(gè)不同的語言版本,例如書本這個(gè)圖標(biāo),有的是右開本有的是左開本,這便是考慮到在一些國家和地區(qū)的文化習(xí)慣不同。以及不分圖標(biāo)上的文字也擁有包括英語、漢語、阿拉伯語等等好幾個(gè)變體。系統(tǒng)調(diào)用這些圖標(biāo)時(shí)便會(huì)根據(jù)用戶所設(shè)置的語言和地區(qū),自動(dòng)變化圖標(biāo)的呈現(xiàn),讓開發(fā)者無需去單獨(dú)適配,達(dá)到高效開發(fā)的同時(shí)也提升了多語言的用戶體驗(yàn)。
圖標(biāo)設(shè)計(jì)進(jìn)化論
 
 
在emoji中我們也可以看到,一些表情也擁有多個(gè)膚色版本,黃色為經(jīng)典的默認(rèn)樣式,其他則適配了從淺到深的五種膚色,讓所有人都可以擁有屬于自己的emoji膚色,這同樣也是出于對(duì)不同種族人們的尊重和平等。
圖標(biāo)設(shè)計(jì)進(jìn)化論
 
 
性別的平等在當(dāng)代也得到了廣泛的重視,如iOS系統(tǒng)通訊錄的圖標(biāo)從早期的傾向于男性的頭像,到如今的中性表達(dá);以及Twiter設(shè)計(jì)默認(rèn)頭像時(shí)也著重優(yōu)化了頭像的樣式,在肩部和頭部的形態(tài)上去除性別的傾向,從而實(shí)現(xiàn)可以以一種抽象的頭像圖標(biāo)去指代所有人。
 
3.2 更生動(dòng)的表現(xiàn)
圖標(biāo)設(shè)計(jì)進(jìn)化論
 
 
上文提到的奧運(yùn)會(huì)運(yùn)動(dòng)項(xiàng)目圖標(biāo),某種程度上也見證著世界范圍內(nèi)圖標(biāo)設(shè)計(jì)與技術(shù)發(fā)展的進(jìn)程,在2021年東京奧運(yùn)會(huì)上首次出現(xiàn)的動(dòng)態(tài)體育圖標(biāo),為傳統(tǒng)的平面圖標(biāo)注入了動(dòng)感和立體感,更加適用于當(dāng)代的數(shù)字媒體傳播,之后的北京冬奧會(huì)也為運(yùn)動(dòng)項(xiàng)目加入了動(dòng)態(tài)的呈現(xiàn),并且還融入了中國篆刻的視覺語言,將傳統(tǒng)與現(xiàn)代巧妙地融合在了一起。
圖標(biāo)設(shè)計(jì)進(jìn)化論
 
 
圖標(biāo)設(shè)計(jì)進(jìn)化論
 
 
在數(shù)字世界中,更少不了圖標(biāo)向著更加生動(dòng)的表現(xiàn)上進(jìn)化。從emoji到animoji和memoji,平面的表情圖標(biāo)現(xiàn)在可以結(jié)合用戶的表情,實(shí)時(shí)地動(dòng)態(tài)立體呈現(xiàn)。而最近發(fā)布的Vision Pro,將我們所熟悉的各種app圖標(biāo)在空間中更加生動(dòng)地還原出來,加入了分層的概念,讓圖標(biāo)可以隨著人眼的目光變化,實(shí)現(xiàn)更加真實(shí)和靈動(dòng)的感受,仿佛原先的數(shù)字世界中的各種app出現(xiàn)在了現(xiàn)實(shí)世界中。
 
3.3 更自由的表達(dá)
圖標(biāo)設(shè)計(jì)進(jìn)化論
 
 
或許在不遠(yuǎn)的未來,圖標(biāo)設(shè)計(jì)不再是只屬于設(shè)計(jì)師的工作,隨著技術(shù)的進(jìn)步,越來越多的普通人也可以借助各種智能工具,體驗(yàn)到圖標(biāo)設(shè)計(jì)的趣味。比如谷歌所推出的Emoji Kitchen,可以讓用戶自由地組合Emoji,創(chuàng)作出自己想要的表情圖標(biāo)。
圖標(biāo)設(shè)計(jì)進(jìn)化論
 
 
以及AI技術(shù)的發(fā)展,也讓人們可以僅僅借助一段文字的描述,就能幾乎立刻得到由AI生成的效果絢麗的圖標(biāo)。而AI技術(shù)才剛剛起步,現(xiàn)在甚至隔幾個(gè)月就會(huì)有一個(gè)顯著的進(jìn)步和能力提升,可以預(yù)見在不久的將來,這項(xiàng)技術(shù)將極大的降低圖標(biāo)設(shè)計(jì)的門檻,讓更多的人加入到設(shè)計(jì)與創(chuàng)作的隊(duì)伍中。
 
結(jié)語
圖標(biāo)設(shè)計(jì)進(jìn)化論
 
 
從腳印到箭頭,從手繪到生成,從單一的圖標(biāo)到復(fù)雜的系統(tǒng),圖標(biāo)設(shè)計(jì)的進(jìn)化也同樣是文明和技術(shù)的進(jìn)化。數(shù)字技術(shù)的發(fā)展進(jìn)一步地加速了這個(gè)過程,屏幕的分辨率也從像素馬賽克演進(jìn)到了如今幾乎無法區(qū)分虛擬和現(xiàn)實(shí),遠(yuǎn)超人類自身進(jìn)化的速度。但不論是在復(fù)雜的現(xiàn)實(shí)世界或是夢幻的數(shù)字世界,一個(gè)簡單清晰的箭頭圖標(biāo)都將可以成為導(dǎo)航,為我們指引目標(biāo)和方向。
 
參考資料
 
History of the Arrow - American Printing History Association
https://printinghistory.org/arrow/
A brief history of Iconography
https://pdtv.medium.com/a-brief-history-of-iconography-c20d8a0cc2c4
1970 New York City Transit Authority Graphics Standards Manual
https://standardsmanual.com/products/nyctacompactedition
1964到2020,從奧運(yùn)會(huì)體育標(biāo)識(shí)的更迭中捕捉設(shè)計(jì)原點(diǎn)
https://zhuanlan.zhihu.com/p/113008671
圖標(biāo)設(shè)計(jì)知往鑒今:致敬 Apple 初代設(shè)計(jì)師 Susan Kare - 少數(shù)派
https://sspai.com/post/82739
What’s new in SF Symbols 5 - WWDC23 - Videos - Apple Developer
https://developer.apple.com/videos/play/wwdc2023/10197/
Introducing Material Symbols - Material Design
https://material.io/blog/introducing-symbols
Rethinking our default profile photo
https://blog.twitter.com/en_us/topics/product/2017/rethinking-our-default-profile-photo
中國篆刻“動(dòng)起來”了!這些冬奧體育圖標(biāo)不簡單_新聞_央視網(wǎng)(cctv.com)
http://m.news.cctv.com/2020/12/31/ARTIRAzLnmbbAzRcb0iEGr27201231.shtml
Design for spatial user interfaces - WWDC23 - Videos - Apple Developer
https://developer.apple.com/videos/play/wwdc2023/10076/
Google Emoji Kitchen
https://www.google.com/search?client=safari&rls=en&q=google+emoji+kitchen&ie=UTF-8&oe=UTF-8
AI Emojis
https://emoji.fly.dev
CandyIcons
https://www.candyicons.com


作者:騰訊ISUX
鏈接:https://www.zcool.com.cn/article/ZMTYxNjgwMA==.html
來源:站酷
著作權(quán)歸作者所有。商業(yè)轉(zhuǎn)載請(qǐng)聯(lián)系作者獲得授權(quán),非商業(yè)轉(zhuǎn)載請(qǐng)注明出處。
 

藍(lán)藍(lán)設(shè)計(jì)(www.ocunn.cn )是一家專注而深入的界面設(shè)計(jì)公司,為期望卓越的國內(nèi)外企業(yè)提供卓越的大數(shù)據(jù)可視化界面設(shè)計(jì)B端界面設(shè)計(jì)桌面端界面設(shè)計(jì)APP界面設(shè)計(jì)圖標(biāo)定制用戶體驗(yàn)設(shè)計(jì)交互設(shè)計(jì)UI咨詢高端網(wǎng)站設(shè)計(jì)平面設(shè)計(jì),以及相關(guān)的軟件開發(fā)服務(wù),咨詢電話:01063334945。我們建立了一個(gè)微信群,每天分享國內(nèi)外優(yōu)秀的設(shè)計(jì),有興趣請(qǐng)加入一起學(xué)習(xí)成長,咨詢及進(jìn)群請(qǐng)加藍(lán)小助微信ben_lanlan。

WechatIMG27.jpg

關(guān)鍵詞:UI咨詢UI設(shè)計(jì)服務(wù)公司軟件界面設(shè)計(jì)公司、界面設(shè)計(jì)公司、UI設(shè)計(jì)公司UI交互設(shè)計(jì)公司數(shù)據(jù)可視化設(shè)計(jì)公司用戶體驗(yàn)公司高端網(wǎng)站設(shè)計(jì)公司銀行金融軟件UI界面設(shè)計(jì)能源及監(jiān)控軟件UI界面設(shè)計(jì)氣象行業(yè)UI界面設(shè)計(jì)軌道交通界面設(shè)計(jì)地理信息系統(tǒng)GIS UI界面設(shè)計(jì)航天軍工軟件UI界面設(shè)計(jì)醫(yī)療行業(yè)軟件UI界面設(shè)計(jì)教育行業(yè)軟件UI界面設(shè)計(jì)企業(yè)信息化UI界面設(shè)計(jì)、軟件qt開發(fā)軟件wpf開發(fā)軟件vue開發(fā)

 

日歷

鏈接

個(gè)人資料

存檔

欧美亚洲在线日韩| 熟女高潮一区二区三区| 国产一级免费观看| 污污视频在线观看网站| 成av人片在线观看www| 一区二区美女| 国产精品456| 色综合久久中文综合久久牛| 日韩网站免费观看| 国产偷国产偷亚洲高清97cao| 可以在线看的黄色网址| 一级黄色片日本| 超碰在线电影| 小说区图片区亚洲| 香蕉av777xxx色综合一区| 国产女人aaa级久久久级| 日韩视频免费观看高清完整版 | 久久国产精品亚洲va麻豆| 亚洲天堂av线| 草久视频在线观看| 麻豆传媒视频在线观看| 偷拍一区二区| 成人一区在线观看| 欧美一级电影网站| 国产精品视频久| 久久精品免费一区二区| 久久国产在线视频| 国产三级在线看| 小说区图片区色综合区| 国产成人福利片| 欧美精品aⅴ在线视频| 青青草精品毛片| 国产一区二区网| 激情四射综合网| 东凛在线观看| 国产中文精品久高清在线不| zzijzzij亚洲日本少妇熟睡| 日韩一区二区高清| 成人精品一区二区三区电影免费| 欧美女人性生活视频| 日韩成年人视频| 中国av在线播放| 中出一区二区| 亚洲欧美一区二区三区孕妇| 久久久国产一区二区| 一区二区三区四区视频在线| 摸摸摸bbb毛毛毛片| 新欧美整片sss第一页| 精品国产乱子伦一区二区| 国产精品综合一区二区| 欧美日本一区二区在线观看| 欧美与欧洲交xxxx免费观看| 天天摸天天碰天天添| 日韩三级一区二区三区| 黄色精品在线观看| 日韩在线观看一区| 国产偷国产偷精品高清尤物 | 国产精品国产三级国产专业不| 亚洲卡一卡二卡三| 日韩欧美三区| 老司机免费视频一区二区| 一本到高清视频免费精品| 少妇av一区二区三区| 国产伦精品一区二区三区免费视频| www.日日操| 男人天堂视频网| 精品众筹模特私拍视频| 亚洲三级毛片| 欧美日韩综合视频| 国产极品jizzhd欧美| 精品一区二区中文字幕| 欧美啪啪小视频| av影院在线| 在线成人黄色| 午夜电影网一区| 欧美在线免费视频| 欧美精品aaaa| 91麻豆成人精品国产| 日韩经典一区| 精品亚洲国内自在自线福利| 色婷婷av一区二区| 国产精品日韩在线一区| 亚洲一二区在线观看| 亚洲精品久久久久久久久久久久久久 | 日本中文字幕二区| 亚洲av色香蕉一区二区三区| 欧美不卡在线观看| 91免费看`日韩一区二区| 亚洲一二在线观看| 中文字幕中文字幕99| 亚洲欧美精品久久| ****av在线网毛片| 视频一区二区三区在线| 欧美丰满美乳xxx高潮www| 风间由美久久久| 少妇大叫太粗太大爽一区二区| 色视频在线观看福利| 91影院成人| 激情亚洲一区二区三区四区| 国产精品免费一区| 欧美一区二区免费在线观看| 日本成人一区二区三区| 欧美r级电影| 亚洲成人久久影院| 国产在线久久久| 亚洲av无码一区二区三区观看| 亚洲网站情趣视频| 久久久久久免费视频| 狠狠久久五月精品中文字幕| 91夜夜未满十八勿入爽爽影院| 中文字幕在线免费看线人| 国产爆初菊在线观看免费视频网站| 欧美午夜国产| 欧美日韩一区二区三区免费看| 激情久久av| 久久久久久av无码免费网站| 伊人久久av| 成人免费视频视频在线观看免费| 丝袜美腿精品国产二区| 久久精品99国产| 天天干天天做天天操| 色欧美自拍视频| 色激情天天射综合网| 国产精品久久久久av福利动漫| 我和岳m愉情xxxⅹ视频| 成人女同在线观看| 国产精品羞羞答答xxdd| 久久亚洲精品成人| 日韩高清第一页| 四虎影院在线播放| 一本色道久久综合亚洲精品不卡| 欧美va日韩va| 成人午夜免费剧场| 国产视频在线免费观看| 精品精品99| 欧美中文字幕亚洲一区二区va在线| 麻豆一区区三区四区产品精品蜜桃| 天天操天天射天天爽| 99tv成人影院| 亚洲另类在线视频| 国产精品久久久久久久9999| 国产不卡在线观看视频| 日韩pacopacomama| 国产日韩成人精品| 国产精品吹潮在线观看| 国产亚洲精品精品精品| 忘忧草在线日韩www影院| 波多野结衣中文一区| 欧美激情一二三| 性色av蜜臀av浪潮av老女人| 人妖欧美1区| 不卡的av电影| 日本免费一区二区三区视频观看| 久久精品成人av| 色综合亚洲图丝熟| 暴力调教一区二区三区| 国产视频观看一区| 日韩欧美中文字幕视频| 亚洲三区欧美一区国产二区| 亚洲777理论| 欧美日韩精品免费看| 亚洲免费视频二区| 手机亚洲手机国产手机日韩| 日韩你懂的在线播放| aa视频在线播放| 一区二区三区视频国产日韩| 三级不卡在线观看| 久久成人18免费网站| av鲁丝一区鲁丝二区鲁丝三区| 国产三区在线观看| 日韩av午夜在线观看| 中文字幕在线成人| 最新国产精品自拍| av在线播放资源| 欧美国产精品一区| 超碰97在线播放| 亚洲第一网站在线观看| 成人在线电影在线观看视频| 精品少妇一区二区三区视频免付费| 欧美亚洲另类色图| 98在线视频| 成人黄色大片在线观看| 国产精品亚洲一区二区三区| 国产无码精品在线观看| 亚洲精品在线播放| 欧美日韩国产影院| 亚洲日本精品| 在线国产小视频| 精品无人区卡一卡二卡三乱码免费卡 | 天堂中文最新版在线中文| 亚洲视频综合在线| 日韩av一区二区三区在线| 黄频网站在线观看| 媚黑女一区二区| 久久久噜噜噜久久久| 久久精品日韩无码| 久久夜色精品国产噜噜av小说| 日韩一区二区在线播放| 天天操,天天操| 538在线精品| 亚洲一区二区精品视频| 一区二区不卡在线观看| 在线观看黄色片| 激情综合色播五月| 成人在线中文字幕| 国产精品一区二区人人爽| 亚洲国产网站| 久久久这里只有精品视频| 国产老头老太做爰视频| 红桃成人av在线播放| 亚洲欧美日韩视频一区| aaaaaav| 成人h动漫精品一区二区器材| 欧美一区二区三区在线电影| 亚洲一区日韩精品| 爱情电影社保片一区| 亚洲情趣在线观看| 8x8ⅹ国产精品一区二区二区| 爱爱爱免费视频在线观看| 久久久久久久久久电影| 麻豆一区区三区四区产品精品蜜桃| 日本xxxxxwwwww| 国产精品一区二区三区网站| 91在线观看免费| 国产成人精品白浆久久69| 欧美aaa在线| 国产日韩换脸av一区在线观看| 中国女人一级一次看片| 久久亚洲图片| 国产精品一区二区三区在线播放| 亚洲国产无线乱码在线观看 | 中文字幕日韩av资源站| 亚洲一卡二卡三卡| porn亚洲| 亚洲自拍偷拍九九九| 无码av天堂一区二区三区| 任你弄在线视频免费观看| 午夜视频一区二区| 成人在线观看黄| 欧美xo影院| 欧美顶级少妇做爰| 亚洲精品第二页| 精品欧美午夜寂寞影院| 亚洲欧洲第一视频| 精品人妻无码一区| 亚洲影视一区| 国模视频一区二区| 中国一级片黄色一级片黄| 久久99精品国产麻豆婷婷洗澡| av在线亚洲男人的天堂| 在线播放av网站| 国产蜜臀av在线一区二区三区| 日韩精品一区二区三区电影| 欧美人与禽猛交乱配| 在线免费观看日本欧美| 欧美视频亚洲图片| 综合激情久久| 久久精品国产91精品亚洲 | 亚洲国产日本| 91成人精品网站| 国产内射老熟女aaaa∵| 成人免费高清在线| 一本色道久久综合亚洲二区三区| 黄色网页在线免费看| 欧美日韩精品中文字幕| 日本成人xxx| 色狼人综合干| 久久久久久国产精品久久| 91亚洲国产成人精品一区| 国产成人综合自拍| 日韩一区二区电影在线观看| 在线播放日本| 欧美人与z0zoxxxx视频| 蜜桃传媒一区二区亚洲| 欧美在线国产| 91精品国产综合久久久久久久久| 成人在线小说| 亚洲卡通欧美制服中文| 91小视频网站| 首页亚洲中字| 韩国一区二区电影| 91片黄在线观看喷潮| 国产精品网站在线观看| 国产性生交xxxxx免费| 香蕉成人app| 欧美精品日韩www.p站| 自拍偷拍精品视频| a美女胸又www黄视频久久| 国产在线无码精品| 五月激情久久| 一本大道亚洲视频| www.日本精品| 成人性视频免费网站| 欧美性潮喷xxxxx免费视频看| 四虎影视国产精品| 久久精品久久精品亚洲人| 无码人妻精品一区二区三区夜夜嗨| 日韩一区二区久久| 国产欧美日韩伦理| 丁香花在线观看完整版电影| 精品日韩一区二区三区 | 精品国产区一区二| 久久精品视频免费| 亚洲爆乳无码专区| 亚洲欧美tv| 欧美激情18p| 日本免费一区视频| 亚洲一本大道在线| 加勒比精品视频| 国产精品夜夜夜| 久久福利电影| 精品视频在线一区二区在线| 日韩在线视频二区| 精品人妻一区二区三区换脸明星 | 99热在线播放| 国产在线拍揄自揄拍视频| 亚洲区在线播放| 国产精品一区二区三区在线免费观看 | 亚洲欧洲成视频免费观看| 中文字幕在线有码| 国内外成人在线| www.中文字幕在线| 久久国产精品美女| 69久久夜色精品国产69| 青青久在线视频免费观看| 无码av免费一区二区三区试看| 国产精久久一区二区三区| 久久久久国产精品一区二区| 色香蕉在线观看| 亚洲超碰在线观看| 午夜精品视频网站| 你懂的视频在线播放| 6080午夜不卡| 啦啦啦免费高清视频在线观看| 国产亚洲一区二区三区| 岛国精品一区二区三区| 自由日本语亚洲人高潮| 日本高清视频一区二区三区| 欧美性生活一级| 欧美性做爰毛片| 日韩电影在线观看完整版| 欧美日韩在线播放一区| 日本va欧美va国产激情| 中文字幕精品综合| 麻豆精品国产传媒av| 日韩av在线免费观看不卡| 久久这里只有精品8| 国产日韩欧美中文在线| 国产精品视频网| 欧美14一18处毛片| 久久亚洲精品网站| 天堂在线一二区| 欧美性猛交xxxx乱大交| 少妇高潮av久久久久久| 亚洲精品视频一区二区| 网爆门在线观看| 2023国产精品视频| 亚洲熟女一区二区| 黑人精品欧美一区二区蜜桃| 99sesese| 久久久久99| 日韩久久一级片| 影院欧美亚洲| 国产又爽又黄ai换脸| 久久不见久久见中文字幕免费| 免费久久久一本精品久久区| 网站一区二区| 成人午夜电影在线播放| 久久免费影院| 国产日韩欧美成人| 不卡一二三区| 91成人在线观看国产| 啪啪免费视频一区| 欧美激情一区二区三区高清视频 | 亚洲一区二区影视| 亚洲成av人综合在线观看| 国产在线视频你懂的| 亚洲男同1069视频| 欧洲猛交xxxx乱大交3| 亚洲欧洲精品成人久久奇米网| 美女洗澡无遮挡| 成人av资源在线| 免费毛片视频网站| 成人性生交大片免费看视频在线| 日本一区二区在线观看视频| 国产精品亚洲视频| 女人被狂躁c到高潮| yourporn久久国产精品| 精人妻一区二区三区| 美女视频免费一区| 古装做爰无遮挡三级聊斋艳谭| 精品一区二区成人精品| 蜜桃视频无码区在线观看| 国产在线不卡一卡二卡三卡四卡| 中文字幕有码av| 香蕉亚洲视频| 一级淫片在线观看| 粉嫩高潮美女一区二区三区| 久久精品无码一区二区三区毛片| 国产成人日日夜夜|