探究設(shè)計(jì)的本質(zhì),運(yùn)用符號(hào)元素的經(jīng)典好設(shè)計(jì)有哪些?

0 評(píng)論 10146 瀏覽 17 收藏 9 分鐘

符號(hào),通常是指具有代表意義的標(biāo)志。人類運(yùn)用圖形符號(hào)來傳達(dá)信息遠(yuǎn)比文字傳達(dá)信息早,它的起源可以追溯到原始社會(huì)中部族的圖騰標(biāo)志。隨著人類文明的發(fā)展和科技的進(jìn)步,符號(hào)設(shè)計(jì)有著由簡(jiǎn)至繁再至簡(jiǎn)的波浪式發(fā)展過程。今天很多的圖形符號(hào)從古至今不斷的發(fā)展演變,日趨精簡(jiǎn),成為經(jīng)典的視覺符號(hào)設(shè)計(jì)。

經(jīng)典的視覺符號(hào)

經(jīng)典的視覺符號(hào)設(shè)計(jì)因其簡(jiǎn)潔、易懂、跨越語言限制的特性,對(duì)于人類文明的發(fā)展有著巨大的意義,在我們?nèi)粘I铍S處可見、必不可缺。

箭頭

無論是在高速公路上開車,商場(chǎng)里逛街,手機(jī)或者電腦上網(wǎng)…作為指示類圖形符號(hào)中的經(jīng)典,我們的日常生活基本上離不開箭頭符號(hào)。

1

公共衛(wèi)生間

盡管現(xiàn)如今世界各地公共衛(wèi)生間的標(biāo)志有了很多創(chuàng)意的大膽設(shè)計(jì),但是說到最具辨識(shí)性、同時(shí)也最簡(jiǎn)潔的設(shè)計(jì)莫非圖上這種了。

2

暫停/播放

3

這個(gè)簡(jiǎn)單幾何形狀組成的符號(hào),在電子設(shè)備隨處可見的現(xiàn)在,使用的普遍性和便捷性不言而喻。

由上文列舉的幾個(gè)例子我們發(fā)現(xiàn),圖形符號(hào)作為人類傳遞信息的視覺符號(hào),必須具備兩大類的特征:

1. 圖形直觀簡(jiǎn)明

符號(hào)作為文字的圖形化,是需要被快速閱讀的對(duì)象,不能過于復(fù)雜,否則就失去了最本質(zhì)的作用。

2. 容易理解和被記憶

大眾符號(hào)標(biāo)志的受眾幾乎是所有人群,經(jīng)典通用的符號(hào)可以跨越文化和語言的障礙,因此它的設(shè)計(jì)原型必須是通俗易懂的。

任何事物的發(fā)展、變革和創(chuàng)新與時(shí)代的發(fā)展變化密不可分,隨著人類文明的進(jìn)程,科學(xué)技術(shù)的現(xiàn)代化傳播方式的多樣化,互聯(lián)網(wǎng)時(shí)代來臨,越來越多的符號(hào)標(biāo)志被賦予了新的含義。

其實(shí),很多人可能不知道,我們現(xiàn)在手機(jī)或者電腦上常用的一些符號(hào),起源于很早的時(shí)期。

4

第二次世界大戰(zhàn)時(shí)期,工程師用二進(jìn)制來標(biāo)記獨(dú)立電源按鈕,1973年國際電氣工程委員會(huì)模糊地設(shè)定了一個(gè)破碎的圓圈,當(dāng)中插一束表示“備用電源狀態(tài)”。然而,美國電氣和電子工程師覺得這個(gè)定義過于含糊,將其定義為“電源”。

5

USB圖標(biāo)設(shè)計(jì)靈感是來自羅馬神話,海神尼普頓的武器三叉戟,設(shè)計(jì)者將三叉戟的三根尖齒進(jìn)行了修改,將左右兩根的三角形分別改成了圓形和正方形,寓意著任何外部設(shè)備都可以滲透過USB連接起來。

6

傳說哈羅德國王超喜歡吃藍(lán)莓,有一顆牙齒被染成了永久性的藍(lán)色,于是稱為Harald Bluetooth。藍(lán)牙符號(hào)實(shí)際上是Harald Bluetooth名字中的,h和b兩個(gè)古北歐字母的結(jié)合。

7

這個(gè)符號(hào)大概起源于公元6世紀(jì),當(dāng)時(shí)的修道士開始用這個(gè)符號(hào)來代替拉丁文中的ad。也就是耶穌紀(jì)元后,即我們現(xiàn)在所說的“公元”。

這樣看來,移動(dòng)端一直使用的一些圖形符號(hào),其實(shí)有著非常淵源的起源。有些是之前就存在,通過不斷發(fā)展被賦予新的含義,有些則是設(shè)計(jì)師根據(jù)一些遠(yuǎn)古的傳說為出發(fā)點(diǎn)來進(jìn)行設(shè)計(jì)。無論是哪一種形式,經(jīng)典的符號(hào)設(shè)計(jì)都有著文化傳承的作用。

而社會(huì)發(fā)展到今天,互聯(lián)網(wǎng)空前發(fā)達(dá),各種軟件層出不窮。我們的生活方式不斷的被其改變,朝著越來越便捷的方向發(fā)展。扁平化的潮流,極簡(jiǎn)主義的不斷發(fā)展,App UI中的圖標(biāo)設(shè)計(jì)也越來越被重視。圖標(biāo),就是一種現(xiàn)代社會(huì)中最長見到的符號(hào)之一了。

8

因移動(dòng)端設(shè)備尺寸的限制,我們通常要在一個(gè)巴掌大的地方展示很多內(nèi)容,純文字描述顯然不是一個(gè)簡(jiǎn)潔的方法,這時(shí)候一個(gè)高度簡(jiǎn)潔又能傳達(dá)準(zhǔn)確信息的圖標(biāo)顯然最為合適。

移動(dòng)端圖標(biāo)設(shè)計(jì)的原則

和傳統(tǒng)圖形符號(hào)直觀簡(jiǎn)明、易懂易記的基本特征要求外,一個(gè)設(shè)計(jì)完美的移動(dòng)端圖標(biāo)設(shè)計(jì)還需要具備怎樣的規(guī)范或者說原則呢?

可識(shí)別性

圖標(biāo)的圖形,要能準(zhǔn)確表達(dá)相應(yīng)的操作。換言之,就是當(dāng)用戶看到一個(gè)圖標(biāo),就要明白它所代表的含義,這是圖標(biāo)設(shè)計(jì)的靈魂。可以當(dāng)之無愧稱之為圖標(biāo)設(shè)計(jì)的第一原則。

9

差異性

如果一個(gè)界面上有六個(gè)圖標(biāo),用戶一眼看上去,要能第一時(shí)間感覺到他們之間的差異性,否則怎么辨認(rèn)呢?這是圖標(biāo)設(shè)計(jì)中很重要的一條原則,但也是在設(shè)計(jì)中最容易被忽略的一條,圖標(biāo)和文字相比,它的優(yōu)越性在于它更直觀一些,但是如果圖標(biāo)設(shè)計(jì)失去了這一點(diǎn),就失去了意義。

10

合適的精細(xì)度,元素個(gè)數(shù)

圖標(biāo)的主要作用是代替文字,第二才是美觀。但現(xiàn)在的圖標(biāo)設(shè)計(jì)者往往陷入了一個(gè)誤區(qū),片面的追求精細(xì),高光和質(zhì)感。但是達(dá)到一定精細(xì)度以后,圖標(biāo)的可用性往往會(huì)隨著圖標(biāo)的精細(xì)度而下降。

11

風(fēng)格統(tǒng)一性

如果一套圖標(biāo)的視覺設(shè)計(jì)非常協(xié)調(diào)統(tǒng)一,我們就說這套圖標(biāo)具有自己的風(fēng)格,這樣的圖標(biāo)看上去也會(huì)更美麗,更專業(yè),同時(shí)也會(huì)增強(qiáng)用戶的滿意度。

12

小結(jié)

UI圖標(biāo)作為原始圖形符號(hào)的發(fā)展延伸,我們?cè)谠O(shè)計(jì)的時(shí)候,既要符合現(xiàn)代UI界面設(shè)計(jì)規(guī)范,也要在文化底蘊(yùn)上“尋根”——要有相應(yīng)的理論支撐和設(shè)計(jì)之源。這樣我們的設(shè)計(jì),大到整套UI界面,小到每一處的細(xì)節(jié)圖標(biāo),才會(huì)是經(jīng)得起推敲和檢驗(yàn)的經(jīng)典的設(shè)計(jì)!

 

作者:EthankDesign

來源:微信公眾號(hào)【優(yōu)秀網(wǎng)頁設(shè)計(jì)】

版權(quán)聲明:人人都是產(chǎn)品經(jīng)理尊重行業(yè)規(guī)范,所轉(zhuǎn)載的文章都注明作者和來源,若標(biāo)注有誤,請(qǐng)聯(lián)系主編QQ:419297645更改。

更多精彩內(nèi)容,請(qǐng)關(guān)注人人都是產(chǎn)品經(jīng)理微信公眾號(hào)或下載App
評(píng)論
評(píng)論請(qǐng)登錄
  1. 目前還沒評(píng)論,等你發(fā)揮!