移動APP圖標的基本概念及設計方法PPT課件

1、交互設計UI/UE設計項目實戰(zhàn)入門到精通手機APP移動APP圖標的基本概念及設計方法（理論）交互設計UI/UE設計項目實戰(zhàn)入門到精通手機APP大家手機上裝哪些app了？交互設計UI/UE設計項目實戰(zhàn)入門到精通手機APP常用的手機app交互設計UI/UE設計項目實戰(zhàn)入門到精通手機APP本章目標n 圖標的概念n 圖標的分類n 圖標的規(guī)范n 圖標的設計方法交互設計UI/UE設計項目實戰(zhàn)入門到精通手機APP圖標的概念n 圖標=圖+標=圖形+標識n 廣義：具有指代意義的圖形符號，具有高度濃縮并快捷傳達信息、便于記憶的特性。應用范圍很廣，軟硬件網(wǎng)頁社交場所公共場合無所不在交互設計UI/UE設計項目實戰(zhàn)入門

2、到精通手機APP圖標的概念n狹義：應用于計算機軟件方面，包括：程序標識、數(shù)據(jù)標識、 命令選擇、模式信號或切換開關、狀態(tài)指示等l有助于快速執(zhí)行命令和打開程序文件l用于瀏覽器中快速展現(xiàn)內(nèi)容交互設計UI/UE設計項目實戰(zhàn)入門到精通手機APP圖標的概念ICON圖標文件外語縮寫圖標是呈現(xiàn)出時代性與個性化的視覺符號形態(tài)：大圖標尺寸被普遍運用；精致、細節(jié)、藝術個性化；材質(zhì)趨于模擬還原真實自然；剪影圖標越發(fā)精致小巧；IOS移動端APP圖標披上強烈設計感的圓角狀外衣。圖標可以為標題添加視覺引導、可以用作按鈕、可以用來分割頁面、可以做整體修飾、可以使網(wǎng)站更專業(yè)、可以增強網(wǎng)站的交互性。交互設計UI/UE設計項目實戰(zhàn)

3、入門到精通手機APP圖標的分類n 按圖標屬性分類l應用圖標（系統(tǒng)圖標）l欄圖標（功能圖標）n 按表現(xiàn)形式分類n 按設計風格分類交互設計UI/UE設計項目實戰(zhàn)入門到精通手機APP圖標的分類n 按圖標屬性分類l應用圖標（系統(tǒng)圖標）l欄圖標（功能圖標）n 按表現(xiàn)形式分類n 按設計風格分類交互設計UI/UE設計項目實戰(zhàn)入門到精通手機APP圖標的分類n 按圖標屬性分類n 按表現(xiàn)形式分類l2D圖標p2D又叫平面圖形。p傳統(tǒng)手工漫畫 、插畫等都屬于2D類 。l3D圖標n 按設計風格分類交互設計UI/UE設計項目實戰(zhàn)入門到精通手機APP圖標的分類n 按圖標屬性分類n 按表現(xiàn)形式分類l2D圖標l3D圖標n 按設

4、計風格分類交互設計UI/UE設計項目實戰(zhàn)入門到精通手機APP圖標的分類n 按圖標屬性分類n 按表現(xiàn)形式分類n 按設計風格分類l像素l寫實l扁平化l手繪交互設計UI/UE設計項目實戰(zhàn)入門到精通手機APP圖標的分類n 按圖標屬性分類n 按表現(xiàn)形式分類n 按設計風格分類l像素l寫實l扁平化l手繪交互設計UI/UE設計項目實戰(zhàn)入門到精通手機APP圖標的分類n 按圖標屬性分類n 按表現(xiàn)形式分類n 按設計風格分類l像素l寫實l扁平化l手繪交互設計UI/UE設計項目實戰(zhàn)入門到精通手機APP圖標的分類n 按圖標屬性分類n 按表現(xiàn)形式分類n 按設計風格分類l像素l寫實l扁平化l手繪交互設計UI/UE設計項目實戰(zhàn)

5、入門到精通手機APP掌握圖標的規(guī)范n 圖標的常見尺寸l48X48 64X64 128X128 256X256 512X512 交互設計UI/UE設計項目實戰(zhàn)入門到精通手機APP掌握圖標的設計方法交互設計UI/UE設計項目實戰(zhàn)入門到精通手機APP掌握圖標的設計方法n 制作一組常用手機APP圖標n 以“鬧鐘”為例交互設計UI/UE設計項目實戰(zhàn)入門到精通手機APP掌握圖標的設計方法掌握圖標的設計方法n 一、勾勒輪廓交互設計UI/UE設計項目實戰(zhàn)入門到精通手機APP掌握圖標的設計方法n 二、調(diào)整線鋒交互設計UI/UE設計項目實戰(zhàn)入門到精通手機APP掌握圖標的設計方法n 三、細節(jié)細化調(diào)整交互設計UI/UE設計項目實戰(zhàn)入門到精通手機APP本章總結n 移動圖標的分類有哪些？n 移動圖標的設計流程是什么？n 在實際工作中一般怎樣制作圖標?交互設計UI/UE設計項