icon風格案例分析講課講稿.ppt

工業(yè)設計1103班郝雨指導老師 龍韌 圖標單體設計趨勢 圖標單體設計六大原則 優(yōu)秀Icon圖標組分析 目錄 圖標單體設計趨勢 圖標單體設計六大原則 優(yōu)秀Icon圖標組分析 目錄 圖標單體設計趨勢 總結 相機圖標大全 圖標單體設計趨勢 蘋果一改iOS1 6的擬物化UI風格 在iOS7使用極簡風格 圖標單體設計趨勢 擬物化設計的優(yōu)點 擬物化設計的缺點 只有花費大量的時間在視覺的陰影和質感效果 1 認知和學習成本低2 各種按鈕的視覺質感和按下去之后的交互效果3 人性化的體貼 圖標單體設計趨勢 扁平化設計的缺點 界面并沒有實現(xiàn)功能化 只有花費大量的時間在視覺的陰影和質感效果 1 搭配一流的網(wǎng)絡 色彩設計 讓看久了擬物化的用戶感覺煥然一新陰影 高等擬直視覺效果對用戶視線的干擾3 更容易 優(yōu)秀扁平的設計只需保證良好的架構 網(wǎng)絡和排版布局 2 減弱各種漸變 扁平化設計的優(yōu)點 圖標單體設計趨勢 總結 擬物化與扁平化在現(xiàn)代圖標應用中平分秋色扁平化朝著簡單而精粹的方向上進化擬物化朝著高質逼真形象的方向上發(fā)展 圖標單體設計趨勢 圖標單體設計六大原則 優(yōu)秀Icon圖標組分析 目錄 圖標單體設計趨勢 圖標單體設計六大原則 第一招 使用獨特的圖形下面這四個圖標互不相同 其中一些包含了很多顏色或是漸變 但是以簡單的圖形示眾是它們共同的特點 這讓它們一眼看上去就能被認出來 圖標單體設計趨勢 圖標單體設計六大原則 第二招 謹慎用色不要濫用顏色 一種或兩種就夠了 的確有很多優(yōu)秀的應用圖標設計采用了很多顏色 但這種做法很難受待見 圖標單體設計趨勢 圖標單體設計六大原則 第三招 避免使用照片盡量別直接拿照片來做應用圖標 下圖中的Sipp是一個極好的例子 告訴你怎樣在采用了類照片的元素的同時 更好的表現(xiàn)主題 圖標單體設計趨勢 圖標單體設計六大原則 第四招 避免使用大量文字圖標中能不用文字就不用文字 好的做法是使用符號或公司標志作象征 圖標單體設計趨勢 圖標單體設計六大原則 第五招 準確傳遞信息簡單來說 要讓用戶看到你的圖標就知道它是干什么的 iOS7對擬物化圖標進行了大刀闊斧的改革 但這里依然要提到擬物化設計的亮點 圖標單體設計趨勢 圖標單體設計六大原則 第六招 富有創(chuàng)意創(chuàng)意讓你的應用圖標脫穎而出 下面這些應用都謹遵創(chuàng)新法則 通常 秘訣是開發(fā)一些簡單的概念 有時候最復雜的渲染也是建立在簡單的圖形之上的 圖標單體設計趨勢 圖標單體設計六大原則 優(yōu)秀Icon圖標組分析 目錄 優(yōu)秀Icon圖標組分析 配色 優(yōu)秀Icon圖標組分析 配色 優(yōu)秀Icon圖標組分析 配色 優(yōu)秀Icon圖標組分析 配色 優(yōu)秀Icon圖標組分析 配色 優(yōu)秀Icon圖標組分析 有倒角 無倒角 利用直角邊框 使圖標更整齊利用主體物長投影 使扁平不平簡單的幾何矢量 能代表其功能 形態(tài) 優(yōu)秀Icon圖標組分析 倒角方形 圓形 利用圓形邊框 圖標更可愛主體物僅有簡單的漸變 更簡潔主物體更加精煉 形態(tài) 優(yōu)秀Icon圖標組分析 大倒角 圓形 利用微倒角邊框 圖標更整齊主物體有簡單投影 凸顯立體感圖標皆有簡單投影 立體感強 小倒角 形態(tài) 優(yōu)秀Icon圖標組分析 大倒角 圓形 利用超大倒角邊框 圖標更圓潤主物體采用線描結構 極其簡潔圖標皆為白色 清晰易識別 超大倒角 形態(tài) 優(yōu)秀Icon圖標組分析 大倒角 圓形 利用回合形態(tài)邊框 圖標更靈活主物體以速寫形式表達 比較有趣圖標為白的線稿 圖形意思明確 混合形態(tài) 形態(tài) 優(yōu)秀Icon圖標組分析 形態(tài) 高仿真質感作用 識別成本低代表高質量 優(yōu)秀Icon圖標組分析 水晶透明質感作用 精致高雅質感強烈細膩美觀 質感 優(yōu)秀Icon圖標組分析 質感 啞光質感作用 舒適易用安全放心清晰明了 優(yōu)秀Icon圖標組分析 啞光質感作用 舒適易用安全放心清晰明了 質感 優(yōu)秀Icon圖標組分析 其他質感 廢舊金屬作用 個性時尚 質感 優(yōu)秀Icon圖標組分析 其他質感 木頭質感作用 質樸溫和 質感 優(yōu)秀Icon圖標組分析 質感 其他質感 草坪質感作用 自然閑適 優(yōu)秀Icon圖標組分析 風格 360手機主題大賽一等獎 優(yōu)秀Icon圖標組分析 風格 360手機主題大賽二等獎 優(yōu)秀Icon圖標組分析 風格 360手機主題大賽創(chuàng)意獎 優(yōu)秀Icon圖標組分析 風格 360手機主題大賽人氣獎 優(yōu)秀Icon圖標組分析 風格 主題大賽一等獎 優(yōu)秀Icon圖標組分析 風格 主題大賽二等獎 優(yōu)秀Icon圖標組分析 風格 主題大賽二等獎 優(yōu)秀Icon圖標組分析 風格 主題大賽二等獎 優(yōu)秀Icon圖標組分析 風格 主題大賽三等獎 優(yōu)秀Icon圖標組分析 風格 主題大賽優(yōu)秀獎 優(yōu)秀Ico