最近制作了一套用于家居標簽選項時所需的圖標，在這里跟大家分享一下設計的過程，同時也是對自己這次設計工作一個的回顧，如果有不足之處希望大家能提出，我們共同學習進步，哈哈。

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

“這個用圖標來表現(xiàn)應該不錯”

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

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

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

復式圖標

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

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

參考資料百度百科

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

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

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

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

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

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

飄窗圖標

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

參考資料百度百科

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

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

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

地中海風格圖標

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

參考資料百度百科

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

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

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

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

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

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

三 圍繞圖標可以讓人產(chǎn)生的一些聯(lián)想來設計。例如：地中海風，歐式風格

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

文章來源：搜狐焦點UED

標簽： 家居標簽圖標設計 圖標設計 

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