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

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

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

指導(dǎo)原則

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

這篇文章會(huì)有一些最近的我為一個(gè)網(wǎng)站設(shè)置的error這個(gè)圖標(biāo)的案例。總而言之,圖標(biāo)設(shè)計(jì)的指導(dǎo)原則涉及到以下五個(gè)部分:

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

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

一、理解問題所在

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

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

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

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

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

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

二、采用全局方法

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

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

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

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

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