正確設(shè)置版面設(shè)計(jì)中的文字和圖形描邊 版式也能做得很高級(jí)

資訊頻道 - 設(shè)計(jì)技 來(lái)源:中國(guó)設(shè)計(jì)在線 作者:cdo 2018-03-09

看到這個(gè)標(biāo)題,內(nèi)心是否會(huì)有“描邊不是很簡(jiǎn)單嗎?” “這有什么難的?”等等疑問(wèn)。但不妨回想一下在設(shè)計(jì)過(guò)程中,自己是否真的理解為某一元素做描邊處理的目的呢?又是否只是隨意設(shè)置了某種與版面內(nèi)容毫不相干的描邊樣式呢?在本期的內(nèi)容中,我們會(huì)學(xué)習(xí)到各種與描邊相關(guān)的表現(xiàn)形式,包括文字描邊與圖形描邊的技巧,同時(shí)也會(huì)詳細(xì)分析在不同應(yīng)用情景下的注意事項(xiàng)與處理方法,接下來(lái)讓我們一起來(lái)學(xué)習(xí)今天的內(nèi)容吧!

之所以會(huì)有這種“描邊會(huì)顯得難看”的印象,是因?yàn)闆](méi)有正確的運(yùn)用描邊的技巧,并且這種具有問(wèn)題的版面通常會(huì)伴隨著讓人眼花繚亂的色彩與字體以及復(fù)雜的圖形背景。但這些問(wèn)題與描邊本身無(wú)關(guān),接下來(lái)我們一起了解一下這其中的注意事項(xiàng)有哪些。

在復(fù)雜的圖片背景上添加文字信息,首先需要考慮的要點(diǎn)就是文字的可識(shí)別性問(wèn)題,選擇與背景具有明顯反差的色彩是解決這個(gè)問(wèn)題的首選。但對(duì)于那些明暗對(duì)比過(guò)于強(qiáng)烈的圖片來(lái)說(shuō),單單修改文字的色彩依然沒(méi)有辦法很好的解決識(shí)別問(wèn)題,特別是文字在小尺寸的情況下尤為明顯。

在文字的輪廓上添加描邊后,文字的邊緣與復(fù)雜的背景之間產(chǎn)生了隔離效果,強(qiáng)調(diào)了文字邊線的同時(shí)也更傾向于圖形屬性,在視覺(jué)上也更加有看點(diǎn)。但需要注意的是,小尺寸下的文字是需要仔細(xì)閱讀的,添加描邊后反而讓其顯得更加復(fù)雜和難讀了。

小尺寸的文字并不適合采用描邊的處理方式,對(duì)于標(biāo)題文字來(lái)說(shuō),為其添加描邊能夠豐富細(xì)節(jié),區(qū)別于文字的常規(guī)印象。但這對(duì)于需要仔細(xì)閱讀的大面積文字來(lái)說(shuō)并不適合,為了保證可閱讀性,我們需要加大復(fù)雜背景與小文字的區(qū)隔距離,產(chǎn)生可供呼吸的空間。

熟練掌握這些樣式,這有助于我們進(jìn)一步了解描邊。從描邊相對(duì)于輪廓線的位置來(lái)說(shuō),可以分成:內(nèi)部描邊、居中描邊以及外部描邊,不同的描邊位置會(huì)改變?cè)乇旧淼拇笮∫约懊婷;從折角的過(guò)渡形狀也可以分為:方形折角、圓形折角和菱形折角。同樣,不同的處理形式會(huì)決定元素的最終樣貌。

左側(cè)是采用居中描邊的形式,并且折角采用菱形描邊的例子,但因?yàn)閷?duì)粗細(xì)的把控不夠而導(dǎo)致文字的識(shí)別度出現(xiàn)了問(wèn)題。那么應(yīng)該如何掌控描邊的粗細(xì)度呢?這里并沒(méi)有具體數(shù)值,我們可以依據(jù)一些比例來(lái)規(guī)范它,右側(cè)是修改后的版本,描邊的粗細(xì)與內(nèi)部的負(fù)空間寬度在視覺(jué)上幾乎相等,在識(shí)別性方面也有所改善。

左側(cè)的圓體文字采用了內(nèi)部描邊加上方形折角的描邊樣式,整體給人不是很自然的印象。對(duì)于文字來(lái)說(shuō),為了不影響到文字本身的輪廓,通?梢赃x擇外部描邊會(huì)比較妥當(dāng)。描邊的比例也需要根據(jù)具體應(yīng)用場(chǎng)景進(jìn)行相關(guān)調(diào)整,右側(cè)是修改屬性與粗細(xì)的文字。

左側(cè)是宋體字添加居中描邊并采用方形折角樣式的描邊,那么它會(huì)出現(xiàn)什么問(wèn)題呢?宋體的外形變化相對(duì)于圓體或黑體來(lái)說(shuō),幅度更大,采用居中樣式的粗厚描邊會(huì)影響到其識(shí)別性與美觀度。除采用外部描細(xì)邊的樣式外,我們也可以利用其結(jié)構(gòu)特點(diǎn),采用內(nèi)部描邊的樣式,粗細(xì)控制在與橫筆線條相同的寬度,在保證原字體輪廓的同時(shí)也帶來(lái)了具有特色的外形。

左側(cè)是書(shū)法字體外部描邊并采用圓形折角的樣式,對(duì)于這種帶有飛白的書(shū)法字體來(lái)說(shuō),最好的建議就是不要采用描邊的形式處理,因?yàn)檫@種不規(guī)則的輪廓會(huì)讓元素整體顯得非常復(fù)雜,并且難以辨認(rèn)。為了突出邊線可以在文字下方疊加相同的輪廓,形成類(lèi)似投影效果。

書(shū)名《無(wú)盡的談話》,是作者與作家/哲學(xué)家之間的談話,提取無(wú)窮無(wú)盡的概念作為切入點(diǎn),并將其視覺(jué)化處理和呈現(xiàn),那么應(yīng)該如何表現(xiàn)這一概念呢?最后決定采用矛盾空間式的圖形來(lái)表現(xiàn)這一概念,采用圓形作為基礎(chǔ)形狀,以結(jié)構(gòu)線條作為圖形的呈現(xiàn)形式。

將得出的圖形與文字組合,形成前后的疊壓效果。為了讓圖形與版面更加融合,將圖形反黑,描邊填充背景相同的色彩,產(chǎn)生負(fù)形的裁切效果。

接下來(lái)我們繼續(xù)刻畫(huà)圖形部分,在圖形輪廓的內(nèi)部添加無(wú)盡的談話的英文翻譯,并不斷重復(fù),以產(chǎn)生圍繞整個(gè)圖形的目的,進(jìn)一步呼應(yīng)主題。接下來(lái)添加其余文字信息,并根據(jù)比例安排位置關(guān)系。

談話這一抽象的概念又應(yīng)該如何表現(xiàn)呢?選用堆疊的對(duì)話框來(lái)表現(xiàn)談話這一概念,并且相互堆疊而形成的類(lèi)似書(shū)頁(yè)層層堆積印象,也表達(dá)了這種無(wú)休止的談話情景。在方向和大小做出變化,以凸顯版面的空間與層次感。之后為中央圖形添加肌理質(zhì)感。

封面的版式編排基本差不多了,接下來(lái)我們?yōu)槠涮砑友猓瑢⑽淖中畔澐趾脤蛹?jí)后置入到版面中來(lái),吸取主標(biāo)題的色彩,讓兩個(gè)頁(yè)面產(chǎn)生呼應(yīng)關(guān)系,并通過(guò)比例網(wǎng)格確定元素的位置大小。

繼續(xù)添加其余文字信息,這里需要注意的是,留白也是版面中的積極元素,將版面填滿會(huì)產(chǎn)生壓抑和不透氣的感覺(jué)。

接下來(lái),在左側(cè)空白位置添加作者的肖像照片,以及系列書(shū)籍名稱(chēng)。照片形狀采用圓形輪廓,與版面中其余元素產(chǎn)生呼應(yīng)關(guān)系,系列名稱(chēng)與色塊結(jié)合,在保證識(shí)別的同時(shí)也具有強(qiáng)烈的圖形屬性。

根據(jù)版面中的元素信息,延展出書(shū)脊部分的編排,這個(gè)書(shū)籍封面的設(shè)計(jì)就至此告一段落了,接下來(lái)我們看一下展示效果。

這是一場(chǎng)以鋼琴旋律加上馬戲于一身的戲劇演出,演奏家會(huì)以各種反常規(guī)的角度進(jìn)行表演,其中充滿了夢(mèng)幻與藝術(shù)感。這里我提取“旋轉(zhuǎn)”和“木馬”作為主視覺(jué)的切入點(diǎn),將“木馬”視覺(jué)化處理,通過(guò)旋轉(zhuǎn)得出軌跡輪廓,并賦予夢(mèng)幻的色彩來(lái)烘托畫(huà)面氛圍。

將圖形元素編排到版面中,確定好與頁(yè)面的比例關(guān)系與留白空間后,添加文字信息,將英文豎向編排在版面到左上角與右下角的位置上,成為穩(wěn)定版面的基本結(jié)構(gòu),與主體形成對(duì)角線式的構(gòu)圖。

這里將英文字反黑成空心字,削弱了英文字在版面中的視覺(jué)強(qiáng)度,從而拉伸版面的縱深層次。并在版面右上角添加其余文字信息,多語(yǔ)環(huán)境下能夠給人更廣闊的區(qū)域感。版面中文字以線條的形式出現(xiàn),直線/豎線/曲線/折線的出現(xiàn)充滿了變化性,避免了過(guò)于呆板的印象。

將剩下的文字信息依次編排到版面中合適的位置上,并規(guī)范其層級(jí)大小以及文字與版面之間的比例關(guān)系。

所有元素都規(guī)范在版心中,運(yùn)用網(wǎng)格系統(tǒng)規(guī)范一下元素的位置與關(guān)系后,這個(gè)版面的靜態(tài)頁(yè)面就完成了。那么在電子媒體中可以做出哪些變化呢?可以將版面中的主視覺(jué)元素處理成動(dòng)態(tài)效果。

大概思路是,讓主視覺(jué)的色彩圍繞文字的軌跡,形成動(dòng)態(tài)的夢(mèng)幻氛圍。這里分享一下實(shí)現(xiàn)的步驟:

第①步 在PS軟件中的動(dòng)作面板建立新的動(dòng)作。

第②步建立色相飽和度圖層,并修改色相數(shù)值,之后結(jié)束動(dòng)作錄制。(也就是說(shuō),每次觸發(fā)動(dòng)作都會(huì)新建一個(gè)色相調(diào)整層)

第③步打開(kāi)時(shí)間軸面板,將色彩調(diào)整層與時(shí)間軸同步,設(shè)置關(guān)鍵幀的顯示順序即可。

技法的制作就像是登山,上山的路有很多,但山頂只有一個(gè)。無(wú)論使用什么方法,只要能夠達(dá)到想要的效果就可以了,并不需要糾結(jié)于某種執(zhí)行并死記硬背,重要的是要知道這背后的邏輯。

描邊是一種強(qiáng)調(diào)元素結(jié)構(gòu)的處理形式,在各個(gè)領(lǐng)域的應(yīng)用都非常廣泛。不同的描邊形式能夠展現(xiàn)出不同的風(fēng)格與特點(diǎn)。本期我們一起學(xué)習(xí)了元素描邊的技巧以及各種表現(xiàn)形式,也知道了描邊的不同樣式對(duì)最終呈現(xiàn)所造成的影響以及不同比例字號(hào)下,便于閱讀的描邊方法。熟練掌握描邊的技巧,能夠有效解決設(shè)計(jì)中遇到的相關(guān)問(wèn)題。最后,感謝你的觀看,希望本期的內(nèi)容能夠幫助到你。


聲明:站內(nèi)網(wǎng)友所發(fā)表的所有內(nèi)容及言論僅代表其本人,并不反映任何網(wǎng)站意見(jiàn)及觀點(diǎn)。

全部評(píng)論

暫無(wú)相關(guān)推薦