只會畫LOGO的設計師月薪3K,會加輔助線的設計師月薪3W…… - 優設網 - UISDC

只會畫LOGO的設計師月薪3K,會加輔助線的設計師月薪3W……

2019/04/24 43920評論 33

我們經常會看到這樣的圖,在一個簡單的標志上環繞著很多的輔助線,看起來很專業、很厲害的樣子,這些輔助線真的有用嗎?設計一個標志而已,真的需要搞那么復雜嗎?不會是用來忽悠客戶的吧?這些輔助線展示的是標志的制圖規范,標志規范是標志設計中很重要的一個部分。

經過嚴格規范的標志會更美觀、更方便延展和制作,當然也確實是專業的體現。所以,蔥爺打算在這篇文章中詳細講解一下,標志設計的規范化是怎么操作的?

圓角的地方一定要是正圓

在一些幾何圖形或者字體設計中,我們經常會用到圓角,而這些圓角一定要是在某個正圓的基礎上畫出來的,所以不可以直接用鋼筆工具去畫圓角。例如在下圖的這組英文字體設計中,所有圓角都是以正圓作為基礎。

下圖是陌陌APP的前標志,圖形中的每處圓角也都是正圓。

對于這類標志的設計過程,其實并不是先畫好曲線再用正圓來規范,而是在制圖的時候就用正圓來設計。舉個例子,如果我們要畫一個圓角的等邊三角形,正確的步驟應該是這樣的。

雖然在CC版本的AI中,只需拖動直角的端點就能畫出標準的圓角,但是原理也是如此。

用圓或橢圓規范弧線

運用到弧線的標志圖形非常多,而這些弧線同樣不是憑著感覺隨便畫的,為了使其更美觀,我們需要用正圓或者橢圓來進行規范。例如下圖的數字「2」是沒有經過規范的,我們從圖中可以看出在「2」的輪廓上有4處弧線。

作為一個普通的圖形并沒什么問題,但如果想把這個「2」當成標志使用,那么就需要規范一下,比如上圖標出的這四條弧線都可以用正圓來進行規范。

對齊

我們都知道對齊是版式設計很重要的技巧,其實在標志設計中也經常要用到對齊,例如下圖的字體設計,在沒規范過的情況下很不嚴謹,主要是該對齊的地方沒對齊,例如下方右圖用紅線標出的這幾個地方。

當把上圖標出的這幾處地方都對齊后,整個標志就變得嚴謹了很多。所以在設計標志的時候要多去觀察哪些細節之處是可以對齊的。

統一

統一在標志設計的很多地方都有體現,比如在標志的字體設計中,同類型的筆畫,在粗細和結構上都(如襯線、倒腳等)要統一;圖形中的線條粗細、線條間斷開的距離也需要統一。

在上圖的標志設計中,所有線條的寬度都是統一的,弧線與弧線之間的間距也是統一的,所以該圖形看起來很規整、很嚴謹。

使用常見的角度數值

120°、90°、45°、30°、22.5°、20°、15°等,都是比較常見的角度,這些角度值大家更熟悉,也更容易被記住和延展操作。

比如在谷歌的標志中,字母「G」被斜切的角度剛好是90度的一半45度,而字母「e」旋轉的角度則剛好是45度的一半22.5度。

圓形輪廓與黃金比例

如果圖形外輪廓的端點接近于在同一個圓上,那就讓它們剛好在一個圓上,如果比例大小接近黃金比例,那就讓它真正符合黃金比例。

例如下圖的眼睛圖形,眼珠和眼珠的高光該放在什么位置最合適呢?如果放在圖形的正中心,那會顯得很呆板、不自然,所以設計師把它的位置設定在一個黃金分割的位置,效果不錯。

再比如下面這個圖形是由兩個圓角的等邊三角形交差形成的,那么這兩個圖形交差到什么位置比較合適呢?從下圖中可以看出,使圖形最外側的幾個點都位于一個正圓上效果是最好的。

圖形與文字的大小、距離最好成某種比例關系

標志的圖形和文字的大小也不是隨便拉的,包括他們之間的距離也有講究,一般的做法是以圖形幾分之一為一個單位X,然后字體的高度、字體與圖形間的距離設置為Y個X值?;蛘咭晕淖值臋M向(豎向)筆畫厚度作為一個單位X,然后把圖形的高度(寬度)、圖形與文字間的距離設置成Y個X值。

例如上圖的抖音標志,就是以文字的橫向筆畫高度定位一個單位:X。圖形的邊寬為 3.5X,文字離圖形的距離正好是 2.5X,圖形的高度則正好是 18.5X。

綜合實例

逐個聊完標志規范的各種操作后,我們再來綜合的看一看,如何完整的規范一個標志。以一個名為「冰蝶谷」的品牌 Logo 設計為例,下圖是草圖構想,在上機操作的過程中就需要用到 logo 的規范技巧了。

首先是蝴蝶的翅膀,其實可以用兩個正圓來設計,而這兩個圓的大小是相等的,包括翅膀的長寬比也可以設置為黃金比,兩個圓的交接處也要在圓的基礎上畫弧線。輪廓畫好后,再選擇一個粗細適中的描邊。

把圖形畫好后,再把它順時針旋轉45度度,這就是蝴蝶右邊的翅膀,接下來就需要把這個圖形復制一層然后做一個垂直翻轉,把復制出來圖形移到左邊,這個時候一對蝴蝶翅膀就都出來了,而這兩個圖形該交叉到什么位置才最合適呢?這里再一次用到了黃金比,即整個圖形的長與寬的比也是1.618:1。需要注意的是,并不是所有比例都得符合黃金比,主要以視覺效果作為標準。

接下來是畫蝴蝶的頭和觸角部分,我這里選擇了使用等邊三角形來做,頭部同樣用圓進行規范,且此處的圓與翅膀處的小圓是同樣大小的。觸角的長度與頭部線條的長度又是成黃金比,而頭部與翅膀之間的距離則是與圖形的線條寬度統一的。

當圖形畫好后,接下來就是處理字體,字體的設計我在這里不多說,我們主要來看看它的規范:

  • 筆畫粗細與圖形統一;
  • 筆畫的端點都是正圓角;
  • 交叉連接的筆畫處也要用同樣大小的圓來規范。

再接下來是排版,首先是圖形與文字的大小比例,沒錯,還是黃金比,包括中文與英文也是成黃金比;其次是間距,我們以文字筆畫的厚度作為一個單位X,圖形與文字的距離可以設置為2X,而中文與英文的間隔則為1X,這樣整個標志的規范就做完了。

把以上在設計和規范過程中用到的輔助線都還原出來,就得到了如下這個圖,看起來是不是也有一種很專業、很牛逼的感覺???

結語

關于標志的規范化到這里終于分享完了,是不是完全沒有想象的復雜。當然,并不是經過了規范的標志就是優秀、好看的標志,就好像不是運用了網格系統就能排出好看的版式一樣,規范只是能使你的標志看起來更嚴謹、更專業,切勿舍本逐末。

歡迎關注作者的微信公眾號:「蔥爺」

優設大課堂

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

發表評論 加載中....

評論加載中....

uisdc

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

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

您還沒有登錄

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

微信掃碼

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

把好文章收藏到微信

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

真人888集团网站 万宁市| 博罗县| 驻马店市| 奉化市| 苗栗县| 黑河市| 玛纳斯县| 桐庐县| 怀集县| 龙口市| 融水| 丽江市| 辽宁省| 土默特左旗| 金门县| 伊金霍洛旗| 伊金霍洛旗| 龙胜| 绵竹市| 天峨县| 内乡县| 白银市| 临澧县| 梨树县| 许昌县| 尼木县| 娄烦县| 阿坝县| 大英县| 绵阳市| 靖安县| 株洲县| 临夏市| 麟游县| 普宁市| 剑川县| 罗山县| 临西县| 涞源县| 上思县| 滦平县| 宁波市| 巫溪县| 江油市| 江永县| 镇安县| 汾西县| 望奎县| 登封市| 共和县| 永仁县| 肥城市| 乌兰浩特市| 阿拉尔市| 景宁| 长岭县| 保康县| 永靖县| 乌拉特前旗| 通许县| 赞皇县| 兴和县| 商丘市| 太原市| 牟定县| 前郭尔| 平陆县| 喜德县| 长岭县| 大姚县| 当阳市| 灵石县| 池州市| 和政县| 福贡县| 峨边| 夹江县| 九龙坡区| 藁城市| 奇台县| 商南县| 垫江县| 韶山市| 高碑店市| 霍山县| 靖远县| 吉安县| 阳城县| 井研县| 呼伦贝尔市| 临清市| 友谊县| 乌什县| 滦南县| 株洲市| 绵阳市| 曲沃县| 商洛市| 昌吉市| 齐齐哈尔市| 建水县| 栾城县| 曲沃县| 深泽县| 清水河县| 保定市| 高碑店市| 达州市| 嘉祥县| 金阳县| 岚皋县| 玉林市| 金秀| 突泉县| 通化市| 惠水县| 翼城县| 邢台县| 颍上县| 咸宁市| 门源| 谷城县| 沾化县| 洪江市| 泾阳县| 安达市| 京山县| 汉寿县| 元阳县| 黄骅市| 建昌县| 鞍山市| 疏勒县| 绩溪县| 界首市| 襄垣县| 贵阳市|