激情六月丁香婷婷|亚洲色图AV二区|丝袜AV日韩AV|久草视频在线分类|伊人九九精品视频|国产精品一级电影|久草视频在线99|在线看的av网址|伊人99精品无码|午夜无码视频在线

高校合作1:010-59833514 ?咨詢電話:400-810-1418 服務(wù)與監(jiān)督電話:400-810-1418轉(zhuǎn)接2

擁有一致性與連貫性的圖標(biāo)設(shè)計(jì)技巧大揭秘!

發(fā)布時(shí)間:2024-08-28 17:01:40 瀏覽量:123次

創(chuàng)建一致并連貫的圖標(biāo)組合,不是一件簡(jiǎn)單的任務(wù)!

想要掌握?qǐng)D標(biāo)設(shè)計(jì)的7個(gè)專業(yè)設(shè)計(jì)訣竅?一起來(lái)了解吧!

圖標(biāo)設(shè)計(jì)是一項(xiàng)能夠代表物品、動(dòng)作、程序等圖形象征的過(guò)程。無(wú)處不在的圖標(biāo),無(wú)論是街道標(biāo)志、手機(jī)還是網(wǎng)頁(yè),你都能看到它們。為確保各尺寸的可讀性,它們通常是平面設(shè)計(jì),具有清晰的邊緣和平滑的曲線。

圖標(biāo)的主要目的是快速而清晰地傳達(dá)視覺(jué)信息,打破語(yǔ)言障礙,為所有觀看者提供信息。在促進(jìn)特定動(dòng)作方面至關(guān)重要,例如導(dǎo)航至機(jī)場(chǎng),或是在軟件界面中使用不同的命令。

隨著時(shí)間的發(fā)展,網(wǎng)站設(shè)計(jì)需求的增加讓數(shù)字圖標(biāo)變得更加重要。你可以在Sketch、或者像是Adobe Illustrator等軟件中設(shè)計(jì)圖標(biāo)。

需要一些幫助以完成下個(gè)圖標(biāo)設(shè)計(jì)項(xiàng)目?繼續(xù)閱讀,精通圖標(biāo)設(shè)計(jì)的7個(gè)寶貴技巧!

1. 堅(jiān)持單一風(fēng)格

在沉浸于圖標(biāo)設(shè)計(jì)前,請(qǐng)先思考風(fēng)格方向。這不只代表要讓所有圖標(biāo)保持特定的視重、顏色或美學(xué)。風(fēng)格方向也需要將圖標(biāo)出現(xiàn)位置以及人們的觀看方式納入考慮。為程序接口設(shè)計(jì)的圖標(biāo)與大型海報(bào)用的圖標(biāo)就有所不同。

插畫(huà)師PureSolution作品

決定了圖標(biāo)風(fēng)格方向之后,請(qǐng)保持一致。擁有多種變化與視重的圖標(biāo)組可能會(huì)自相矛盾。如果不確定圖標(biāo)是否彼此相搭,你可以將他們擺放在一起,然后判斷哪一個(gè)圖標(biāo)不合群。

不要匆忙行事;完善圖標(biāo)組可能會(huì)需要好幾次的修改。

2. 忠于特定題材

瀏覽圖標(biāo)組會(huì)注意到的主要內(nèi)容就是特定而一致的主題。圖標(biāo)組通常都有指定主題,不論那是音樂(lè)程序還是銀行網(wǎng)站。

塞爾維亞插畫(huà)師Keep Calm and Vector作品

如果覺(jué)得你的圖標(biāo)組太模糊,請(qǐng)堅(jiān)持單一主題或題材。舉例來(lái)說(shuō),相較于混用醫(yī)療與辦公用品圖標(biāo),請(qǐng)思考與醫(yī)療產(chǎn)業(yè)密切相關(guān)的圖像。

混合超過(guò)一種類(lèi)別的圖標(biāo),可能會(huì)讓圖標(biāo)組產(chǎn)生混淆且妨礙設(shè)計(jì)訊息。

3. 運(yùn)用網(wǎng)格

你曾試過(guò)在空白紙張上設(shè)計(jì)圖標(biāo)嗎?隨著時(shí)間過(guò)去,你畫(huà)出的線條和形狀會(huì)開(kāi)始不平直并且參差不齊──如果不在稍后整理就會(huì)變成一團(tuán)糟。

擁有像素完美圖標(biāo)的秘訣就在方形網(wǎng)格上。網(wǎng)格能夠充當(dāng)圖標(biāo)的邊界──它們激勵(lì)你在有限的空間里創(chuàng)作。

仰賴網(wǎng)格的設(shè)計(jì)師通常都有特定的設(shè)計(jì)風(fēng)格,并且在整個(gè)圖標(biāo)組里保持相同的尺寸。

羅馬尼亞插畫(huà)師Dacian G作品

開(kāi)始設(shè)計(jì)下個(gè)圖標(biāo)組之前,請(qǐng)從網(wǎng)格或方格紙開(kāi)始,以便輕松地在邊界里設(shè)計(jì)。網(wǎng)格紙能夠加速設(shè)計(jì)流程,而且可以避免不必要的修改。

4. 全程使用相同配色

大多數(shù)的設(shè)計(jì)師,在早期就會(huì)了解:一致的配色對(duì)設(shè)計(jì)來(lái)說(shuō)有多重要!圖標(biāo)設(shè)計(jì)也不例外!全程保持一致的配色,能夠讓多個(gè)圖標(biāo)彼此間擁有連貫性。

選擇配色時(shí),請(qǐng)確認(rèn)顏色符合圖標(biāo)組主題。舉例來(lái)說(shuō),復(fù)古色調(diào)可能就不適合計(jì)算機(jī)零件的圖標(biāo)組。

插畫(huà)師vasabii作品

根據(jù)經(jīng)驗(yàn)法則,請(qǐng)避免在圖標(biāo)中使用過(guò)多色彩,保持三種顏色或更少,并且選擇能夠相搭的色調(diào),像是互補(bǔ)色或相似色。

5. 保持相同的視重和尺寸

除了讓圖標(biāo)組維持相同的配色之外,擁有一致的視重和尺寸也非常重要。圖標(biāo)組內(nèi)如果有過(guò)多的變化,則可能會(huì)影響整體設(shè)計(jì)訊息,讓圖標(biāo)看起來(lái)不匹配。

烏克蘭插畫(huà)師Bloomicon作品

如果你決定做一個(gè)圖標(biāo)組,那么,請(qǐng)確認(rèn)每個(gè)圖像的尺寸和視重都是統(tǒng)一的。例如,在上方的圖標(biāo)組中,每項(xiàng)設(shè)計(jì)的圓圈和線條寬度都是一致的。如果覺(jué)得有疑問(wèn),請(qǐng)使用網(wǎng)格和標(biāo)尺。

6. 設(shè)定嚴(yán)格的圖標(biāo)規(guī)范

想要在圖標(biāo)組里保持一致性,請(qǐng)?jiān)O(shè)定一些規(guī)則。它們可能像是在每個(gè)設(shè)計(jì)里加入圓角矩形那樣簡(jiǎn)單,或是更加復(fù)雜的做法,例如,在每個(gè)圖標(biāo)里使用4像素的輪廓,15像素的網(wǎng)格界限,以及一致的圓圈與十字結(jié)合。

不論規(guī)則是什么都要貫徹到底。隨著時(shí)間的推移,你會(huì)發(fā)現(xiàn)圖標(biāo)們開(kāi)始變得協(xié)調(diào)。

白俄羅斯插畫(huà)師davooda作品

7. 確認(rèn)所有尺寸的清晰度

大部分在線或程序界面的圖標(biāo),尺寸都相對(duì)的小。在設(shè)計(jì)圖標(biāo)時(shí),請(qǐng)嘗試重設(shè)大小,以確保每個(gè)圖標(biāo)即使在最小的尺寸都能保持清晰。

精細(xì)的圖標(biāo)常常在縮小時(shí)失去細(xì)節(jié)表現(xiàn),而這會(huì)讓它們變得難以閱讀與理解。

多方位的測(cè)試圖標(biāo)的不同變化,這樣能夠協(xié)助你了解,設(shè)計(jì)中哪些方面是不可或缺,而哪部分是裝飾性的。

如果你的圖標(biāo)組由輪廓形狀和曲線組成,請(qǐng)考慮配合實(shí)色以平衡構(gòu)圖。最重要的是讓每個(gè)圖標(biāo)都能有效溝通,如果圖標(biāo)難以解讀,請(qǐng)考慮修改設(shè)計(jì)!

想要了解更多圖標(biāo)設(shè)計(jì)技巧,點(diǎn)擊咨詢!

今天的分享,就到這里了,明天見(jiàn)!

喜歡你就點(diǎn)個(gè)

點(diǎn)擊自定義菜單可查看

熱門(mén)課程推薦

熱門(mén)資訊

請(qǐng)綁定手機(jī)號(hào)

x

同學(xué)您好!

您已成功報(bào)名0元試學(xué)活動(dòng),老師會(huì)在第一時(shí)間與您取得聯(lián)系,請(qǐng)保持電話暢通!
確定