三天的時間,我用同一種元素設計了3款風格迥異的LOGO - 特级毛片www,色综合天天综合网,国产成人综合亚洲 - UISDC

三天的時間,我用同一種元素設計了3款風格迥異的LOGO

2016/10/03 32592評論區

one-element-three-logo-1

?︰三天的時間,我用一種設計元素設計了三款風格迥異的LOGO。本文通過這個實戰案例,為你揭秘LOGO設計中的視覺造型能力和設計流程。

作者章魚哥,UI 設計師兼品牌設計愛好者,目前連載著「每日一標 one day one logo」,歡迎加他的個人微信zhangyusheji123 討論交流。

他是一位成都籍藝人;

他是鼓手,說唱歌手,人民藝術家;

他詼諧幽默,現場感染力極強;

他就是來至東漢末年的Rapper — 說唱佣

uisdc-logo-2016100324

第一天 線性LOGO

線性LOGO 看起來精細極致,常應用于icon設計中,線性LOGO的設計的要點在于對設計對象的整體抽象能力和歸納總結能力。

1,資料收集

設計前腦海中一定要有個大概風格,有了明確的目標,你找到資料才會更加的精準,設計也更加準確。

比如我想設計下圖的建築類線性LOGO,你就需要分析,這種線性的LOGO,主要通過線條來概括建築外輪廓,圖片的選取盡量突出設計元素的外輪廓,選取能全面概括設計元素的圖片。

uisdc-logo-2016100325

我選取的是說唱佣平視45度角,這個角度是因為這個角度說唱佣的動作表現更加舒展,正視圖和側視圖說唱佣的動作都會被遮擋,

uisdc-logo-201610033

2,勾勒草圖

草圖目的在于快速的了解設計對象的整體輪廓,找出設計對象亮點。

比如一提起蝸牛就聯想起蝸牛殼的螺旋線,一提起說唱俑聯想的就是笑臉和夸張的動作。這個聯想點就是你設計需要突出的亮點,

給圖形確定一個圖形的細節記憶點,使它區別于其他的圖形︰

uisdc-logo-201610034

3,幾何化元素

對于任何物體來說,都可以用以下四種形態來組合。設計就是一個抽象簡化的過程,用簡單的元素概括出設計元素。

uisdc-logo-201610031

在幾何化之前,先畫出幾個大小不同的圓,直徑比例為︰1,2,3,5,8,13,21… … ?就是著名的斐波那契數列,數值越大越接近黃金比例。

設計的時候盡量去套用大小不同的圓︰

uisdc-logo-201610035

 

4,確定線寬

按照上圖的曲線勾劃出後,減去多余的線段,給剩下的曲線加上了線寬。

可以看見,很多細節都不能表現,甚至擠在一團,這個時候需要再次簡化設計,把更多不影響設計的線條剔除。

題外話︰

我現在習慣在Rhino(超級奇葩有木有)里面勾線然後轉AI進行編輯。

Rhino

  • 優點︰隨意倒角以及超強的切線功能
  • 缺點︰不好修改線寬

Coreldraw

  • 優點︰倒角+貝塞爾線功能,雙擊就能編輯,隨意的刪除及添加節點,以及刪除後自動優化線條(AI無法匹敵)
  • 缺點︰MAC系統沒有,沒有,沒有,我的天。 夢易遠弦恢皇,所以才有奇葩的用Rhino畫線

AI

  • 優點︰強大的編輯功能(雖然我沒有深入研究)
  • 缺點︰讓CDR先入為主了,第一時間沒有遇見你,你再好,現在也對你有偏見了,不好意思

Sketch

  • 優點︰做UI的時候超級超級超級方便
  • 確定︰對于圖像和圖形的處理不是很強大

軟件是其次,學會多種軟件之間的轉化,設計的思想與輸出比軟件重要。

uisdc-logo-201610036

 

5,優化細節

調整多余冗長的線條。設計要有舍得精神,不是越多越細就好,剛才畫了很多細節,但是現在看起來都是累贅,不斷的簡化設計,突出細節細節記憶點。

設計當中也還是有二八原則,即80%的設計元素都可以普普通通,20%的亮點足夠精彩精彩就行了。

比如咬一口的隻果,你把Apple 的logo填滿,它就是一個普通的隻果,但是咬一口之後,它變得與眾不同。

uisdc-logo-201610037

 

6,繼續優化

前面的優化基本上一個圖形都到90%了,但是整體看起來不透氣,不通透。沒事可以可以多多學習國畫,書法當中的氣韻,國外也有同樣的理論叫視覺流。一個連貫的視覺流,讓設計看起來氣韻神合。

同時設計也推崇存在即合理,一個元素的存在要有合理性,你舍去的東西和留下的東西同樣重要。

uisdc-logo-201610038

 

7,潤色定稿

修改一個顏色,檢查最後的東西,比如該打碼的就打碼,(下垂我就不管了)

uisdc-logo-201610039

第二天 圖文結合型LOGO

第一天玩的都是線,第二天想嘗試玩玩新花樣。不能老是用線玩捆綁,至少也試試皮鞭蠟燭之類的。

老司機腦海里浮現了各種CLUB,那就做一個類CLUB或者球隊類風格的圖文結合類的LOGO。

1,收集資料

按套路出牌,確定一個方向目標,大概找一下心理想要的風格,我一般會瀏覽Pinterest 和花瓣,上面應有盡有。

 

hbb20161003

uisdc-logo-2016100310

2,勾勒草圖

分析了上面收集案例,主要是通過明暗對比來對元素進行造型,而且線條都很堅硬,且元素形態相對于集中,

在繪制的時候需要先勾畫大概的面,我選擇勾畫暗部,通過明暗對比來畫出元素形態,

uisdc-logo-2016100311

3,細化形態

用貝塞爾曲線或鋼筆工具勾勒,注意線條的流暢度,勾完後再轉化成面的形式,進行調整。

小技巧︰

  1. 隨時把圖放大縮小來回觀看;
  2. 放大瞪著眼楮看,觀察細節是否到位;
  3. 縮小眯著眼楮看,觀察整體形態是否偏離;

uisdc-logo-2016100312

 

4,添加細節

上面的圖片疊加顏色後顯得比較平淡,黑色相當于暗部,黃色和紅色相當于本色,如果要用多顏色來表現圖標,就需要增加一個高光面。

添加後明顯圖形層次感增加,有了更多的表現細節。

uisdc-logo-2016100313

5,組合文字

這類LOGO還有一個特點,就是圖文結合,用一個背景把圖形和文字統一結合起來,統一後形成一個完整的圖案。

注意︰由于自己書讀得少,說唱的英文是RAP這我知道,但是說唱歌手的單詞是Rapper,我寫設計的時候寫成了Raper(弓雖奸犯)。

uisdc-logo-2016100314

 

6,潤色定稿

先來一張線稿版︰

uisdc-logo-2016100315

再來一張黑白照

uisdc-logo-2016100316

最後來一個豪華高配版的︰

uisdc-logo-2016100317

第三天 圖形插畫類LOGO

前面兩天的設計讓我更加喜歡這位人民藝術家,依稀記得第一次見老師,還是在人教版小學課本上看見(好像暴露了年齡),動作神態豐富,現場感染力極強,想必當年也是一線的老藝術家。

被我玩了兩天後,總覺得還不夠色,不對是不夠色彩豐富,沒有那種等紅酒綠的氣氛,沒有體現出老藝術家騷浪賤的氣質。

無意在bechance看見設計Luca Qiu ()的系列作品自己也想模仿一下,這種高飽和度漸變在添加一點小肌理應該在未來五年都是fantasty。Instagram的LOGO,justin bieber 的《what do you mean》MV,甚至薛之謙的新專輯封面都是運用這系列漸變。

值得做一個小練習︰

uisdc-logo-2016100326

1,收集資料

前面兩天的設計已經對于需要設計的東西元素越來越清晰了,設計風格也確定了所以直接跳轉下一步。

2,勾畫草圖

草圖階段最開始想做成隔壁老王的賤賤的嘴臉,表現藝術家的獨特氣質,最後再三斟酌,還是放棄了老王,我怕老王翻院牆,

uisdc-logo-2016100318

3,幾何化元素

同樣將草圖幾何化,我在這里畫的半身像,有兩個原因︰

一、第一天畫全身,第二天畫局部,第三天自然畫半身照;

二、設計對象的主意視覺中心還是停留在上半身;

uisdc-logo-2016100319

4,調整比例

調整色塊比例大。給出大概的明暗比,話說老藝術家已經被我玩黑臉了,哈哈

uisdc-logo-2016100320

 

5,添加漸變

為了安慰這位藝人,我選擇了小粉紅騷氣的背景色,加入藍色和黃色這一冷暖對比色,畫面更加富有張力,色彩理論大家如果感興趣,後面我也會寫的。

uisdc-logo-2016100321

6,調整細節

我做了一定的切圖處理,常用的構圖法推薦九宮格構圖法,簡單粗暴,把圖像的視覺中心點放在對應的交叉點就可以了。一張完美構圖搞定。

uisdc-logo-2016100322

7,潤色定稿

最後增加局部提亮或變暗,疊加噪點,讓畫面更加附有肌理感。

uisdc-logo-2016100323

玩了三天玩得我精疲力。  搶執瞬槐,三種不同風格的LOGO各種表現不同,但是設計的手法方式都類似,不斷持續的聯系,訓練的是心靜,堅持做一件事,你會很開心的。

歡迎掃描二維碼,加作者的個人微信號︰

zygqr20161003

「大公司的LOGO改版經驗」

【特级毛片www,色综合天天综合网,国产成人综合亚洲 原創资讯 投稿郵箱︰yuan@rumotanartist.com】

================關于特级毛片www,色综合天天综合网,国产成人综合亚洲================
“特级毛片www,色综合天天综合网,国产成人综合亚洲“是國內人氣最高的網頁設計師學習平台,專注分享網頁設計、無線端設計以及PS教程。
【特色推薦】
設計師需要讀的100本書︰史上最全的設計師圖書導航︰。
設計微博︰擁有粉絲量150萬的人氣微博 ,歡迎關注獲取網頁設計資源、下載頂尖設計素材。
設計導航︰全球頂尖設計網站推薦,設計師必備導航︰

儒墨堂大課堂

非特殊說明,本文版權歸原作者所有,轉載請注明出處
本文地址︰http://www.rumotanartist.com/one-element-three-logo

發表評論 加載中....

評論加載中....

uisdc

評論區都快餓癟了,看看我期盼的小眼神...

版式設計 交互設計師 界面設計 排版布局 職場 設計師干貨 儒墨堂專訪 儒墨堂大課堂 設計達人 配色 視覺設計 web前端開發 素材下載 AI教程 設計流程 設計理論 神器下載 字體下載 設計師專訪 psd下載 設計規範 用戶體驗設計 海報設計 平面設計 設計趨勢 動效設計 logo設計 圖標設計 ICON 產品設計 神器推薦 App設計 字體設計 職場規劃 酷站推薦 交互設計 ui設計 優秀網頁設計 設計師職場 ps技巧 酷站 用戶體驗 PS教程 網頁設計 經驗分享

您還沒有登錄

儒墨堂啟用更安全省心的 微信掃碼登錄

微信掃碼

300萬設計師聚集地!特级毛片www,色综合天天综合网,国产成人综合亚洲是極具人氣的設計師平台
2012年成立至今,一直專注于設計師的學習成長交流

特级毛片www|色综合天天综合网|国产成人综合亚洲

打開微信,掃碼分享
學設計 特级毛片www,色综合天天综合网,国产成人综合亚洲 在這里