search
尋找貓咪~QQ 地點 桃園市桃園區 Taoyuan , Taoyuan

【 設計理論】設計師技巧:文字處理與設計詳解 - PS筆刷工廠PS筆刷工廠

設計師技巧:文字處理與設計詳解

這一次的教學是屬於設計理論領域中的設計理論的相關教學。

文章出處是來自中國教程網論壇的設計理論類文章,寫教學的作者是張賢,感謝張賢提供設計理論的實作教學。

教學大綱:

文字的弧形設計頗具法式浪漫與尊貴的感覺。這一類文字設計多半出現在女性產品、年輕人產品及其與法式風格相關的一些比較浪漫、唯美和高貴的畫面中。


設計理論教學開始

第一節:字庫及其字體實際運用介紹

重點:字庫及其文字分類、文字襯線、畫面風格與字體選擇、文字使用法規

字庫分類比較多,而我們常用的是方正字庫與漢鼎字庫。而微軟公司的微軟字庫也迅速的發展,在時尚的雜誌或者海報中設計師們運用雅黑的也普遍比較多。下面我們來詳細講解下常用字體的分類:

宋體

推薦指數*

宋體也稱印刷體,一般出現在報紙、雜誌、小說正文。比較權威、正統的雜誌用宋體較多。

在商業設計中,宋體運用的是非常少的。

因為宋體筆劃比較細,難以識別,所以在海報,畫冊類中運用的也比較少。

楷體

推薦指數** 楷體一般用於書籍的前言與圖片的註解部分。

楷體的傳統韻律比較強,所以在傳統類的設計對象中運用的非常廣,但是楷體是不會作為主標題的文字選擇。

在副標題和廣告(產品)解說(說明)部分運用的比較多。

黑體

推薦指數* 黑體筆畫很均勻並且撇撩筆畫不尖,使人易於閱讀。由於其醒目的特點,常用於標題,導語,標誌等等。當然常見的標題、導語採用的是方正字庫里的粗黑,大黑,中黑,而不是我們WINDOWS里自帶的黑體,如果從設計的純角度來講,黑體運用的也是非常少的。

方正細黑

方正細等線

推薦指數*** 方正細黑與方正細等線比較相似,只是方正細等線比方正細黑還要細,常用於時尚雜誌的正文,方正細黑與方正細等線筆畫橫平豎直、結構醒目嚴密、便於閱讀,所以時尚雜誌中比較常見,當然,這一類字體不適宜在報廣(報紙廣告)的文字選擇,因為報廣印刷粗糙,細黑幾乎無法識別,但是在印刷精美的一些時尚雜誌中,細黑與細等線會表現的非常精美。

方正報宋

推薦指數*** 方正報宋的外形比宋體要“方”、端正,不失時代氣息也極具傳統味道。

所以方正報宋和方正宋一簡體也常用出現在一些時尚雜誌的正文中。

以上兩種字體比較適合和銅版紙,啞粉紙,道林紙配合使用。

微軟雅黑

推薦指數*** 微軟雅黑是美國微軟公司委託中國方正集團設計的一款全面支持Clear Type技術字體。微軟雅黑是隨着簡體中文版Windows Vista一起發布的字體。微軟雅黑的審美要比黑體的高雅很多。在海報與網站圖標中運用比較多,不適合做正文和標題的選擇,比較適合副標題文字的選擇。

設計師技巧:文字處理與設計詳解

設計師技巧:文字處理與設計詳解

設計師技巧:文字處理與設計詳解

畫面分析:我們可看見兩張圖中,主標題到副標題筆畫是由粗到細,字號是由大到小。畫面中文字的層次感非常強烈。第一張中,微軟雅黑使地產畫面的尊貴感和品位感凸顯出來:第二張中,黑體與英文的搭配使用使得畫面的現代感與國際感比較強烈。

設計師技巧:文字處理與設計詳解

畫面分析:畫面中繁體是創藝繁線體,繁體的使用配合外國人的頭像使得國際感,現代感比較強烈。為什麼這樣說呢?我們經常會看到很多港、澳、台地區的雜誌和電影,香港的官方文字多採用繁體和英文,如果我們把這種感覺帶到畫面中去,相信畫面的國際感會比較明顯。當然這只是從純文字的角度去談論這個問題。使用繁體的時候,我們還必須遵守我國的相關法律規定,如下:

《國家通用語言文字法》第十七條規定:“本章有關規定中有下列情形的,可以保留或使用繁體字、異體字:(一)文物古迹;(二)姓氏中的異體字;(三)書法、篆刻等藝術作品;(四)題詞和招牌的手書字;(五)出版、教學、研究中需要使用的;(六)經國務院有關部門批准的特殊情況。”這條規定,適應我國現階段文字應用的需要,較好地體現了語言文字主體化與多樣化的關係。

漢字規範化是一個漸進的過程。國家推行規範漢字,並不是要廢止或者消滅繁體字、異體字,也不是要求在所有場合都不能使用繁體字、異體字,而是把繁體字、異體字的使用限制在一定的範圍以內。這是我國繁、簡字使用的一貫政策。《國家通用語言文字法》的制定,使這一政策法制化。

規定上述除外條款,符合實事求是的思想路線。文物古迹是我們的祖先留下來的,代表着古老燦爛的中華文化,是古代人民群眾勞動和智慧的結晶,我們必須加以保護,當然也包括保護它上面所負載的文字。姓氏是歷史形成的,受法律保護,改革文字也不能隨便更改人家的姓氏,所以我國50年代發布《第一批異體字整理表》時就明確規定“停止使用的異體字中,有用作姓氏的,在報刊圖書中可以保留原字,不加變更”。書法、篆刻等作為藝術作品,是中華民族傳統文化的一個組成部分,具有陶冶情操、愉悅身心的審美功能,我們提倡書法家、篆刻家在繼承前人的基礎上使用規範漢字進行創作,以無愧於我們這個偉大的新時代,但他們寫繁還是寫簡有自己的自由,只能悉聽尊便。整理、出版古代典籍,課堂教學、學術研究以及發表關於古代歷史文化方面的學術著述、編寫語言工具等必須使用繁體字、異體字的,自然也應當允許保留或使用繁體字、異體字。此外,還有某些特殊情況,比如依法影印、拷貝的台灣、香港、澳門地區以及海外其他地區出版的中文報刊、圖書、音像製品等出版物,比如專門向海外使用繁體字的地區發行的出版物以及對外宣傳需要的其他情形和場合等等,經國務院有關部門批准,也可以保留或使用繁體字、異體字。上述政策規定和要求,散見於以往發布的語言文字法規、規章、管理辦法和相應的規範標準中,這次制定《國家通用語言文字法》以法律的形式把它們確定下來,有利於從總體上把握相關政策。

關於題詞和招牌中的手書字的政策,這裡需要特別談一談。題詞和招牌主要見於公共場所。公共場所是漢字規範化工作的一個領域,抓好這個領域的用字,必將對提高社會成員語言文字規範意識和全社會語言文字應用的規範化水平產生良好的影響。中共中央政治局常委、國務院副總理李嵐清同志,在1997年底召開的全國語言文字工作會議上發表的書面講話中明確指出:“所有公共場所的標牌、宣傳標語和廣告、霓虹燈必須用語正確、文字規範、字形完整;其中手書字提倡寫規範字,但中國文字也是一種書法藝術,不必苛求。手書的店名凡使用繁體字的,應當在明顯的位置再配放用規範字標註的店名,以便公眾識別。”李崗清同志的這一指示,體現了國家對城市公共場所手書字的管理即“堅持方向”又“把握政策”的原則。

如何理解這段話呢?首先,在堅持漢字簡化方向的前提下,我們應當充分看到推行簡化字的成績。40多年來,簡化字在全國範圍內順利推行,今天已成為國家通用的文字和社會用字的主流。一個佔世界五分之一人口的國家,在這麼短的時期內成功地進行這樣一項重大的文字改革,是件很不簡單的事情。所以,要充分認識這項工作所取得的巨大成就。其次,要看到允許使用繁體字的範圍非常有限,管理中要切實把握好政策。當前文字應用的主要領域,如出版印刷用字、影視屏幕用字、政府公文用字和學校的教育教學用字等都是使用規範字,街頭招牌中的印刷體也是規範字,從這角度看,對街頭招牌中的手書字適當放寬點要求無礙推行規範漢字的主流和大局,相反,更便於公共場所用字的具體管理和實際操作。現行《城市社會用字管理工作評估指導標準(試行)》規定:“手書字提倡寫規範字。手書的招牌凡使用了繁體字的,必須在明顯的位置上再配放規範字的標牌。已經改為規範字的不得恢復使用繁體字。”這樣規定,既堅持了漢字簡化的方向,又體現了手書字管理的現行政策。中國的漢字源遠流長,漢字規範化工作並不能一蹴而就,而是需要有一個漸進的過程。目前我國還有不少寫繁體字的長者,他們從小養成了使用繁體字的習慣,熟悉簡化字有一個過程是可以理解的。所以,對本法關於繁體字、異體字在特殊情形下允許保留或使用的規定,我們一定要強化法律、政策觀念,認真貫徹執行。

近幾年,因部分廣告公司不了解使用繁體字相關規定而受到處罰,不甚枚舉,因此設計師在創作過程中也得熟知相應的法律法規。

————————

對於設計師的創作來說,每種字體都都其各自的特點與風格。什麼情況下採用什麼字體、哪類文字適合哪種風格的設計都比較重要,這也是值得思考的!比如無襯線的文字比較適合現代時尚設計中、兒童產品的設計中、粗體比較適合HIPHOP畫面設計中、有襯線的文字的文字一般運用在傳統類、高端類、莊重類設計中等等。在設計中文字最好嘗試一下不同字體所產生的不同感覺。這種感覺需要建立在長期的學習、觀察和思考的基礎上。

設計師技巧:文字處理與設計詳解

設計師技巧:文字處理與設計詳解

設計師技巧:文字處理與設計詳解

畫面分析:畫面中涉及到中文的字體一般多以粗大的文字來代表一種時尚,而英文字體中無論是粗或細、大或小都能體現時尚氣息。無襯線的英文文字很好的迎合了畫面的乾淨、簡潔的設計,不像有襯線的文字顯得過於繁瑣,也沒有那種很強的簡潔感。

設計師技巧:文字處理與設計詳解

畫面分析:我們經常看到很多HIPHOP歌手穿着寬大的衣服和厚實的板鞋,設計師從這一點上可以聯想到海報中整個字體中採用比較寬大厚實的字體作為主標題。HIPHOP給人的潮流感與時尚感也決定了主標題應該採用無襯線字體,所以我們在海報中就看到了寬大的無襯線字體,這樣也迎合畫面的節奏感。

設計師技巧:文字處理與設計詳解

設計師技巧:文字處理與設計詳解

設計師技巧:文字處理與設計詳解

設計師技巧:文字處理與設計詳解

畫面分析:上圖為通用汽車旗下品牌科帕奇“自由之路”的活動官方網站,此次活動主要是科帕奇邀請廣大車友重走史迪威公路,途經貴陽、昆明、密支那探尋二戰時期最重要的生命補給線。這是對歷史的一次回顧,整個畫面設計都呈現出一種濃烈的歷史懷舊氣氛,所以設計師也採用了有襯線的英文文字(CHEVY CAPTIVA & ROAD OF FREEDOM)和中文文字(大標宋——以自由之名,與雪佛蘭科帕奇一起重走崢嶸生命線)。

—————————–

1、描邊及其文字作用

文字描邊的前提是當背景比較複雜或者是文字色彩與背景色彩非常接近的時候,就會採用描邊的方式進行處理。

設計師技巧:文字處理與設計詳解

畫面分析:對於主題文字的描邊就不能過於死板,可以適當的用色彩漸變的方式描邊,當然文字的色彩漸變也必須要注意其識別性的問題,文字外形的構邊還是構線條需要根據主題確定。圖中文字“激情開幕”的描邊增加了運動感,很好的吻合了主題需求。

描邊特別注意事項:

(1)注意描邊的前提:背景複雜或者是背景色與文字顏色接近時。反正總之是為了與背景隔離開,形成層次感加強對比,提高識別性。(如下圖)

(2)正文文字就不能描邊了,不然你會知道這是多麼愚蠢的事情。

(3)越是時尚越是簡潔的畫面設計裡面文字越忌諱描邊,時尚講究簡潔是美。

(4)特別需要提出的是大型企業形象廣告裡面最好不出現文字描邊!比如地產、汽車、美容等高端行業。文字描邊在促銷廣告中很常見,因為描邊會使得文字更加突出。

(5)描邊前可以思考一下文字的處理方式,比如把字傾斜着、把文字錯位等等。

設計師技巧:文字處理與設計詳解

上圖中圖2就有一個典型的錯誤,白色描邊不是錯誤,錯誤重點就在於“激”字的淺色和描邊的白色明度對比太低,文字的識別性非常低。文字有兩個作用:一是起信息傳遞的作用,就是向消費者清楚表達產品(品牌)信息,所以前提是能很清楚看的到字,這就是文字的識別性;二是起到裝飾和點綴的作用,並不是所有文字都是起信息傳遞的作用,有時候它會起到彌補空間、點綴畫面的作用。如下圖:

設計師技巧:文字處理與設計詳解

設計師技巧:文字處理與設計詳解

上兩張圖人物後面的文字都起着裝飾作用,而不是信息傳遞作用。可能有人會產生這樣的懷疑:在時尚的畫面中不是採用無襯線的字體嗎?為什麼畫面中人物後面採用大標宋?這樣不會顯得很傳統嗎?或許你對時尚還沒有深入了解,其實時尚並不緊緊是我們(年輕的讀者)想象中的腳踏匡威板鞋、身着鉛筆西褲、眼帶方形鏡框。我們理解的時尚應該叫做“潮”,相信很多設計師都是潮人。其實時尚還有另外一個層面就是對生活、事業、社會的一種態度和價值觀,《時尚先生》更側重於對成功人士的報道,而不緊緊是對外在穿着的分析。比如以往《時尚先生》封面人物有:成龍、張藝謀、崔健、黃秋生、李宇春等等。就拿2008年時尚先生評選活動來說吧,《時尚先生》就設立了年度傳媒人物、年度教育人物、年度藝術家、年度環保先生、年度智美人物、年度最美麗女人、年度奧運精神、年度風尚設計師等獎項,由此我們可以看出時尚的精神層面。是品位?是態度?或許都是的!所有獲獎的人員都是有着豐富的人生閱歷和良好的精神態度。俗話說:三十而立,四十而不惑,五十而知天命,六十而耳順,七十而從心所欲!或許獲獎的魅力男士和女士都很明白對時尚的理解。

年輕人有不拘一格的時尚、成熟人士有馬爹利的時尚。對於時尚的潮人,我們採用無襯線字體比較合適,比如細黑、細等線、雅黑等等,我們可以參考《時尚起義》網站www.shishangqiyi.com。對於有着成熟魅力的成功人士,我們採用大標宋或許也是不錯的選擇。大標宋筆畫顯得沉着穩重,和成熟人士的處事特點相得益彰。

設計師技巧:文字處理與設計詳解

這是我們大多數年輕人理解的時尚——“潮”。

設計師技巧:文字處理與設計詳解

這難道不也是一種時尚嗎?這幅畫面的文字明顯起着信息傳遞的作用了。文字粗大,對比強烈!

設計師技巧:文字處理與設計詳解

這個畫面兼顧了信息傳遞與裝飾畫面的雙重作用!文字“2008 BEIJING NEW LOOK”的筆畫與背景鋼結構粗細略微相等,抽象的元素和前後(背景與文字)明度的對比就決定了畫面文字的雙重作用。

2、文字(圖形)色彩疊加

• 文字的色彩疊加可以產生多彩的視覺效果,這樣可以很好的豐富畫面的整體效果,同時文字也不會顯得呆板。

設計師技巧:文字處理與設計詳解

設計師技巧:文字處理與設計詳解

設計師技巧:文字處理與設計詳解

設計師技巧:文字處理與設計詳解

設計師技巧:文字處理與設計詳解

設計師技巧:文字處理與設計詳解

操作提示:一、在PHOTOSHOP裡面將兩個單獨的圖層採用正片疊底的圖層混合方式即可,同時你也可以調整單個圖層的透明度來達到你需要的效果。二、在CORELDRAW 9.0裡面,先將兩個圖形(文字)CTRL+Q轉曲后再調整透明度即可。或者採用多個圖形選中后然後在菜單欄執行“安排 / 造型 / 交叉”命令得出相交的部分,再把相交的部分換成你需要的色彩。這個色彩一般是兩個色混合后的色彩,如果你畫過水粉或者熟悉色相環的色彩關係你就知道了,詳細參考本書色彩部分。

3、文字虛實相間

文字的虛實相間會有很強的形式美對比,相信這是一種很好的處理方式。

設計師技巧:文字處理與設計詳解

設計師技巧:文字處理與設計詳解

設計師技巧:文字處理與設計詳解

畫面分析:文字的實虛可以用面和線來表示,一邊線條居下,面居上,這樣畫面才有層次感,當然就上圖上說,畫面也不會顯得過於單調。線條在整個畫面中會呈現出很多細節,耐看性很強,同時也得注意畫面的虛實粗細對比。

操作提示:在PHOTOSHOP裡面,線條的產生可以採用描邊(執行菜單欄編輯/描邊)的方式完成。CORELDRAW裡面可以用貝塞爾工具完成,如果是文字則可以再按F12來選擇線條粗細情況,然後左鍵點擊顏色窗口上方“X”圖標。

4、文字切割、隱藏、嵌套

文字的切割與隱藏有會有一種殘缺美,一種讓人探索與想象的空間。

設計師技巧:文字處理與設計詳解

設計師技巧:文字處理與設計詳解

設計師技巧:文字處理與設計詳解

設計師技巧:文字處理與設計詳解

文字通過圖形嵌套可以讓文字更加生動,更加具有畫面感。

設計師技巧:文字處理與設計詳解

設計師技巧:文字處理與設計詳解

設計師技巧:文字處理與設計詳解

設計師技巧:文字處理與設計詳解

設計師技巧:文字處理與設計詳解

設計師技巧:文字處理與設計詳解

設計師技巧:文字處理與設計詳解

設計師技巧:文字處理與設計詳解

設計師技巧:文字處理與設計詳解

設計師技巧:文字處理與設計詳解

操作提示:以上圖為例,我們稱“九”為基本造型、裡面的圖形紋理就簡稱圖案。在PHOTOSHOP裡面把基本造型“九”這個圖層置於圖案圖層下方,然後降低圖案的不透明度,直到我們看到圖案在造型裡面達到最佳效果后再按住CTRL單擊基本造型“九”這個圖層,再選中圖案圖層,然後按住CTRL+SHIFT+I(反選),再按DEL刪除多餘的部分,最後恢復圖案圖層的不透明度即可。在CORELDRAW裡面執行圖框精確裁減即可完成!

特別提示:圖案的選擇一定要吻合畫面風格,如果是抽象圖案圖形最好不要是垂直的或者的水平的,最好具備一定角度,這樣視覺效果會顯得更加理想。如圖:

設計師技巧:文字處理與設計詳解

上圖中數字“3”裡面的圖案就傾斜了60°左右,這樣畫面將在一定程度上打破呆板的感覺。

5、文字的空間設計

•文字的空間設計可以增強對畫面主題的表現與訴說,同時也可以增強畫面的有趣性和創意性。

設計師技巧:文字處理與設計詳解

設計師技巧:文字處理與設計詳解

特別提示:二維空間與三維空間的結合表現方式是創意廣告裡面非常常見的手法。同時我們也得注意二維空間與三維空間的聯繫性,也就說靠什麼來把兩個不相干的空間聯繫起來。色彩是最常見的媒介,以上兩張圖中色彩都起到了空間銜接的作用!

設計師技巧:文字處理與設計詳解

畫面分析:文字的穿插會使得畫面的空間感會更加強烈,而不再給人以簡單的“平面”感覺!特別是當畫面只有兩層關係的時候,插入“第三者”畫面的空間感就建立起來了。很好理解,我們可以看到上圖中原本只有四個人物和一個牆面背景兩層關係,但是後來設計師再兩者之間插入了文字,這樣感覺就不一樣了。

操作提示:在PHOTOSHOP裡面用鋼筆工具沿着人物胸部以上的外輪廓部分鉤出來,然後選中文字圖層按DEL刪除文字與頭部疊加的地方!注意在修剪文字圖層前一定要將文字柵格化圖層。在CORELDRAW裡面用貝塞爾工具鉤形后也可以完成同樣的效果。

設計師技巧:文字處理與設計詳解

設計師技巧:文字處理與設計詳解

6、文字識別性處理

在不同的畫面中文字的識別性處理也會不一樣,

文字的識別性在一定程度也決定了廣告的傳播效果。

設計師技巧:文字處理與設計詳解

畫面分析:上圖中我們可以假想如果沒有白色的色塊來鋪底,想必文字是肯定看不清楚的,除非文字採用了特殊一些工藝。所以當背景圖案比較複雜的時候,我們可以嘗試用色塊鋪底來增強對文字的識別性。有人可能會有這樣的疑惑:文字描邊不可以嗎?文字描邊的方式也可以增強對文字的識別能力和突出文字呀?這裡大家要明白檔次的問題,我們在文字描邊問題裡面已經說了:文字描邊不適合在形象畫面中出現,這樣檔次就降低很多了。現在我們的設計對象是名片,名片是企業形象與個人形象展示的窗口,所以在這裡不建議大家採用描邊的方式來提高文字的識別性。

設計師技巧:文字處理與設計詳解

畫面分析:右圖中我們看到整個底就是一個建築畫面,畫面中並沒有刻意留出一些空間給文字,以整張攝影畫面鋪底這種手法在時尚雜誌中非常常見,因為這樣雜誌的畫面感會很強!如果這樣的畫面中一定得放文字,那文字“WE’VE GOT IT SUST”的處理方式就很到位了。採用半透明的色塊打底,然後用文字把畫面修剪,很有透氣清新的感覺,這樣很好的配合了畫面高明度和高純度的色彩環境。其實這種感覺很像一些服裝專賣店玻璃門上的磨砂圖案。大家可以去adidas專賣店玻璃門看看這種感覺。

設計師技巧:文字處理與設計詳解

畫面分析:上圖(網站頁面)右側的文字部分也採用了半透明的黑色色塊來提高文字的識別性,同時我們可以假想沒有這個色塊,白色的文字看上去會是什麼效果?這種方式是結合了前兩種畫面的處理方式。我們應該很清楚廣告的兩個目的:提示企業、品牌、產品形象和提高銷售量。如果消費者連文字都看不到或者看不清楚(部分形象廣告另外),那廣告信息傳遞就有問題了。很簡單,這樣消費者看到畫面后都不知道你在賣什麼、產品有什麼特點或者說你在表達什麼?就更不談什麼銷量了。就好像一個啞巴在給正常人說話一樣,理解效果就會大打折扣!

設計師技巧:文字處理與設計詳解

這張畫面兼顧了空間設計與文字識別性處理,值得借鑒。

7、突出文字與提高文字易讀性的方法

根據不同的文字及其畫面環境進行設計處理。

(1)在是深色的底上加入文字,使文字更加突出與醒目。

設計師技巧:文字處理與設計詳解

設計師技巧:文字處理與設計詳解

畫面分析:上面兩張圖中我們可以看到主要文字都集中在畫面深色部分!也就是將文字的色彩與背景的色彩在明度上拉開距離,同時也得注意背景肌理圖案不能過於複雜,否則即使明度對比再大,背景如果過於複雜,那文字也無法強調出來,前面的黑白名片就是一個典型的例子。我們經常會在一些時裝雜誌裡面看到這種情況,所以設計師也得注意平時的視覺閱歷與積累,積累形成感覺、感覺創造畫面。

(2)將主要文字色彩飽和度提高,並變大變粗。

設計師技巧:文字處理與設計詳解

(3)注重文字色彩在畫面中的呼應關係。

設計師技巧:文字處理與設計詳解

畫面分析:畫面中色彩的呼應是將原始畫面已有的色彩再次重複出現。一般再次重複的色彩為原始畫面的主色調或者是明度較高的色彩,從商業角度講多為產品的主色調。上圖中,文字的色彩就吸取了人物服裝的色彩,事實證明這也是一個銷售服裝的公司的廣告畫面。這樣的處理方式有很多好處:一是可以讓畫面色彩更加和諧;二是更好的統一了品牌視覺形象,更有利於加深消費者對品牌的印象與認知。統一鮮橙多、綠茶等品牌的廣告畫面都是如此。消費者往往會不知不覺從色彩方向去判斷品牌信息,因為色彩是品牌視覺傳達裡面最活躍的元素。比如你走在一條品牌服裝街上,一看到黑白色的服裝相信很多人第一感覺就是阿迪達斯,一看到粉色就會感覺是阿依蓮等等。

設計師技巧:文字處理與設計詳解

設計師技巧:文字處理與設計詳解

設計師技巧:文字處理與設計詳解

(4)提高文字易讀性的方法。

關鍵詞:大寫字母、文字字號大小、視覺瀏覽習慣、手稿體、反排、行距

設計師技巧:文字處理與設計詳解

畫面分析:全部採用大寫字母,對於大標題、簡短的提示都比較合適。但是不能過多、過長,這樣看起來就很累了,自然易讀性也就降低了很多。我們經常在很多奢侈品廣告中看到以英文作為大標題的情況,為什麼?因為大寫英文字體給人一種傲視世俗、雍容華貴的感覺,所以大寫文字在奢侈品中運用的非常常見,中文、英文都是如此。比如地產、名表、服裝、化妝品、珠寶等等。如下圖:(萬城華府、世貿集團、白皙)

設計師技巧:文字處理與設計詳解

設計師技巧:文字處理與設計詳解

設計師技巧:文字處理與設計詳解

設計師技巧:文字處理與設計詳解

設計師技巧:文字處理與設計詳解

畫面分析:在選擇文字大小的時候一定得考慮文字與目標群體的距離、目標群體的視力及其畫面主題的主次之分。

先說說文字與目標群體的距離:我們經常會看到很多戶外擎天柱廣告牌,這些廣告牌上面的字號都非常大;而我們所看到的小說裡面的字號就非常小。這些都是依據目標人群與畫面之間的距離決定文字大小的,距離越遠字號越大、距離越近字號也就越小。但是字號小並不完全是由距離決定的,有時候會有其他因素來左右字號。比如說一些潮流雜誌、時尚雜誌裡面的字號就非常小,這是因為這些雜誌中畫面很多,並且設計師希望通過小的字號來增強畫面的精緻感。一般時尚雜誌裡面的正文字號在5-6之間,非常小。

文字大小還有一個確定因素是目標群體的視力,這裡所指的目標群體多半是指小孩和老人。我們肯定有這樣的印象,小時候我們的語文課本裡面的字就非常大,而到大學了,裡面的字號就相對變小了。幾年前我曾經服務過一家大型的事業單位,他們要設計一本宣傳物,觀看這本宣傳物的對象都是上了年紀的企業領導。他們宣傳部的負責人特意叮囑我一句話:最好把字號放大一點!其實我們也不要忽略這一點:在任何時候行距一定是大於字距的,只有這樣文字的易讀性才會更高。假想一下如果字與字之間的距離大於行與行之間的距離會是什麼結果?

任何畫面裡面的文字都是有主次之分的,主標題到副標題到正文文字的字號大小一般是由大到小,筆畫是由粗到細!一般根據人的視覺瀏覽習慣從上到小,字號也是由大到小的,當然不排除特殊情況,比如時尚雜誌正文的“記者”、“美編”等工作人員的職位等文字字號是很小的,比正文還要小。人還有一個視覺瀏覽習慣就是從左到右,當然字號一般不是從大到小,而是從小到大。與其說從小到還不如說畫面重心在右邊,因為如果畫面重心在左邊那畫面就會有一種漂移感,好像畫面中的視覺元素要衝出畫面一樣,所以一般視覺重點(產品、代言人等)都會居右來擋住視線流出,常表現為:文字在左,圖形在右。如下圖(神行者2代、COGI高姿):

設計師技巧:文字處理與設計詳解

設計師技巧:文字處理與設計詳解

畫面分析:手稿體(毛筆字體)比較適合一些短小標題或文字,還有請柬、簽名之類的傳統風格,不合適大面積使用!大面積的使用會導致易讀性就差很多了。如上圖所示。

設計師技巧:文字處理與設計詳解

畫面分析:黑色背景上的白色文字(也稱之為反排)與白色背景上的黑色文字相較而言,易讀性也差很多。但是並不能因此而反對這種手法的出現,在時尚雜誌中我們也會經常看到黑色的底上有着些許的白色文字出現,如上圖所示。設計師犧牲了一些文字的易讀性來迎合整個畫面的造型或者美感,這一點也是值得學習的!

但是當碰到反排的情況時候我們得注意以下幾點: 首先當背景顏色比較深的時候,文字的選擇盡量不要採用有襯線的字體,比如宋體,這樣也會導致易讀性越來越差。其次,文字字號不能過小,因為如果這種情況碰到印刷的時候就比較麻煩了,特別我們的媒介是報紙的時候,印出的成品幾乎是看不清內容的(報紙紙張相較雜誌紙張比較粗糙)。最後文字盡量採用與背景色彩高對比的純色填充,而不要填充色彩漸變,這樣也會導致易讀性的降低,如上圖。

—————–

文字屬性(金屬、殘缺等)與組合(上下、層次、排列等)

設計師技巧:文字處理與設計詳解

設計師技巧:文字處理與設計詳解

畫面分析:不同的畫面裡面文字都有不同的處理方式,只有賦予主題文字“外衣”,畫面才會更具內涵。我們可以從上圖的文字處理手法看出一種強烈的金屬感,這也正好迎合了(產品)汽車的特點。通過文字的處理來渲染畫面無疑是個不錯的選擇。

設計師技巧:文字處理與設計詳解

設計師技巧:文字處理與設計詳解

設計師技巧:文字處理與設計詳解

畫面分析:隨意斑駁的筆畫與年輕人的桀驁不羈、個性張揚相得益彰。現實中很多年輕人都不喜歡一些條條框框、都不喜歡正統、喜歡雜亂無章、喜歡不拘一格,所以我們在畫面中並沒看到所謂的楷體、宋體等有襯線的傳統字體。

設計師技巧:文字處理與設計詳解

設計師技巧:文字處理與設計詳解

設計師技巧:文字處理與設計詳解

畫面分析:文字的弧形設計頗具法式浪漫與尊貴的感覺。這一類文字設計多半出現在女性產品、年輕人產品及其與法式風格相關的一些比較浪漫、唯美和高貴的畫面中。

–本文轉載自 http://www.missyuan.net 教學網 —

文章永久連結為: 設計師技巧:文字處理與設計詳解



熱門推薦

本文由 wwwfreebrushscom 提供 原文連結

寵物協尋 相信 終究能找到回家的路
寫了7763篇文章,獲得2次喜歡
留言回覆
回覆
精彩推薦