萬物皆有本源,字體也一樣,今天我們看到的千變萬化、形式各異的字體,都離不開文字本身的根基,脫離了這個根基去做字體,往往難以做出成功的作品,就像練武需要有基本功一樣,文字的基礎知識對于做好字體,有著不可或缺的作用。
我們常常會看到一些初學者做出來的字體,存在著各種各樣的問題,很大原因就是對一些漢字的基礎知識不夠了解所造成的,接下來我就介紹一些初學者應該知道的關于漢字的基礎知識。
【骨骼與體飾】
“骨骼”即字體的內在間架結構,是決定字體內在氣質以及是否美觀的基礎性因素,而“體飾”是字體的裝飾,可以影響字體所呈現(xiàn)出來的風格與外觀
【中心與重心】
物理上絕對的“中心”,人眼看上去卻感覺偏低,因為人的眼睛存在視覺錯,如果按照物理的中心去設計字體,會讓人感覺中間的部分靠下,有往下掉的感覺,這就是為什么大部分字體會把視覺重心放在物理中心點之上的原因,這樣更符合人眼的視覺習慣,看上去才會顯得舒服。
【筆畫的粗細】
在設計一款字體時,筆畫粗細應當做成一樣的嗎?答案是不應該,因為字與字之間的筆畫繁復程度都不一樣,而且同一粗細度的筆畫,在橫著、豎著、斜著以及變成曲線時,視覺上都會給人粗細不一致的感覺,因為人眼看東西時會存在視錯覺,因此在做字的時候,要根據(jù)字體筆畫的繁雜程度以及視覺感受對筆畫粗細進行調整,達到視覺上的統(tǒng)一。下圖是一個在物理寬度上完全相等的矩形,它的視覺上的粗細關系依次為:橫>; 斜 >; 豎 >; 曲。
【字面大小】
一個邊長完全相等的正方形,看上去卻顯得有些偏高,這依然是視錯覺的影響,因此通常做正方形的字,都要把外框壓扁一些,消除視錯覺的影響。下圖左為物理正方形,右為視覺正方形。
【漢字的中宮】
中宮,顧名思義,就是指漢字九宮格中心那一格的區(qū)域,中宮的大小會影響字體呈現(xiàn)出來的氣質以及字體在極端環(huán)境下的可識別度,通常中宮偏小的字體氣質上顯得比較清秀,但在字體較小或遠距離識別上體驗較差(如屏顯字體和高速路牌字體),中宮偏大的字體氣質上顯得穩(wěn)、拙一些,而且由于內白空間較大,因此識別性上優(yōu)于中宮偏小的字體。
【形式語言的統(tǒng)一】
統(tǒng)一的形式語言是做好設計的基礎,這一點在現(xiàn)代的藝術鄰域中被一再印證,不論是繪畫、建筑、海報、工業(yè)設計等都能看到統(tǒng)一形式語言的經(jīng)典案例。
【正負形空間的均衡】
無論是偏向傳統(tǒng)的字庫字體還是偏向創(chuàng)意的美術字,都需要注重正負形空間的均衡和美觀。初學者常常忽略掉負形空間,但其實對負形空間的設計才是最重要的,德國字體設計大師ErikSpiekermann曾經(jīng)說過:“重要的不是設計黑的部分,而是設計白的部分”, 只有負形空間的均衡,才能造就正形空間的美觀和舒適。
1、字體設計的思維創(chuàng)意 想讓字體具有自己的風骨,而非豬八戒上50元一單的設計,你必須擁有正確的思維創(chuàng)意方法,在本次分享中,劉柏坤老師將把自己多年的字體設計思維方法與你分享。
2、設計方法與技巧 對于初學者而言,需要特別注意一些能夠快速入門的方法與技巧,才能事半功倍、少走彎路,在打破規(guī)則之前,你必須掌握這些規(guī)則。 3、互動提問環(huán)節(jié) 如果你在字體設計的過程中遇到某些疑難問題,可以獲得與劉柏坤老師“一對一”交流的機會,讓字體設計大咖幫你指點迷津。
一、注意字體
無論是標志還是排版。作為標志,有時圖形是次要的,字體可以幫你解決很多問題,努力學習,掌握字體的設計。
二、還是字體
一切都離不開版式,一切版式都離不開字體。作為東方文化最杰出的代表——中文字體,你得好好琢磨。一開始,你最好先想到是宋體還是黑體,特殊的情況下,你才去考慮是否選用這兩大字體之外的字體。簡單的講,宋體很嚴謹,很莊重,也很尊貴;黑體,很現(xiàn)代,很整齊,很簡約。
其次,字體的間距最好小于常規(guī)間距。以“0”為標準,你最好取“-50”,這可適用于標題類字體排版,作為大面積的正文排版,同樣需要稍微縮小字體的間距,稀疏的間距不但不能完成輕松閱讀的任務,反而會讓眼睛疲憊。把握“緊湊”和“稀疏”的區(qū)別。
最后,字體的高度,最好壓一壓,就是壓扁一些,這樣,漢字看上去,會更象漢字一些。 說的對不對,不妨試一試,都是很簡單的處理。
三、版式
如果你功力不夠,或者時間不夠,最好采用穩(wěn)妥的排版方式。記得,在商業(yè)設計中,不要輕易嘗試夸張的跳躍性的版式,那些看上去愈隨意愈凌亂的優(yōu)秀作品,需要的時間愈多,你需要非常扎實的構成功底,同時你需要處理所有已經(jīng)出現(xiàn)的細節(jié),并且要創(chuàng)造更多的細節(jié)。一個平面里,兩個元素的距離可以擴展到無限大,但你得有足夠的力氣,不讓它們跑出界了。越亂,越難,而不是反之。在這里所強調商業(yè)設計,這是為你的安全著想,因為客戶是付費的,如果你的功力尚淺,就不要冒險。一個簡單的測試是,一張白紙上,有兩個圓點,想一想,如何處理兩點的大小和距離,可以讓這張紙看上去緊繃的快要破裂?如果你可以制造出這樣的視覺,你就可以去創(chuàng)造那些復雜的版式。
四、節(jié)奏
回到“穩(wěn)重”的版式上來,最重要的一點是:節(jié)奏。 什么叫節(jié)奏?因為不同,所以產(chǎn)生了節(jié)奏。對比,反差,無論是面積也好,色彩也好,結構也好,不要什么都一樣,也不要什么都不一樣,否則,就沒有節(jié)奏可言。可以用音符如何產(chǎn)生旋律來理解排版中的“節(jié)奏”。
五、色彩
如果你想提高,就盡量拋棄正統(tǒng)的紅黃藍綠吧。色彩的感覺,基本上靠天賦。但也可以培養(yǎng),如果你愛看電影,多留意大師們的電影,看看里面的用色,就拿常見的來說,看看王家衛(wèi)的電影,每一部,就是一本色彩學。平面設計中,色彩是什么?色彩不是紅黃藍綠,色彩是情緒,每一種色彩的選用和調制,就是每一種心情的表達。所以,最重要的一點,你必須是個非常感性的人。
平面設計中,字體排版千變萬化,看似毫無規(guī)律,其實萬變不離其宗,字體排版需要滿足三個要素:排列、模塊、對比。
排列文字的排列方式常用的有這么幾種:左對齊排列、右對齊排列、居中對齊排列、兩端對齊排列、頂端對齊排列、尾端對齊排列。任何一種文字排列方式都可以搭配下列圖文組合方法來進行。
版面圖文組合方法有:左圖右文、左文右圖、上圖下文、上文下圖、圖文居中、圖文對角等,這里需要掌握的是抓住受眾畫面的視覺落腳點,以達到重點的突出,舉幾個例子,看著更直觀點。上文下圖型左文右圖型對角圖文型模塊在排版時,我們會將標題文字、說明文字、裝飾文字分門別類地放在一起,形成一個個文字模塊。
這樣的排版操作其實就是切割劃分、整理信息的過程,把關聯(lián)的元素在視覺上形成一個整體,強調重點信息,體現(xiàn)層次感。下面舉個示例。
從示例中不難發(fā)現(xiàn),模塊的劃分在文字排版中的實用性很高,值得注意的是:僅當文字信息間的關聯(lián)很強時,可以將他們歸同一個模塊。 文字模塊最少設置二個,但也不是越多越好,通常不超過四個。
對比利用視覺差異形成對比,鵬少在文字排版中屢試不爽。這種方法能夠避免排版單一、喧賓奪主的現(xiàn)象,比如關鍵文字放大、形變、加粗、變色、襯色等。
那么我們如何在平面設計中快速上手字體排版呢?以鵬少的經(jīng)驗來說,平面設計沒有捷徑可尋,個人的悟性是必須的,不論中文字體還是英文字體,可以多從電影海報、淘寶店鋪以及戶外廣告中汲取靈感,發(fā)散思維,但不要刻意去抄襲和模仿。 我們只能在掌握原理的基礎上通過實際操作不斷調整變換,以期達到最理想的效果。
我是鵬少,一個平面設計圈的老司機,有任何平面設計問題歡迎留言評論或關注私信。
如果網(wǎng)頁設計依賴于字體的設計,那我們還需要學習其他的東西么?——你所需要的只是理解字體設計的各個元素。
字體設計(維基百科注解為字體排印學)當然不僅僅只是選擇字體。隨著@font-face技術和一些如Typekit,Webtype, Fontdeck, 以及 Google Web fonts等服務的改進,你的字體設計功力也不會提高。
你可以很輕易的在你余生中只用一款字體創(chuàng)造出漂亮的設計——在過去設計師們也不得不這么做,那時還沒有Photoshop作幫助,越多的字體只會讓事情更糟糕,因為創(chuàng)造力和審美感是不能受到過多選擇的干擾的。 更 多的玩具代表著更多樂趣,對吧?如果你選擇了這條路,但就要準備為此而付出全部。
我很樂意看到不同的字體被使用,也佩服那些能成功在自己網(wǎng)站上使用新字體 的人。不過,我也遇到很多不大好的方案(比如Myspace)。
Typekit可以幫助你提前預覽改變后的字體效果,這樣對網(wǎng)頁設計的幫助是巨大的。 下面不是我刻薄,對于大多數(shù)網(wǎng)頁來說你應該知道的——試試翻看所有你喜歡的網(wǎng)頁設計,去掉圖片,然后想象只有文本和留白的網(wǎng)頁會是怎樣的?當一個設計師說“文字就是一種交互設計”,這句話不是虛構,下面來看看這個叫iA site的網(wǎng)站: 信息架構師都基于優(yōu)秀的排版 A Working Library是我最喜歡的設計之一,這個網(wǎng)頁以純文本的方式來展示界面,留白如齊白石水墨,恰到好處,文字排版也十分得體。
A Working Libraryby Mandy Brown。 有些人或許會認為這樣的設計呆板而乏味,他們更傾向于使用流行的風格。
到了最后你設計的注意力會被這些多余的視覺效果分散掉,所以你依然要把經(jīng)歷放在最初那95%上面,就像你現(xiàn)在閱讀的文章便做得很好,不需要依靠圖片仍然能展示漂亮的視覺設計效果。 沒你想象中難 你完全可以做出一個不依靠任何圖片搭配的一流網(wǎng)頁。
雖然聽起來有點天馬行空,但這確實是可行的。我也并不是說本應該如此,但如果我們能巧妙的使用字體設計和留白便能做到美觀得體,那將來加入圖片、視頻這些元素時,不是更錦上添花了嗎? 在使用圖像時我不是想說那些真正要表達什么的圖像,就如圖標,但圖像在這里就是為了引人注目。
有時一張圖勝過千言萬語,所以最好使用圖片(但你仍然需要考慮使用留白)。這里有兩個以上的美好網(wǎng)站的例子,它們都將重點放在文字設計上以實現(xiàn)整個設計。
第一個網(wǎng)站是Blake Allen Design,第二個是The Harriet Series(這兩個網(wǎng)站都是使用圖像來表達他們的文字設計,你要認識到這一點) 當使用圖片時,我并不想定一個什么樣的標準比如它要代表著類似icon性質的效果,但圖片就是用來展示的,有時一張圖勝過千言萬語時便可考慮使用了(當然還是要注意留白)。 以下是兩個優(yōu)秀網(wǎng)站設計的實例,它們都把重點放在文字設計上來實現(xiàn)整個設計效果。
第一個網(wǎng)站是Blake Allen Design,第二個是The Harriet Series(這兩個網(wǎng)站都是使用圖片來實現(xiàn)他們的文字設計,你懂我意思就好): Blake Allen Design 使用圖片, 但有著美觀的字體。 The Harriet Seriesby OkayType。
上面的兩個設計之所以讓我感興趣,是因為文字設計并不單是指引你獨自完成這個過程,它是在用自己的風格做著這件事。你能感覺到文字設計就是設計者個人情緒的 表達。
Blake Allen使用Helvetica體來使他的網(wǎng)頁滿是瑞士風格式的清新、有序的框架。 而在另一方面,Harriet Series的網(wǎng)站則顯得有一點頑皮,也更具探索性。
這就是文字排版所造就的組織合理的混亂之美。 除了上面的特例,99%的設計師,最好還是乖乖學會文字設計,如果你不能領會,那日后的設計便沒有了根基。
不用去擔心缺少流行元素會怎么影響你的效果,你應該擔心的是如何組織好網(wǎng)頁的框架,一旦你克服了這關,后面添磚加瓦的事情就簡單了。 Clear是 一款節(jié)約風格的iOS日常管理應用。
圍繞它的觸控是使用手勢來控制界面,你會發(fā)現(xiàn)單是文字設計就足以解決一切并讓你享受著這款應用。當然這是使用了 Helvetica字體的效果,如果是使用了字間距不合理的Comic Sans字體呢?杰出的文字設計并不一定以很美好的方式引人注目,而這并不意味著 它也要以這樣負面的方式突出它的劣勢。
Art of the Menu是菜單設計網(wǎng)站的典范 The Art of the Menu網(wǎng)站在強調字體設計在菜單設計領域重要性做出了很大貢獻。當一些餐館那么樂衷于在菜單上加入各種圖片和插頁來吸引顧客眼球時,卻并沒有考慮到合理的文字設計結構讓顧客更舒適的瀏覽菜單,這是一大敗筆。
作為一個設計師,你實在沒有理由去為自己辯解不需要一個看得過去的設計。當你連最基本的框架都沒法搭建好,后面在加什么其他的設計元素只會讓你的設計更糟 糕。
太多的設計師都在嘗試用沒有用的花俏物來掩飾他們的設計缺陷,但實際和火上澆油沒兩樣。 如果一個設計你看著是不順眼的,那就代表用戶體驗不好,無論再 加入多少圖片、聲效、顏色都是徒勞。
萬物皆有本源,字體也一樣,今天我們看到的千變萬化、形式各異的字體,都離不開文字本身的根基,脫離了這個根基去做字體,往往難以做出成功的作品,就像練武需要有基本功一樣,文字的基礎知識對于做好字體,有著不可或缺的作用。
我們常常會看到一些初學者做出來的字體,存在著各種各樣的問題,很大原因就是對一些漢字的基礎知識不夠了解所造成的,接下來我就介紹一些初學者應該知道的關于漢字的基礎知識。字體的內在間架結構,是決定字體內在氣質以及是否美觀的基礎性因素,而“體飾”是字體的裝飾,可以影響字體所呈現(xiàn)出來的風格與外觀【中心與重心】物理上絕對的“中心”,人眼看上去卻感覺偏低,因為人的眼睛存在視覺錯,如果按照物理的中心去設計字體,會讓人感覺中間的部分靠下,有往下掉的感覺,這就是為什么大部分字體會把視覺重心放在物理中心點之上的原因,這樣更符合人眼的視覺習慣,看上去才會顯得舒服。
在設計一款字體時,筆畫粗細應當做成一樣的嗎?答案是不應該,因為字與字之間的筆畫繁復程度都不一樣,而且同一粗細度的筆畫,在橫著、豎著、斜著以及變成曲線時,視覺上都會給人粗細不一致的感覺,因為人眼看東西時會存在視錯覺,因此在做字的時候,要根據(jù)字體筆畫的繁雜程度以及視覺感受對筆畫粗細進行調整,達到視覺上的統(tǒng)一。下圖是一個在物理寬度上完全相等的矩形,它的視覺上的粗細關系依次為:橫> 斜 > 豎 > 曲。
一個邊長完全相等的正方形,看上去卻顯得有些偏高,這依然是視錯覺的影響,因此通常做正方形的字,都要把外框壓扁一些,消除視錯覺的影響。中宮的大小會影響字體呈現(xiàn)出來的氣質以及字體在極端環(huán)境下的可識別度,通常中宮偏小的字體氣質上顯得比較清秀,但在字體較小或遠距離識別上體驗較差(如屏顯字體和高速路牌字體),中宮偏大的字體氣質上顯得穩(wěn)、拙一些,而且由于內白空間較大,因此識別性上優(yōu)于中宮偏小的字體。
統(tǒng)一的形式語言是做好設計的基礎,這一點在現(xiàn)代的藝術鄰域中被一再印證,不論是繪畫、建筑、海報、工業(yè)設計等都能看到統(tǒng)一形式語言的經(jīng)典案例。正負形空間的均衡無論是偏向傳統(tǒng)的字庫字體。
聲明:本網(wǎng)站尊重并保護知識產(chǎn)權,根據(jù)《信息網(wǎng)絡傳播權保護條例》,如果我們轉載的作品侵犯了您的權利,請在一個月內通知我們,我們會及時刪除。
蜀ICP備2020033479號-4 Copyright ? 2016 學習鳥. 頁面生成時間:3.915秒