教程 | 作品沒有科技感?字體設計很關鍵!解鎖科技感字體的設計思路

2021-02-15 葉設計的自習室

我們生活在一個科技飛速發展、生活日新月異的時代,科技在影響著我們每個人,給我們的生活帶來巨大的便利,同時也激勵著人們去探索和想像更多未來世界的可能性。

這也是科幻電影總是很受歡迎的原因,除了科幻電影,現實世界中,我們也頻頻接收到關於科技的信息,許多公司在宣傳自己的產品時,都會不遺餘力地介紹自己公司的產品使用了某某最新黑科技,因為掌握了核心科技,就意味著掌握了未來。

那麼,問題來了,字體如何體現出科技感?我想這是很多設計師都關心的一個問題,本期我就通過兩個案例,講解一下如何設計出具有科技感的字體。

提到科技感,相信很多人和我一樣,會聯想到科幻片中的場景,尤其是影片中那些太空戰艦和飛船,不論從外觀造型還是內部空間,都給人一種濃濃的科技感和未來感,這就為我們設計科技感的字體提供了很好的視覺線索,實際上這些科幻電影中對未來的宇宙中交通工具的想像都是大同小異的,我們完全可以從中找到一些共同的特徵,作為我們設計科幻字體的靈感。星際迷航這四個字的主題,本身就與太空、宇宙以及飛行這樣的元素相關,所以在字體設計上,我們完全可以將飛船的造型特點融入到字體筆畫當中去,這樣既能讓字體呈現出科技感,同時又與我們這四個字的主題相吻合。
首先我們用矩形將這四個字的基礎筆畫做出來,做的時候遵循橫細豎粗的法則,如下圖:我們可以看到,目前這四個字的字形基本合格,如果直接拿來用也是可以的,現實中我們常常看到這樣被商用的字體,但是這樣的字體如果太多,就會讓人看了無感,因為沒有什麼個性,難以很好地體現字體所要表達的主題,因此,接下來我們要做的就是把能夠體現科技感的元素融合到字體筆畫當中。
通過對太空飛船及太空艙的觀察,我們發現其共同特徵是造型上有很多斜線、切割的元素,我們可以把這一特徵運用到字體設計上。

那麼我們先從「星」字開始,把斜線、切割的元素融入到字體當中去。

如下圖:可以看到,右邊的星字,筆畫中融入了許多斜線和切割的元素,這些元素都來源於我們的飛船靈感圖片,星字上方「曰」中的橫筆畫也做了斜筆處理,然而並沒有影響字體的識別性,反而讓字體看上去更有科技感。

當然在給字體添加這些元素的時候,要把握一個度,首先是保證字體識別性不受影響,添加的元素儘量符合漢字原有筆畫特徵,同時添加元素所形成的字體正負形空間要和諧、美觀。沿著同樣的思路,我們做一下「際」字,這個字的處理難點在於示字的兩點,直接用兩豎矩形會顯得太呆板,如果用斜筆畫,那麼所形成的負形空間會與周圍格格不入,需要通過不斷嘗試,才能找到解決方案。接下來是「迷」字,這個字我在融入斜線和切割元素的時候非常克制,因為一旦處理不好,就會顯得很亂,在做字的過程中我鼓勵大家多嘗試,但最終一定要懂得取捨。最後是「航」字,左邊的「舟」字適當地加入斜切元素,右邊「亢」結構的下半部分與「際」字的兩點處理方式相似,這樣讓字體之間更有統一性。最後我們把四個字放在一起,並配上一個合適的英文字體,這個作品就完成了。

當然,體現科技感的方式有很多種,譬如多維空間。

人類所能感知到空間只有三維,而愛因斯坦在他的相對論中提出了四維空間的概念,我們的宇宙是由時間和空間構成,而最新的科學論點認為,宇宙至少存在十一維空間,十一維空間是由時間、空間、記憶與感知構成的。

還有我們的夢境,也是一種由潛意識和記憶等等多種因素交疊而成的多維空間,有部電影叫做盜夢空間,講的就是萊昂納多扮演的盜夢者潛入一個叫做費爾西的人夢境中,試圖改變其潛意識的故事,相信看過這部影片的人都對影片中多維的夢境空間印象深刻。

接下來這個案例就讓我們試圖用字體設計的手法,體現出這部影片的主題。

首先我們設定一下這四個字整體的外輪廓,這個外輪廓會直接影響字體的筆畫安排。

一開始我想做成一個兩邊對稱,帶有透視感的外輪廓,後來選擇了上面為平行結構,下面為透視結構的造型,這樣會更有錯亂的感覺,然後我們在這個輪廓空間裡去安排字體的筆畫。

這個案例我們用作為造字的元素,以便於體現夢境的交疊和錯亂感,在做這個字體的時候,我們需要把字體原有的筆畫結構進行拆分和解構,創造出一個新的帶有多維空間感的結構,而且這種結構還得是不符合常規的,有種交叉和重疊關係在裡面的帶點矛盾空間的感覺。

這個案例,我在做的時候是先從「間」字開始,就像很多人在畫畫時喜歡先從局部開始畫起一樣,這樣做的好處是能夠快速找到感覺。

我選擇先從「間」字開始是因為這個字的結構容易讓我快速找到重疊交錯的靈感,我們先用正常的描邊鏤空字把間字做出來,如下圖:

那麼接下來我們就要對這個字開始改造了,先從裡邊的「日」字結構入手,我們要讓原本不交叉、處在一個二維平面的線產生空間交疊的感覺,如下圖:

經過這樣一番改造,線條形成了一個無線循環的閉環體,且產生了多維的空間交錯感,而且這種交錯又帶有一些夢幻的感覺,說不清哪根線在前哪根線在後,這種感覺是符合我們影片的主題的,確定這種形式後,後面的部分我們就可以用相同的思路和形式來做了。

我們用同樣的思路把間字的「門」結構做完,通過簡單的改造,門字結構也實現了前後交疊的視覺效果:

需要注意的是,在改造時要把外輪廓的線條與字的線條看成一個整體去考慮,所有的線與周邊的線條都會形成新的關係,也正是這個原因,字體的讓空間錯亂感才會越強。接下來我們做「空」字,通過觀察發現,空字下方的「工」結構非常適合做結構的拆分和重組,我們用和間字同樣的思路,試著把工結構做出空間交錯的感覺,其它地方的筆畫先按原有結構去設計,如圖:在做的過程中要注意橫向筆畫,哪些做成傾斜的,要有所取捨,合理選擇,凡是傾斜的橫向筆畫,傾斜角度一定要與外輪廓下方的斜線角度相一致。空字暫且做到這裡,接下來做夢字。

夢字下方的「夕」部結構,完全可以借鑑「間」字中「日」部的線條交疊形式,總的思路就是製造一種多維的視覺空間,打破原有的二維結構,並讓線與線之間穿插串聯起來。

上面的林字結構,則可以順勢將撇筆畫的一端穿插到豎筆畫當中去,同時將林字左邊的豎筆畫與夕的撇筆畫打通,這樣夢字基本就完成了,如圖:

最後是盜字,這個字最難處理,所以放到了最後,同樣我們選擇下面的皿字結構做空間化處理,皿字的結構相對來說較複雜,需要體現出多維穿插的交疊感,同時又不失識別性並且要看上去舒服,具體的思路是:

把皿字的內部想像成一個城市,裡面有許多高樓大廈,前後重疊著,而這些高樓大廈都是透明的,可以從前面的樓透過去看到後面的樓體,在這一思路的指導下,通過對線條的精心安排,在皿字結構中形成了一個多層交疊的像是城市的空間,這樣這個字的感覺就出來了,也很呼應影片的主題,至於上面的次,我們可以順著筆畫的走勢,用線連接出一個類似矛盾空間的結構,這個盜字就完成了,如圖:

四個字完成之後,我們需要進一步去優化字與字之間的關係,讓這四個字之間更有關聯性,首先我們看到目前空字的造型不是很理想,而且和左邊的夢字挨在一起顯得很孤立,有些不自然。

於是我決定將空與夢字的線條打通,對空字上半部分重新解構,通過對原有線條的打斷和重連,創造出一個新的有著錯亂交疊關係的造型,然後把夢的撇筆畫和盜底部的橫筆畫打通,這樣字形部分就完成了。

最後,為了讓整體更有視覺層次,我在字形外又加了兩層外輪廓線,同時配上和中文風格一致的英文字體,這個案例就最終完成了。本期教程分享就到這裡啦,喜歡的朋友請多多轉發支持,謝謝~

相關焦點

  • 解鎖科技感字體的設計思路
    這也是科幻電影總是很受歡迎的原因,除了科幻電影,現實世界中,我們也頻頻接收到關於科技的信息,許多公司在宣傳自己的產品時,都會不遺餘力地介紹自己公司的產品使用了某某最新黑科技,因為掌握了核心科技,就意味著掌握了未來,那麼,問題來了,字體如何體現出科技感,我想這是很多設計師都關心的一個問題,本篇我就通過兩個案例,講解一下如何設計出具有科技感的字體。
  • 在設計海報中如何選擇合適的文字字體
    「配圖沒有高級感」、「字體選用不對」和「文案與圖底關係不明確」都不會營造出高級感。2.親密感和柔和感生活中如小刀,錐子和針等尖銳的物體會給人一種緊張感和危險感。文字也會讓人產生同樣的心理。字體線條越纖細,前端越尖銳,給人感覺就越冰冷,危險,難以靠近的感覺。
  • 高考必勝字體設計
    本期為大家分享字體設計 這一期的字體設計基於字體設計的加減法,使用幾何圖形作圖。 字體設計,尤其是美術字、藝術字的設計,則意味著筆畫中要蘊含更多的創新成分。字體筆畫中的創新,往往即是「變形」,而筆畫的「變形」,很多情況下,是對筆畫進行「加法」和「減法」的嶄新塑造。
  • 黃俊賢:字體設計遊學記
    黃俊賢紅點作品獲獎現場黃俊賢與小夥伴的作品《熱血荒源》在2017年獲得了德國紅點最佳設計獎 - Best of the Best,這是香港新星設計師在臺灣遊歷學習的成果與展示。因此重新設計捐血中心的品牌形象,改變以往危險、血腥的刻板印象。人體的血液,就象是世界能源般重要,沒有任何東西能取代血液在人體擔當的角色。我們以蒸汽龐克為主題創造了一個虛擬世界作為故事背景。在色彩應用方面,以鮮亮的藍色、紅色和白色為主調,藍色象徵:廣大、高尚、希望;紅色象徵:熱血、積極、博愛;白色象徵:純潔、健康、科技;希望吸引潛在首捐者的眼球、喚起情感,進而將訊息傳遞到他們的腦海裡。
  • 中英文字體大全80000種字體ps字體庫素材包系統字庫廣告設計
    中英文字體大全80000種字體ps字體庫素材包系統字庫廣告設計 PS百度是我們經常需要在日常軟體的工作和生活中使用,尤其是對於一個設計師。當我們設計的作品,如果已經有其他安排妥妥的,字體被難倒了,肯定不甘心。
  • 探討黑體字的字體設計
    這和書寫工具有關,大部分的中文字體都以毛筆定義筆畫造型,手寫時輕重不一的力度,自然會使筆畫有粗細差異,黑體則以平頭筆為基礎,因此幾乎沒有粗細變化。中文黑體≠歐文無襯線體這不禁令人聯想到歐文字母設計。是的,黑體的設計就是受到西方無襯線體(sans serif)的影響,是非常現代、簡潔的字體。不過要注意的是,許多人說「中文黑體是無襯線體,明體是襯線體。」這樣的模擬其實不太恰當。正確地說,「襯線」本是歐文字體的專有名詞,中文字體沒有直接對應的名稱。它是書寫歐文書法時,以平頭筆配合運筆技巧,在起筆處產生的造型。
  • 《變臉》電影字體海報設計
    另外臉譜中的眼睛裡是一個建築,因為沒有大圖,而且在片中也沒有特別代表性的建築特寫,我想可能是川劇戲臺,因為其他的建築好像沒有什麼和主題相關的概念了。字圖同構海報案例解讀《變臉》電影字體海報設計下圖左邊這張是我最早構思的思路:
  • 【PPT】燈管霓虹效果的字體在PPT中的創意設計
    大家也要把重心回歸到學習成長上來啦,繼續學習今天的PPT教程哦!城市繁華,霓虹閃爍,一片欣欣向榮。今天我們要在PPT中製作燈管霓虹效果的字體,設計一個創意的PPT作品。我們看一下作品,如下圖:這就是今天的作品啦。接下來我們一起拆解分析一下這個創意PPT作品的設計思路以及製作過程。首先在於背景的製作。背景設計成了這種破舊的紅磚牆,和霓虹的豔麗形成反差的對比,突出主題的孤獨。我們看一下背景的製作。如下圖:
  • 電影海報中的字體設計賞析
    設計字體號稱中國首部東方新魔幻巨獻的《畫皮》,我對電影並不感冒,但對其海報中的字體設計比較推崇。這是著名設計公司早晨設計的作品。「畫皮」二字使用繁體,字體感覺犀利遒勁,設計感十足,加上紋理的質感處理,既有了魔幻意境,又帶有哥德式驚悚的味道,很好地傳達了電影氣質。
  • 日本の字體設計憑什麼獨領風騷?
    6月18日至8月12日,日本字體設計年鑑2020作品展正在竹尾神保町本店展出。本次展覽是由日本字體設計協會,從日本國內外募集的1689件作品中精挑細選出的優秀作品。其中包含了一般部門、學生部門和最佳作品等不同類別,以及海報、書籍、圖形、字體等不同形式。眾所周知,日本的字體設計在設計圈向來是享譽盛名的。
  • 中文字設計:電影海報中的字體
    下面就針對電影海報中的字體設計進行探討,分析優秀的字體設計如何在海報設計中扮演重要角色。  設計字體  號稱中國首部東方新魔幻巨獻的《畫皮》,我對電影並不感冒,但對其海報中的字體設計比較推崇。這是著名設計公司早晨設計的作品。
  • 漢字設計創意思路!打造個性字體風格
    文/劉宣琳 藉助漢字的形和體以及設計元素點、線、面、體,在字體形態上演化出圖形創意空間,通過漢字部分形態或整體轉換形象,給漢字注入圖形化因素。漢字字體的設計是漢字創造過程的一部分,用符號形式表現思維中已經形成的文字方案。
  • 了解5個方面,你的PPT字體 會更有設計感!
    作為PPT發燒友的我,早前我在PS製作中,就喜歡用字體設計來為各種用途的圖片(例如海報、宣傳冊等)「添油加醋」,簡直不要太爽!「設計師的生活是戰鬥的生活,對抗醜陋的戰鬥。」——《Helvetica》馬西莫.維涅裡01字體要化妝話說世上沒有醜女人,只有懶女人。
  • 30個案例實操,讓你秒懂手寫字體設計的商業變現技巧!
    即便是大公司也是如此,只要稍有不慎,沒注意到字體版權問題,就是 親人兩行淚,字體律師函。之所以有這麼多公司中招,是因為字體設計應用領域廣泛。許多大牌產品、各式招牌、電影海報、電商海報甚至電視廣告都離不開字體輔助。好的字體設計應用,能在極大程度上提升設計與品牌價值,通過對字體的設計創造與表現手法,也可以看出作品效果以及設計師的專業度。
  • 190 最 · 字體 從電影中看那些字體設計
    而這些有設計感的字體,除了增加畫面的美感之外,也能更加的吸引觀眾注意,讓他們關注到這些為了電影辛苦付出的演員和幕後人員。影視片頭中的字體設計的應用體現在片名、導演、編劇等文字字體的選擇與設計上。文字的設計在整部電影的開頭部分起到鋪墊吸引的作用,為電影的正式開始做出引導。引導觀眾從心理、視覺、情感上慢慢走進電影的故事中去。並奠定整部影片的氣氛 。
  • 現代字體設計——探尋漢字的設計美
    而中國的設計師在平面設計中對漢字運用的歷史由來已久,把漢字的形、音、義,結合幾千年來漢字書法的演變,用平面設計的形式美學加以提煉,設計出的作品既符合現代造型特徵,又融入了圖形創意的元素,是民族性、藝術性和商業性的有效融合。
  • 個性化的字體設計!中文/英文/數字
    文/陳丹 字體設計是視覺傳達設計之基礎。文字,是人類思想感情交流的必然產物,是記載歷史、交流信息、表達情感的視覺符號。文字不僅在乎形 , 也在乎給人視覺上的優美感覺,這種追求美感的文字被稱為字體設計。在字體設計中 , 想富有獨特的個性和風格,就需要對字體進行加工變形,形成符合設計構想的新字體。
  • 字體太多怎麼選?十幾年的設計總監最擅長用這七種字體
    為了在版式設計中,增強視覺效果,提升作品親和力、傳播力、訴求力,設計師對於常用字體的屬性必須有對應掌握,才能在版式設計中得心應手,遊刃有餘。字體的基本分類在設計師的電腦裡,字體少則幾百種,多則上千種都是不足為奇的。除了電腦中安裝,移動硬碟裡也要隨時備份。然而,到用的時候要麼是選不出來,要麼是選出來的不適用。
  • 字體不用設計!?有時候只需組合
    所謂字體風格是指在書寫方式或表現形式上有著獨自特色的一類字體效果。在實際的設計過程中,將風格類似的字體進行有效、合理的組合編排,可使畫面形成和諧統一的風格效果。當畫面中出現較多風格的字體樣式時,分別根據字體的風格進行組合,這樣一來既能保持畫面的豐富程度,又能突出畫面整體感,帶來融洽的視覺感受。
  • 香港電影海報中的字體設計
    +剪紙複印《家有喜事》,香港喜劇電影,經過特殊設計的紅雙喜字特別顯眼,字體緊湊不拖沓,字體粗壯顯眼,頗有力量感,紅色配金色,富貴且具有獨特的清晰明了的視覺魅力和傳達效應,設計師們通過獨特的視角,挖掘出電影主題意向,通過傳統剪紙喜字意向的形意表現,說明家是愛的港灣,是幸福的地方。