符號,通常是指具有代表意義的標(biāo)志。人類運用圖形符號來傳達(dá)信息遠(yuǎn)比文字傳達(dá)信息早,它的起源可以追溯到原始社會中部族的圖騰標(biāo)志。隨著人類文明的發(fā)展和科技的進(jìn)步,符號設(shè)計有著由簡至繁再至簡的波浪式發(fā)展過程。今天很多的圖形符號從古至今不斷的發(fā)展演變,日趨精簡,成為經(jīng)典的視覺符號設(shè)計。
![shejibenzhi](http://image.woshipm.com/wp-files/2016/11/udsNkXRLWsctv19nEfh7.png)
經(jīng)典的視覺符號
經(jīng)典的視覺符號設(shè)計因其簡潔、易懂、跨越語言限制的特性,對于人類文明的發(fā)展有著巨大的意義,在我們?nèi)粘I铍S處可見、必不可缺。
箭頭
無論是在高速公路上開車,商場里逛街,手機(jī)或者電腦上網(wǎng)…作為指示類圖形符號中的經(jīng)典,我們的日常生活基本上離不開箭頭符號。
![1](http://image.woshipm.com/wp-files/2016/11/87C0wAWR8i8EVgD3wG1e.jpg)
公共衛(wèi)生間
盡管現(xiàn)如今世界各地公共衛(wèi)生間的標(biāo)志有了很多創(chuàng)意的大膽設(shè)計,但是說到最具辨識性、同時也最簡潔的設(shè)計莫非圖上這種了。
![2](http://image.woshipm.com/wp-files/2016/11/E7S0yb4bapS2ABIxzG69.jpg)
暫停/播放
![3](http://image.woshipm.com/wp-files/2016/11/G9YLJp5JqTciWFPrOKWk.jpg)
這個簡單幾何形狀組成的符號,在電子設(shè)備隨處可見的現(xiàn)在,使用的普遍性和便捷性不言而喻。
由上文列舉的幾個例子我們發(fā)現(xiàn),圖形符號作為人類傳遞信息的視覺符號,必須具備兩大類的特征:
1. 圖形直觀簡明
符號作為文字的圖形化,是需要被快速閱讀的對象,不能過于復(fù)雜,否則就失去了最本質(zhì)的作用。
2. 容易理解和被記憶
大眾符號標(biāo)志的受眾幾乎是所有人群,經(jīng)典通用的符號可以跨越文化和語言的障礙,因此它的設(shè)計原型必須是通俗易懂的。
任何事物的發(fā)展、變革和創(chuàng)新與時代的發(fā)展變化密不可分,隨著人類文明的進(jìn)程,科學(xué)技術(shù)的現(xiàn)代化傳播方式的多樣化,互聯(lián)網(wǎng)時代來臨,越來越多的符號標(biāo)志被賦予了新的含義。
其實,很多人可能不知道,我們現(xiàn)在手機(jī)或者電腦上常用的一些符號,起源于很早的時期。
![4](http://image.woshipm.com/wp-files/2016/11/KNgJyARMbcbGymPLGfHk.jpg)
第二次世界大戰(zhàn)時期,工程師用二進(jìn)制來標(biāo)記獨立電源按鈕,1973年國際電氣工程委員會模糊地設(shè)定了一個破碎的圓圈,當(dāng)中插一束表示“備用電源狀態(tài)”。然而,美國電氣和電子工程師覺得這個定義過于含糊,將其定義為“電源”。
![5](http://image.woshipm.com/wp-files/2016/11/4QN6Lz0byKXtbZYtoF9r.jpg)
USB圖標(biāo)設(shè)計靈感是來自羅馬神話,海神尼普頓的武器三叉戟,設(shè)計者將三叉戟的三根尖齒進(jìn)行了修改,將左右兩根的三角形分別改成了圓形和正方形,寓意著任何外部設(shè)備都可以滲透過USB連接起來。
![6](http://image.woshipm.com/wp-files/2016/11/c7uVTb0zPfvHB6g9zHUl.jpg)
傳說哈羅德國王超喜歡吃藍(lán)莓,有一顆牙齒被染成了永久性的藍(lán)色,于是稱為Harald Bluetooth。藍(lán)牙符號實際上是Harald Bluetooth名字中的,h和b兩個古北歐字母的結(jié)合。
![7](http://image.woshipm.com/wp-files/2016/11/LAXwT4FY5ktKKdw5VToZ.jpg)
這個符號大概起源于公元6世紀(jì),當(dāng)時的修道士開始用這個符號來代替拉丁文中的ad。也就是耶穌紀(jì)元后,即我們現(xiàn)在所說的“公元”。
這樣看來,移動端一直使用的一些圖形符號,其實有著非常淵源的起源。有些是之前就存在,通過不斷發(fā)展被賦予新的含義,有些則是設(shè)計師根據(jù)一些遠(yuǎn)古的傳說為出發(fā)點來進(jìn)行設(shè)計。無論是哪一種形式,經(jīng)典的符號設(shè)計都有著文化傳承的作用。
而社會發(fā)展到今天,互聯(lián)網(wǎng)空前發(fā)達(dá),各種軟件層出不窮。我們的生活方式不斷的被其改變,朝著越來越便捷的方向發(fā)展。扁平化的潮流,極簡主義的不斷發(fā)展,App UI中的圖標(biāo)設(shè)計也越來越被重視。圖標(biāo),就是一種現(xiàn)代社會中最長見到的符號之一了。
![8](http://image.woshipm.com/wp-files/2016/11/4LpHx6A8yEo3wJ7yPDRZ.jpg)
因移動端設(shè)備尺寸的限制,我們通常要在一個巴掌大的地方展示很多內(nèi)容,純文字描述顯然不是一個簡潔的方法,這時候一個高度簡潔又能傳達(dá)準(zhǔn)確信息的圖標(biāo)顯然最為合適。
移動端圖標(biāo)設(shè)計的原則
和傳統(tǒng)圖形符號直觀簡明、易懂易記的基本特征要求外,一個設(shè)計完美的移動端圖標(biāo)設(shè)計還需要具備怎樣的規(guī)范或者說原則呢?
可識別性
圖標(biāo)的圖形,要能準(zhǔn)確表達(dá)相應(yīng)的操作。換言之,就是當(dāng)用戶看到一個圖標(biāo),就要明白它所代表的含義,這是圖標(biāo)設(shè)計的靈魂??梢援?dāng)之無愧稱之為圖標(biāo)設(shè)計的第一原則。
![9](http://image.woshipm.com/wp-files/2016/11/wdCUZfzNP7DVrKQqlxjW.jpg)
差異性
如果一個界面上有六個圖標(biāo),用戶一眼看上去,要能第一時間感覺到他們之間的差異性,否則怎么辨認(rèn)呢?這是圖標(biāo)設(shè)計中很重要的一條原則,但也是在設(shè)計中最容易被忽略的一條,圖標(biāo)和文字相比,它的優(yōu)越性在于它更直觀一些,但是如果圖標(biāo)設(shè)計失去了這一點,就失去了意義。
![10](http://image.woshipm.com/wp-files/2016/11/r7fWPSOeuoCbs2SUftie.jpg)
合適的精細(xì)度,元素個數(shù)
圖標(biāo)的主要作用是代替文字,第二才是美觀。但現(xiàn)在的圖標(biāo)設(shè)計者往往陷入了一個誤區(qū),片面的追求精細(xì),高光和質(zhì)感。但是達(dá)到一定精細(xì)度以后,圖標(biāo)的可用性往往會隨著圖標(biāo)的精細(xì)度而下降。
![11](http://image.woshipm.com/wp-files/2016/11/EJ8TNE85GNJOw5fgmOOj.jpg)
風(fēng)格統(tǒng)一性
如果一套圖標(biāo)的視覺設(shè)計非常協(xié)調(diào)統(tǒng)一,我們就說這套圖標(biāo)具有自己的風(fēng)格,這樣的圖標(biāo)看上去也會更美麗,更專業(yè),同時也會增強(qiáng)用戶的滿意度。
![12](http://image.woshipm.com/wp-files/2016/11/FgaWRfv2b7vFHBVTuPtO.jpg)
小結(jié)
UI圖標(biāo)作為原始圖形符號的發(fā)展延伸,我們在設(shè)計的時候,既要符合現(xiàn)代UI界面設(shè)計規(guī)范,也要在文化底蘊上“尋根”——要有相應(yīng)的理論支撐和設(shè)計之源。這樣我們的設(shè)計,大到整套UI界面,小到每一處的細(xì)節(jié)圖標(biāo),才會是經(jīng)得起推敲和檢驗的經(jīng)典的設(shè)計!