為什麼我做的設計總是不耐看
不知道大家有沒有這樣的情況發生,自己設計的作品,「乍一看不怎麼樣,仔細一看,還不如乍一看」!
其實不耐看,或者不敢放大看的原因都是細節做的不到位。
最近在做手機OS的主題圖標,對細節的感觸很大,今天結合主題圖標來和大家聊聊,我們可以從哪些方面注意自己的設計細節,大綱如下:
1.給造型加點細節
2.多加點質感的細節
3.不要讓圖標看著灰灰的
4.風格特點的運用
1.給造型加點細節
造型是所有設計執行的第一步,造型做不好,說別的都沒用。
那如何能給造型加點細節,使其變得更加耐看呢?
打個比方,我們要畫一個圓角矩形:
哪個更有設計感,更有細節呢?當然是第二個,第一個一看就是默認的圓角,沒有細節可言,放在真正的案例中就像下圖一樣:
如果 youtube 的圖標用了第一個普通的圓角矩形,可能就有現在那麼耐看了!
造型加點細節,你也可以理解為,別讓造型太普通,比如,我們要做一個定點陣圖標:
這是一個很常見的定點陣圖標,在圖標網站上一搜一大把,那如何讓他變得不那麼普通呢?看下圖:
首先比例上可以做點事情,比如拉長,之後在線條上再做點文章,比如給直線加點弧度,最後就得到了一個看起來沒那麼普通的定點陣圖標了,它就是谷歌地圖上面的一部分:
方法不止一種,大家可以多思考總結,觀察優秀的設計,借鑒他們,然後超越他們!
2.質感的細節
假設我們現在做一個文件管理的圖標:
這就是一個細節很少的普通圖標,我想在這個圖標上面加一些輕質感,如何做呢?
例如轉折處加一點高光:
例如紐扣加點真實的效果:
再例如加點漸變摺疊的設計語言,來豐富層次:
優化前後的圖標對比如下圖:
這樣看著就顯得精緻、專業多了!
但這裡需要強調一點,由於我的前期風格定位是輕質感與輕擬物,所以加了一些質感的細節,但並不完全適用於任何場景,所以大家一定要具體場景具體分析哦!
3.不要讓圖標看著灰灰的
有的時候顏色用不好,很容易讓圖標看起來臟髒的、灰灰的。
這裡我們要記住兩點,一個是增強主影響與圖標背板的對比度,二是主形象一定要儘可能的提亮突出。(這個也不是絕對的,特殊風格特殊處理。)
舉個例子,下圖是一個相機的圖標:
這個圖標存在的問題就是攝像頭與背景對比不夠強,粘在了一起,使整體看起來灰灰的,尤其是在飽和度較高的背景上面。
為了提高對比,要麼讓攝像頭顏色變淺,要麼讓背景顏色變淺,我原則第二個方案,把背景顏色變成白色,如下圖:
這樣看著就好多了,但是放在純黑色背景下,我們會發現,好像攝像頭的顏色還是有些灰,不夠明亮,那我繼續將其提亮,如下圖:
這樣整個圖標就做的差不多了。
所以,大家一定要讓圖標的層次拉開,該亮的地方亮起來,該暗的地方暗下去,大膽果斷一點,都是80、90後,咱怕啥!
4.關於風格特點
有些時候,即使圖標的造型沒有特別驚艷,如果能賦予一個統一的風格特點,也會使圖標看起來非常出彩。
關於風格特點,舉幾個例子,比如顏色:
高級灰的顏色就是這套圖標很重要的風格特點。
形狀:
這套圖標得風格特點就是和六邊形形進行結合。
紋理:
柔和的漸變就是這套圖標的風格特點。
如果用戶看了你的設計之後,沒有任何記憶點,那就基本上是沒啥風格特點了,所以前期規劃時一定要考慮好!
總結
我們在欣賞別人優秀的作品時,不是隨便看看就好了,不仔細分析,很難看出裡面的細節,而如果你一直不注意細節,作品怎麼可能會精緻耐看呢?對不對!


※顏色用不好?看看這10種技巧
※反人類設計——設計師你過來,我保證不打死你!
※教你用文字去做設計!
※7個網頁首圖設計技巧
TAG:設計工坊 |
※看了這麼多複習計劃,我還是不知道該做什麼
※連吃什麼都解決不了,你還能幹什麼
※既然沒什麼人看,那我就來寫點不能說的
※為什麼感情到最後他總說我們不合適
※為什麼買了那麼多衣服,你還是穿的不時髦不好看?
※你要什麼我又不是不給你買 為什麼非要我的工資卡
※你說我是不是你最愛的狗,那你為什麼不抱我!
※同樣是短髮為什麼有的好看有的丑?還不是因為你沒找對!
※有關結石你都知道什麼?看看這些能不能幫你
※她們染的頭髮發色那麼好看,為什麼就是不適合我?
※孫允珠:好想把你擁在懷裡,什麼都不要說,什麼都不要做
※有什麼食物是你一直不看好,真的吃到卻很驚艷的?
※懂得了做人,還有什麼看不開
※我們做服裝設計到底為了什麼
※你心中裝的是什麼,你看到的就是什麼
※都說做人不能太囂張,看看這些真實例子你就知道為什麼了!
※為什麼大衣都是長的,羽絨服不能是短的?那是因為你沒有看到它
※作為一個吃貨,還有什麼是我不能吃的嗎?
※不要做什麼有時比你做什麼還要重要
※心情不好?看看這三隻汪睡覺,什麼不爽都忘了!