- 創意UI:Photoshop玩轉圖標設計(第2版)
- Art Eyes設計工作室編著
- 944字
- 2019-08-15 12:40:34
1.1 圖標入門
先讓我們來簡單地了解一下圖標的基本知識,其中要為大家講解什么是圖標、圖標與標志的區別、常見移動應用圖標和常見電腦應用圖標,使讀者在學習圖標入門的同時對圖標設計有一個基本的認識和了解。
1.1.1 什么是圖標
圖標是具有明確指代含義的計算機圖形。其中,桌面圖標是軟件標識,界面中的圖標是功能標識。下面讓我們來欣賞一下移動圖標、電腦圖標以及生活中常見的一些圖標,看看它們有什么特點和不同。


圖標設計欣賞


生活中常見的圖標
1.1.2 圖標與標志的區別
標志是指具有指代意義的圖形符號,具有高度濃縮并快捷傳達信息、便于記憶的特性。標志的應用范圍很廣,軟硬件、網頁、社交場所、公共場合無所不在。


標志
圖標應用于計算機軟件方面,包括:程序標識、數據標識、命令選擇、模式信號或切換開關、狀態指示等。一個圖標是一個小的圖片或對象,代表一個文件、程序、網頁或命令。圖標有助于用戶快速執行命令和打開程序文件,單擊或雙擊圖標可執行一個命令。圖標也用于在瀏覽器中快速展現內容。



圖標
小編分享
圖標有一套標準的大小和屬性格式,且通常是小尺寸的。每個圖標都含有多張顯示相同內容的圖片,每一張圖片具有不同的尺寸和發色數。一個圖標就是一套相似的圖片,每一張圖片有不同的格式。從這一點上說圖標是三維的。圖標還有另一個特性:它含有透明區域,在透明區域內可以透出圖標下的桌面背景。在結構上圖標其實和麥當勞的巨無霸漢堡差不多。一個圖標是多張不同格式的圖片的集合體,并且還包含了一定的透明區域。因為計算機操作系統和顯示設備的多樣性,導致了圖標的大小需要有多種格式。
1.1.3 常見移動應用圖標
云計算時代的到來,使得企業信息化這一話題又有了新的生命。在云端的服務性能不斷增強之外,最顯著的特征就是在終端的精彩表現。單純用PC來使用ERP的時代將一去不復返。以手機、平板電腦介質為代表的移動終端應用將為企業信息化帶來巨大變革。移動應用圖標便是其中最有力的代表。常見的移動應用圖標包含了手機App和平板iPad移動應用圖標。

手機App界面圖標



iPad界面圖標

設計欣賞
移動設備圖標

1.1.4 常見電腦應用圖標
桌面上除系統圖標以外的圖標都是應用程序圖標。電腦應用圖標是另外裝的,并帶有小箭頭。常見的電腦應用圖標包括Word、Excel、媒體播放器、游戲、各種應用軟件等。

Office圖標


媒體播放器圖標


各種應用軟件圖標

設計欣賞
電腦游戲圖標





- 角色動畫制作(下)
- 用手機做博主:人氣短視頻拍攝與剪輯(剪映版)
- 在你身邊,為你設計:騰訊的用戶體驗設計之道(第二版)
- 抖音電商從入門到精通:爆款商品視頻剪輯
- 影視后期制作基礎與應用教程(After Effects CS5)
- CG影視特效制作揭秘
- Maya Paint Effect特效應用手冊
- ADOBE PREMIERE PRO CS6標準培訓教材
- Premiere Pro CC 2017實戰基礎培訓教程(全視頻微課版)
- 48小時精通Dreamweaver CS6
- Photoshop CS6中文版從入門到精通
- 中文版Photoshop CS6平面設計從入門到精通
- 編寫高質量代碼:Web前端開發修煉之道
- Photoshop寫實繪畫技法從入門到精通
- 水晶石技法 3ds Max建筑動畫制作專業技法