首頁>> 文化驛站>> 攝影設計

圖標設計的定義和意義有哪些?

2018年11月03日 16:59:54來源:頭條號 作者:PS視覺設計 瀏覽數:850 責任編輯:本站小編

1. 什么是圖標

那到底什么是圖標呢?

用一句最簡單的話來說,圖標就是一個符號,一個代表某個對象的符號,一個象征性的符號。圖標可以追溯到1565年,它源于拉丁語「eik?n」,意思是「相像,形象」。

圖標設計的定義和意義有哪些?

圖標是世界上最通用的語言,不論國籍,種族,年齡或性別,它是每個人都可以理解的一種語言。

看似不起眼的一個小圖標可以包含如此多的信息,人們從古至今一直在使用圖標來表達自己以及傳達信息,

洞穴繪畫、埃及象形文字都可以看作圖標。

2. 什么是ICON

ICON也就是咱們經常所說的圖標,圖標是具有明確指代含義的計算機圖形。其中桌面圖標是軟件標識,界面中的圖標是功能標識。它源自于生活中的各種圖形標識,是計算機應用圖形化的重要組成部分。

圖標分為廣義和狹義兩種:

廣義:

行人禁行標志

具有指代意義的圖形符號,具有高度濃縮并快捷傳達信息、便于記憶的特性。應用范圍很廣,

軟硬件網頁社交場所公共場合無所不在,例如:男女廁所標志和各種交通標志等

圖標設計的定義和意義有哪些?

狹義:

應用于計算機軟件方面,包括:程序標識、數據標識、命令選擇、模式信號或切換開關、

狀態指示等。

圖標設計的定義和意義有哪些?

3. 為什么圖標很重要

隨著人們工作越來越忙,圖標已經成為了我們生活中的一部分。它們幫助我們快速定位,幫助我們快速的做出決定和行為,以及幫助我們找到需要的東西。

圖標設計的定義和意義有哪些?

讓我們近距離感受一下為什么說圖標設計是如此的重要,以及它在未來的巨大作用。

圖標連接著整個世界。不管你使用什么樣的語言,作為視覺語言的圖標都發揮著巨大的作用。

例如機場中的導航標識、商場中的指示標識等等。

圖標能夠快速的傳達信息。隨著信息技術的提升以及信息過剩,人們的注意力更加短暫和稀缺

圖標成為了這個充滿噪音和過多無價值信息世界的救生員。通過簡單快速的查看就可以知道圖標中攜帶的復雜信息。

圖標設計的定義和意義有哪些?

優秀的圖標成為我們生活中的救生員

無論你需要找到正確的應用程序或產品頁面上的特定功能,又或者當你在外國城市搜索地鐵時,

圖標都可以節省你很多時間。

隨著世界越來越忙,越來越嘈雜和全球化,它將在未來更加重要。

4.圖標設計的基本知識

1.圖標的兩種類型

象形圖標。最流行的圖標類型,象形圖標是通過其相似性或對物理對象的引用來傳達含義的符號。例如,飛機圖形意味著機場。

表意圖標。

這種類型的圖標稍微有點復雜,通常,表意文字是基本的形狀,但他們的含義需要一些學習成本。例如一個圓里包含著一條橫線,意味著「否」,另一個好的例子是「加」、「減」、「等號」這些表意符號。

圖標設計的定義和意義有哪些?

象形圖標和表意圖標的組合使用

通常情況下,象形圖標會和表意圖標組合使用

來傳達正確的信息,比如「添加文檔」圖標會

通過象形圖標「文檔」和表意圖標「加號」來展現。

2.圖標的風格

圖標可以分為許多不同的風格。其中最常見的是

圖標設計的定義和意義有哪些?

4. ICON在APP里的應用

因為移動端有很多種不同的尺寸規格 所以當我們設計出ICON之后會應用到不同的尺寸之上

位圖

位圖圖像(bitmap), 亦稱為點陣圖像或繪制圖像,是由稱作像素(圖片元素)的單個點組成的。這些點可以進行不同的排列和染色以構成圖樣。

當放大位圖時,可以看見賴以構成整個圖像的無數單個方塊。擴大位圖尺寸的效果是增大單個像素,從而使線條和形狀顯得參差不齊。然而,如果從稍遠的位置觀看它,位圖圖像的顏色和形狀又顯得是連續的。常用的位圖處理軟件是Photoshop和Windows系統自帶的畫圖。

矢量圖

矢量圖,也稱為面向對象的圖像或繪圖圖像,在數學上定義為一系列由線連接的點。矢量文件中的圖形元素稱為對象。每個對象都是一個自成一體的實體,它具有顏色、形狀、輪廓、大小和屏幕位置等屬性。

矢量圖是根據幾何特性來繪制圖形,矢量可以是一個點或一條線,矢量圖只能靠軟件生成,文件占用內在空間較小,因為這種類型的圖像文件包含獨立的分離圖像,可以自由無限制的重新組合。它的特點是放大后圖像不會失真,和分辨率無關,適用于圖形設計、文字設計和一些標志設計、版式設計等。

位圖會因為不斷地擴大縮小 失真 而矢量圖不會 所以我們在做ICON的時候一般會采用PS里的矢量工具(形狀工具)或者直接采用AI來做

目前在主流App內,icon大多使用較為簡潔的扁平化設計風格,這些icon有的由線構成,有的由面構成,還有的是線面結合而成的。

1.相同的功能要選擇相同的元素

圖標設計的定義和意義有哪些?

雖然在不同的頁面和場景中,icon可以用不同的風格來表現,但當他們表示相同功能的時候,記得使用同樣的視覺元素,再套上當前頁面的風格。這樣可以保持同App內圖標元素的統一性,降低用戶的學習成本。例如在不同頁面出現的公積金相關圖標,用的都是同樣形狀的小樓。

2.對于功能型icon來說,最好選擇用戶熟悉的icon元素

圖標設計的定義和意義有哪些?

對于App中的操作功能,以上都是被無數產品反復利用的、已經約定俗成的icon,除此之外還有“放大鏡=搜索”“小房子=首頁”等等,用戶已經潛移默化的接受這些icon的意思,并沒有學習成本,所以使用這些熟悉的元素是十分必要的。

3.我們要選擇主要的元素,表意要簡潔,可以適當聯想

圖標設計的定義和意義有哪些?

在這些例子中,“信用卡分期”一定要畫卡片嗎?

“附近銀行”一定要畫銀行嗎?

“網貸評級”一定要畫網貸嗎?

我們還是會具體情況具體分析,對關鍵詞做一些取舍。

在這里作為一個工具的“附近銀行”的功能點在于定位,而非強調銀行本身,所以最后還是選擇了定位符號來表達了這項功能。假設要設計的入口換成“附近銀行”+“附近商場”+“附近加油站”等等。

那么主要功能就變成了搜索附近不同的場所,這種情況下我們就會選擇畫銀行、商場和加油站了。再比如“公積金查詢”“社保查詢”都是查詢,“征信報告”“收支水平報告”都是報告,同理我們不可能給滿屏的查詢功能入口都畫一個放大鏡,也不能給所有的報告入口都畫一份報告,為了表意簡潔、突出重點,在這里我們選擇合并同類項,著重表達每個功能不同于其他的點。

很多時候我們要表達的內容并不具象,在這個時候就可以進行適當的聯想,去畫一個相關的物體。比如“公積金”就很很抽象,但是它與房子有關;“記賬”是個動作,但是“賬本”是個東西,這樣表達起來就簡單多了,也更親切。

4.附上文案:表達足夠準確,消除理解上的差異

圖標設計的定義和意義有哪些?

一個很有意思的小樹葉icon,當沒有文案說明的時候,想必一千個用戶心里有一千個哈姆雷特,大家都會有自己的理解。所以說icon是輔助的表達,文字才是標準答案,除了前面所說的大眾完全熟知的icon,其他的最好附上相應文案,以免用戶理解誤差。

5. 布爾運算是什么?

布爾運算是數字符號化的邏輯推演法,包括聯合、相交、相減。在圖形處理操作中引用了這種邏輯運算方法以使簡單的基本圖形組合產生新的形體,并由二維布爾運算發展到三維圖形的布爾運算。

簡單來說就是形狀經過聯合 相交 相減等操作得到新的形狀,這就叫做布爾運算。

布爾運算會運用到什么地方?

布爾運算運用到了設計、生活的很多場景中。從偏平的LOGO、輕質感的圖標、再到三維空間圖形都在使用布爾運算。總之布爾運算其實涉及到我們生活中的各種事物,所以這時我們應該知道在以后繪制布爾運算圖形時要多從生活中的事物中提取有效信息

布爾運算案例

圖標設計的定義和意義有哪些?

圖標設計的定義和意義有哪些?

圖標設計的定義和意義有哪些?

圖標設計的定義和意義有哪些?

【本站總編:秦巖     微信號:shaanture      新聞熱線:13384928744】


上一篇:logo和圖標有什么區別?

本文二維碼 分享朋友圈

延伸閱讀

  • 文教視窗
  • 導游陜西
  • 文化驛站
  • 陜西城事
  • 三秦驕子
  • 1
  • 2

大秦視宴

唐城西安

更多》


編導演奏

更多》

教育資訊

更多》

靜悟禪閣精品推薦

  • 油潤細膩仿漢代和田白玉螭龍玉璧

  • 罕少野生包漿杜鵑木橫切片手把件

  • 天然同料滿鬼臉海南黃花梨(黑)手珠

  • 緬甸黃金樟招財、化三煞實木精雕龍龜

  • 合作伙伴
  • 友情鏈接
河北时时彩平台