圖示設計心得

2021-08-31 04:45:53 字數 1552 閱讀 6191

december 22, 2010adali

圖示在生活中運用是顯而可見的。例如:男女廁所標誌和各種交通標誌等。

在計算機系統或軟體方面的應用也是很廣泛。例如:程式標識、資料標識、命令選擇、模式訊號或切換開關、狀態指示等。

下面的例子更形象的說明這個問題。

(****:九銘)

外國人a與中國人b,兩人在語言上存在差異對文字的認識是不同的,用圖示來表示,會縮短語言描述的距離。所以圖示更具有快捷傳達資訊、便於記憶的特性。那麼圖示被廣泛使用的時候,什麼樣的圖示才是好圖示呢?

好圖示從兩個角度去認識:辨識度與精緻度。

辨識度:圖示能夠直觀的表現要描述的物體。

精緻度:在精美的頁面或者系統介面上,精緻的圖示能提公升整個頁面的最佳視覺。

那麼怎麼樣才能做出一套好的圖示?在圖示設計過程中需要注意哪些問題?

在《圖示設計語言》中作者yegor gilyov (**站點turbo milk )曾提到 「如果你需要畫幾個圖示,你需要整體考慮這個站點所有圖示,然後再開始使用軟體繪製。」如果你的icon全都是粗糙模糊的造型或拙劣的漸變色,那麼這個icon很失敗,不能當作是「風格的問題」來了事。這樣的icon不僅僅會毀掉整個頁面的美觀,更讓被描述的文字降低了被檢視的慾望,對你的使用者來使用或閱讀它是一種極大的痛苦。

icon的細節包含對顏色的使用,對造型的創新,對質感的體現。

icon的設計步驟

我認為icon設計遵循上面的乙個規則,在做icon的前提要先構思好整個icon的風格,有了構思可以開始造型設計接著就是上色,然後對整體的icon進行細節修改。

icon的要點從學會批評別人開始

曾經有人說過:「批評別人的作品比自己製作乙個優秀的作品要容易得多。但如果使用系統的方式去批判,這才是個成熟的分析!」那麼怎麼學會去批判呢?下面來分享一些批判後總結的例子。

(****iconfans)

上面一些圖示看起來很像,這讓人很難分辨出哪個是哪個。尤其小圖示的時候辨識性差了。如果你不注意說明,你會很容易把這些圖示混在一起。

圖示還是要有差異性,在保全風格統一的前提下要有很好的識別性,可以在顏色上或者造型上做差異的改變。

(****:九銘)

圖示應該是輕鬆被識別的,構建它的元素要越少越好。而上面的插畫和圖形明顯的告訴我們圖示的相關性不該是複雜的,可以省略掉相同的物件,凸顯出重要的資訊。

上面**形象的說明了圖示畫素邊沿化的問題,左邊的圖示比較模糊不清,右邊的比較清晰。

在做icon時很容易出現一些常見的毛邊,導致畫素過渡化,最後圓角不柔和。

怎麼樣處理不柔和的圓角?

在由大icon到小icon的過程中你要重視一些細節的處理,對於這個我創了一句口訣:去多穩造型,邊沿移到位。

去多穩造型:大icon到小icon的過程是由細節的減少開始變化,大icon比較注重質感和光澤等,小icon除了保證質感還要清晰可見。在做16畫素icon時可以減少一些必要的元素用畫素點去代替,去掉多餘的陰影與高光。

邊沿移到位:小icon的邊緣移位主要靠移動畫素點來實現,或者增加畫素點。

經過處理,上面的圖示已經沒有了原來的鋸齒,有的是柔和的圓角。

當然每個設計師做icon的習慣都是不一樣的,這只是我做icon時的一些心得。

圖示設計心得

在這裡分享下我對於圖示設計的一些心得體會。說的不好,還請各位看客包涵指正。圖示在我們日常生活中被廣泛應用,軟硬體 網頁 社交公共場合無所不在。廣義來說,圖示就是具有指代意義的圖形符號,具有高度濃縮並快捷傳達資訊 便於記憶的特性。狹義來說,就是我們所熟悉的在電腦程式方面的應用。包括 程式標識 資料標識...

衣櫃設計製圖標準

衣櫃設計師培訓之衣櫃設計製圖標準 發表於 2011年7月23日 11 50 中國衣櫃網 一 標準圖框 1 衣櫃新製圖標準在工程製圖基礎上,結合衣櫃結構特點編制而成。這是一種簡化了的三檢視,共分 衣櫃平面圖 衣櫃立面圖 衣櫃效果圖 三種基本圖形。2 三檢視 物體向投影面投影所得的圖形稱為檢視,向基本投...

小班規則圖示設計方法初探

摘要 規則是人們在日常生活 工作 學習中必須遵守的科學的 合理的 合法的行為規範和準則,良好的規則是一切活動的保障。規則圖示就是把乙個個規則繪畫成一幅幅有趣的畫面,通過觀察 模仿 暗示等形式去刺激幼兒作出相應的反應,從而抑制不良行為的萌發,促使幼兒在不斷的操作中形成自律。在小班幼兒規則教育中,圖示起...