當(dāng)前位置:首頁>ps入門教程>ps基礎(chǔ)教程>設(shè)計知識>教程內(nèi)容

實用好文,5個超實用圖標(biāo)設(shè)計法則。

來源:blog.enqoo 作者:blog.enqoo 學(xué)習(xí):4553人次

你曾經(jīng)遇到過讓你給一個指定的問題設(shè)計圖標(biāo)的困難么?和你的開發(fā)者一起合作,卻發(fā)現(xiàn)很難給你的客戶一個足夠完美的解決方案?當(dāng)你在設(shè)計頁面圖標(biāo)遇到麻煩的時候,這篇文章就可以幫助到你了。

指導(dǎo)原則

圖標(biāo)設(shè)計是整個頁面視覺設(shè)計中一個最重要的視覺元素。一個圖標(biāo)的細(xì)節(jié),樣式和功能是由很多東西決定的。我最近也在為一系列的網(wǎng)站制作相應(yīng)的頁面圖標(biāo),來傳遞微妙的隱喻。

這篇文章會有一些最近的我為一個網(wǎng)站設(shè)置的error這個圖標(biāo)的案例?偠灾,圖標(biāo)設(shè)計的指導(dǎo)原則涉及到以下五個部分:

    理解問題所在采用全局方法越簡單越美好考慮環(huán)境因素理解符號元素

這篇文章不是那么難以理解,而且會給你在真正的圖標(biāo)設(shè)計中帶來很大的幫助。

一、理解問題所在

有的時候你可能需要從零開始設(shè)計你的網(wǎng)站,那么你就需要大量的圖標(biāo)用于視覺表達(dá)。通常情況下,你的客戶需要你為他定制出獨(dú)一無二的圖標(biāo)。比如說,他需要我給一個文檔設(shè)計一個“Error”的圖標(biāo)。

起初,他建議說在一個頁面圖標(biāo)里放一個X來表示文檔類型不支持,或者表示文章沒有被下載成功。他腦海中的圖標(biāo)是這個樣子的:

實用好文,5個超實用圖標(biāo)設(shè)計法則。

還不壞是吧?為了簡單,我除去了一些元素,改成了:

實用好文,5個超實用圖標(biāo)設(shè)計法則。

但是,我也承認(rèn)它還需要改進(jìn),因為它還不像是一個專門為文檔加載錯誤設(shè)計的一個圖標(biāo)。

二、采用全局方法

我們需要整體考慮圖標(biāo)的設(shè)置,所以我們拿了幾個其他的圖標(biāo)例子作為靈感。

學(xué)習(xí) · 提示

  • 一定要打開PS,跟著教程做一遍,做完的圖到這交作業(yè):提交作業(yè)
  • 建議練習(xí)時,大家自己找素材,盡量不要用教程提供的素材。
  • 教程有看不懂的地方,可以到論壇發(fā)帖提問:新手求助
  • 加官方微信,隨時隨地,想學(xué)就能學(xué):ps_bbs,或掃右側(cè)二維碼!
  • 關(guān)注我們學(xué)更多,每天都有新教程:新浪微博 抖音視頻 微信小程序
- 發(fā)評論 | 交作業(yè) -
最新評論
啦啦啦2018-02-26 07:55
u490
龔禧2015-02-07 08:12
謝謝分享
龔禧2015-02-07 08:02
謝謝分享
雅萱越2015-01-31 11:32
還好,照著做就行、、、
食精少年2015-01-31 10:12
好像有點(diǎn)難
小小白嘞跟屁蟲2015-01-31 05:01
對于新手真的有點(diǎn)難
劉新飛62015-01-31 02:51
新手學(xué)習(xí)了~~~!
你的憂桑我不懂2015-01-31 02:12
有點(diǎn)困難
顛簸有點(diǎn)亂2015-01-31 11:32
步驟挺多的~對我這個新人來說。。有點(diǎn)難誒~~去實驗一下~
微波爐打鐵盆2015-01-31 11:00
挺好的
雨天等凜2015-01-31 10:37
很厲害的樣子,自己試試
沐允2015-01-31 10:26
學(xué)習(xí)之
喬升JOE2015-01-31 10:12
不錯,很受用
雨傷time2015-01-31 09:09
看起來很高級,不錯, 謝謝樓主分享

關(guān)注大神微博加入>>

網(wǎng)友求助,請回答!