最近制作了一套用于家居標(biāo)簽選項(xiàng)時所需的圖標(biāo)，在這里跟大家分享一下設(shè)計(jì)的過程，同時也是對自己這次設(shè)計(jì)工作一個的回顧，如果有不足之處希望大家能提出，我們共同學(xué)習(xí)進(jìn)步，哈哈。

在剛接到產(chǎn)品原型時，發(fā)現(xiàn)這個頁面有很多不同分類的選項(xiàng)排列在一起，腦海里立刻浮現(xiàn)了一個想法，

“這個用圖標(biāo)來表現(xiàn)應(yīng)該不錯”

說干就干，圖標(biāo)的風(fēng)格決定用家居首頁那些單色圖標(biāo)的樣式，一方面是可以跟整體設(shè)計(jì)風(fēng)格做統(tǒng)一，另一個方面現(xiàn)在這種簡潔易用的設(shè)計(jì)風(fēng)格也比較流行。

在設(shè)計(jì)過程中發(fā)現(xiàn)需要做的幾個圖標(biāo)內(nèi)容跟目前線上的重合，于是果斷找到我們的美女設(shè)計(jì)師潔潔要了過來，剩下大概2/3的圖標(biāo)就需要自己動手了，家居類的圖標(biāo)不像一般網(wǎng)頁圖標(biāo)，有很多現(xiàn)有的素材可以參考，在反復(fù)糾結(jié)與思考設(shè)計(jì)過程中自己也學(xué)到了一些關(guān)于設(shè)計(jì)的，關(guān)于家居行業(yè)，在這里拿出來跟大家分享一二。

由于整套圖標(biāo)太多，這里列出幾個作為講解范例：

復(fù)式圖標(biāo)

復(fù)式的概念：復(fù)式房屋在概念上是一層，但層高較普通的房屋(通常是2.7米)高，可在局部掏出夾層，安

排臥室或書房等內(nèi)容，用樓梯聯(lián)系上下。 不管是獨(dú)幢的別墅或高層的上下兩層的連通，都稱為復(fù)式。

參考資料百度百科

通過查閱資料，我腦中對復(fù)式有了一個初步認(rèn)識，就是復(fù)式房屋有兩層，通過樓梯連接。

接著找到了一些復(fù)式房屋相關(guān)的圖片

我在這些素材里發(fā)現(xiàn)了復(fù)式房屋的共同點(diǎn)，就是樓梯。一旦中心思想決定下來，后面的繪制也就簡單了

一開始只是單純的畫了一個簡單臺階的樣子

畫完之后覺得缺少點(diǎn)什么，復(fù)式房屋通常是用在別墅上，只是一個臺階感覺有點(diǎn)簡陋。

于是一個加了扶手，又調(diào)整了下臺階的樣式，一個復(fù)式圖標(biāo)誕生了！呵呵

飄窗圖標(biāo)

飄窗的概念：一般呈矩形或梯形向室外凸起，三面都裝有玻璃。大塊采光玻璃和寬敞的窗臺，使人們有了更廣闊的視野，更賦予生活以浪漫的色彩。

參考資料百度百科

由于有了前面幾個圖標(biāo)的設(shè)計(jì)經(jīng)驗(yàn)，開始我收集了一些關(guān)于飄窗的素材圖

這次我首先給它畫了一扇門，為了讓它有玻璃門的感覺，在上面加兩道斜線表現(xiàn)玻璃質(zhì)感。

說到玻璃門，自然會聯(lián)想到有一個窗簾來裝飾它。我畫了一個掛式窗簾，呈打開的樣子，這樣表現(xiàn)出一種打開玻璃門有風(fēng)吹進(jìn)來，窗簾隨之飄動的感覺，OK，這樣一個小飄窗圖標(biāo)就做好了，呵呵。

地中海風(fēng)格圖標(biāo)

地中海風(fēng)格：通常，“地中海風(fēng)格”的家居，會采用這么幾種設(shè)計(jì)元素：白灰泥墻、連續(xù)的拱廊與拱門，陶磚、海藍(lán)色的屋瓦和門窗。

參考資料百度百科

在這次圖標(biāo)設(shè)計(jì)中，讓我感覺有難度的就是風(fēng)格類的圖標(biāo)設(shè)計(jì)了，首先風(fēng)格這個東西很抽象，不像戶型，空間會讓人一目了然這是什么東西，我開始也去試著找一些地中海風(fēng)格室內(nèi)圖，發(fā)現(xiàn)找不出比較有代表性的特點(diǎn)，于是我改變思路，圍繞著“地中海”這個地區(qū)來思考并在網(wǎng)上找了一些關(guān)于地中海一帶的建筑房屋圖

我發(fā)現(xiàn)地中海一帶的建筑風(fēng)格最有特點(diǎn)的就是它的圓頂，拱門。抓住這些特點(diǎn)，我便畫了一個帶著圓頂拱門的小房子。

畫完后發(fā)現(xiàn)并不是我想要的地中海風(fēng)格，反而像個觀察天文的樓，于是再仔細(xì)觀察圖片，發(fā)現(xiàn)原來他們的屋頂上還帶了一些裝飾。好吧，再加一個小圓頂，這樣感覺差不多了啦。

這次圖標(biāo)設(shè)計(jì)之后，我簡單總結(jié)了大概三個關(guān)于設(shè)計(jì)家居圖標(biāo)的思考方向：

一 有些圖標(biāo)可以從文字上很直接的理解，于是我們根據(jù)字面意思出發(fā)來設(shè)計(jì)。例如：一居室

二 根據(jù)這個圖標(biāo)的功能性來設(shè)計(jì)。例如：衛(wèi)生間

三 圍繞圖標(biāo)可以讓人產(chǎn)生的一些聯(lián)想來設(shè)計(jì)。例如：地中海風(fēng)，歐式風(fēng)格

最后再次謝謝大家的觀賞！(*^__^*)

文章來源：搜狐焦點(diǎn)UED

標(biāo)簽： 家居標(biāo)簽圖標(biāo)設(shè)計(jì) 圖標(biāo)設(shè)計(jì) 

版權(quán)申明：本站文章部分自網(wǎng)絡(luò)，如有侵權(quán)，請聯(lián)系：west999com@outlook.com
特別注意：本站所有轉(zhuǎn)載文章言論不代表本站觀點(diǎn)！
本站所提供的圖片等素材，版權(quán)歸原作者所有，如需使用，請與原作者聯(lián)系。