三天的時間,我用同一種元素設計了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://www.maladuo.cn/one-element-three-logo

發表評論 加載中....

評論加載中....

uisdc

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

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

您還沒有登錄

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

微信掃碼

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

把好文章收藏到微信

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

真人888集团网站 屏东县| 香河县| 五常市| 平阴县| 德清县| 兴隆县| 吉林省| 堆龙德庆县| 安庆市| 嘉祥县| 自贡市| 罗甸县| 理塘县| 思茅市| 芜湖县| 凌源市| 正定县| 杭锦旗| 洛扎县| 田东县| 五寨县| 渭源县| 景谷| 江达县| 崇左市| 宜宾市| 淮阳县| 岳阳县| 泽普县| 伊川县| 信丰县| 怀集县| 商南县| 嘉义县| 墨玉县| 武清区| 贡觉县| 建德市| 普格县| 太白县| 宣威市| 衡南县| 剑川县| 巴彦淖尔市| 秦安县| 洛南县| 泸西县| 临朐县| 南华县| 阿巴嘎旗| 广德县| 凯里市| 旅游| 霞浦县| 漠河县| 奉贤区| 乌兰浩特市| 阳曲县| 板桥市| 西充县| 康平县| 衡南县| 柳江县| 宝鸡市| 延寿县| 手机| 社会| 太原市| 宣化县| 丰台区| 荥阳市| 临邑县| 突泉县| 弥勒县| 丘北县| 阿巴嘎旗| 仪陇县| 太原市| 内丘县| 石楼县| 双牌县| 临漳县| 彭水| 香格里拉县| 密云县| 巴林左旗| 定兴县| 永宁县| 蓬莱市| 翼城县| 儋州市| 新巴尔虎左旗| 奈曼旗| 达州市| 丹凤县| 且末县| 图们市| 页游| 汤阴县| 林芝县| 德江县| 乐东| 伽师县| 桃源县| 泽库县| 辉南县| 赞皇县| 济南市| 额尔古纳市| 厦门市| 防城港市| 宜兰市| 定日县| 青浦区| 余江县| 德兴市| 额济纳旗| 上饶县| 通州市| 诏安县| 隆德县| 商水县| 长阳| 东方市| 富平县| 湖州市| 西安市| 合肥市| 白银市| 新巴尔虎左旗| 日照市| 黎城县| 友谊县| 会泽县| 房产| 金阳县| 兴海县|