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

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

2016/10/03 32105評論區

one-element-three-logo-1

@張瑜design?:三天的時間,我用一種設計元素設計了三款風格迥異的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 (https://www.behance.net)的系列作品自己也想模仿一下,這種高飽和度漸變在添加一點小肌理應該在未來五年都是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改版經驗」

  1. 《揭秘LOGO設計流程!超詳細的騰訊云LOGO 改版記錄全過程》
  2. 《深度揭秘!聊聊INSTAGRAM 到底為什么要改圖標》
  3. 《LOGO改版實戰!聊聊MEDIUM 2.0新LOGO背后的設計故事》

【優設網 原創文章 投稿郵箱:yuan@uisdc.com】

================關于優設網================
“優設網uisdc.com“是國內人氣最高的網頁設計師學習平臺,專注分享網頁設計、無線端設計以及PS教程。
【特色推薦】
設計師需要讀的100本書:史上最全的設計師圖書導航:http://hao.uisdc.com/book/。
設計微博:擁有粉絲量150萬的人氣微博@優秀網頁設計 ,歡迎關注獲取網頁設計資源、下載頂尖設計素材。
設計導航:全球頂尖設計網站推薦,設計師必備導航:http://hao.uisdc.com

優設大課堂

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

發表評論 加載中....

評論加載中....

uisdc

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

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

您還沒有登錄

優設啟用更安全省心的 微信掃碼登錄

微信掃碼

300萬設計師聚集地!優設網是極具人氣的設計師平臺
2012年成立至今,一直專注于設計師的學習成長交流

把好文章收藏到微信

打開微信,掃碼分享
學設計 優設網 在這里

新世纪娱乐网址 黔西| 清涧县| 海城市| 青河县| 汝南县| 柏乡县| 浦县| 永顺县| 武川县| 安阳县| 理塘县| 固镇县| 鸡东县| 合阳县| 化隆| 深泽县| 哈密市| 甘德县| 海淀区| 松潘县| 麟游县| 巍山| 香格里拉县| 栾城县| 福贡县| 福州市| 北安市| 安徽省| 阿坝县| 江川县| 海南省| 双鸭山市| 玉溪市| 绿春县| 唐河县| 渭源县| 抚宁县| 宽城| 韶山市| 明光市| 凤庆县| 泸溪县| 廉江市| 大关县| 略阳县| 宝清县| 达拉特旗| 石河子市| 夏津县| 临猗县| 平乡县| 法库县| 临沭县| 青海省| 永州市| 张掖市| 怀仁县| 山西省| 香格里拉县| 名山县| 诸暨市| 广平县| 城固县| 平定县| 西青区| 女性| 新安县| 河池市| 永兴县| 康平县| 长阳| 婺源县| 宝鸡市| 增城市| 贵定县| 南昌县| 古交市| 江孜县| 封开县| 平遥县| 陆河县| 辽阳县| 武功县| 平远县| 元氏县| 金乡县| 罗山县| 城口县| 庆城县| 盐源县| 石泉县| 泰宁县| 宜丰县| 手游| 密山市| 出国| 阜南县| 昆明市| 浮梁县| 东台市| 普兰县| 仁布县| 漳平市| 金坛市| 宁安市| 新巴尔虎左旗| 蒙城县| 公安县| 南华县| 甘孜| 贡嘎县| 融水| 苍南县| 金山区| 沂源县| 娱乐| 嘉黎县| 罗平县| 介休市| 宣汉县| 喀喇沁旗| 原平市| 尼木县| 中西区| 伊金霍洛旗| 福建省| 临海市| 诸城市| 阿拉善右旗| 涞水县| 汕尾市| 威远县| 蒲城县| 永仁县| 大姚县| 凤庆县| 漯河市|