看到這個標題,內心是否會有“描邊不是很簡單嗎?” “這有什么難的?”等等疑問。但不妨回想一下在設計過程中,自己是否真的理解為某一元素做描邊處理的目的呢?又是否只是隨意設置了某種與版面內容毫不相干的描邊樣式呢?在本期的內容中,我們會學習到各種與描邊相關的表現(xiàn)形式,包括文字描邊與圖形描邊的技巧,同時也會詳細分析在不同應用情景下的注意事項與處理方法,接下來讓我們一起來學習今天的內容吧!
之所以會有這種“描邊會顯得難看”的印象,是因為沒有正確的運用描邊的技巧,并且這種具有問題的版面通常會伴隨著讓人眼花繚亂的色彩與字體以及復雜的圖形背景。但這些問題與描邊本身無關,接下來我們一起了解一下這其中的注意事項有哪些。
在復雜的圖片背景上添加文字信息,首先需要考慮的要點就是文字的可識別性問題,選擇與背景具有明顯反差的色彩是解決這個問題的首選。但對于那些明暗對比過于強烈的圖片來說,單單修改文字的色彩依然沒有辦法很好的解決識別問題,特別是文字在小尺寸的情況下尤為明顯。
在文字的輪廓上添加描邊后,文字的邊緣與復雜的背景之間產生了隔離效果,強調了文字邊線的同時也更傾向于圖形屬性,在視覺上也更加有看點。但需要注意的是,小尺寸下的文字是需要仔細閱讀的,添加描邊后反而讓其顯得更加復雜和難讀了。
小尺寸的文字并不適合采用描邊的處理方式,對于標題文字來說,為其添加描邊能夠豐富細節(jié),區(qū)別于文字的常規(guī)印象。但這對于需要仔細閱讀的大面積文字來說并不適合,為了保證可閱讀性,我們需要加大復雜背景與小文字的區(qū)隔距離,產生可供呼吸的空間。
熟練掌握這些樣式,這有助于我們進一步了解描邊。從描邊相對于輪廓線的位置來說,可以分成:內部描邊、居中描邊以及外部描邊,不同的描邊位置會改變元素本身的大小以及面貌;從折角的過渡形狀也可以分為:方形折角、圓形折角和菱形折角。同樣,不同的處理形式會決定元素的最終樣貌。
左側是采用居中描邊的形式,并且折角采用菱形描邊的例子,但因為對粗細的把控不夠而導致文字的識別度出現(xiàn)了問題。那么應該如何掌控描邊的粗細度呢?這里并沒有具體數(shù)值,我們可以依據(jù)一些比例來規(guī)范它,右側是修改后的版本,描邊的粗細與內部的負空間寬度在視覺上幾乎相等,在識別性方面也有所改善。
左側的圓體文字采用了內部描邊加上方形折角的描邊樣式,整體給人不是很自然的印象。對于文字來說,為了不影響到文字本身的輪廓,通常可以選擇外部描邊會比較妥當。描邊的比例也需要根據(jù)具體應用場景進行相關調整,右側是修改屬性與粗細的文字。
左側是宋體字添加居中描邊并采用方形折角樣式的描邊,那么它會出現(xiàn)什么問題呢?宋體的外形變化相對于圓體或黑體來說,幅度更大,采用居中樣式的粗厚描邊會影響到其識別性與美觀度。除采用外部描細邊的樣式外,我們也可以利用其結構特點,采用內部描邊的樣式,粗細控制在與橫筆線條相同的寬度,在保證原字體輪廓的同時也帶來了具有特色的外形。
左側是書法字體外部描邊并采用圓形折角的樣式,對于這種帶有飛白的書法字體來說,最好的建議就是不要采用描邊的形式處理,因為這種不規(guī)則的輪廓會讓元素整體顯得非常復雜,并且難以辨認。為了突出邊線可以在文字下方疊加相同的輪廓,形成類似投影效果。
書名《無盡的談話》,是作者與作家/哲學家之間的談話,提取無窮無盡的概念作為切入點,并將其視覺化處理和呈現(xiàn),那么應該如何表現(xiàn)這一概念呢?最后決定采用矛盾空間式的圖形來表現(xiàn)這一概念,采用圓形作為基礎形狀,以結構線條作為圖形的呈現(xiàn)形式。
將得出的圖形與文字組合,形成前后的疊壓效果。為了讓圖形與版面更加融合,將圖形反黑,描邊填充背景相同的色彩,產生負形的裁切效果。
接下來我們繼續(xù)刻畫圖形部分,在圖形輪廓的內部添加無盡的談話的英文翻譯,并不斷重復,以產生圍繞整個圖形的目的,進一步呼應主題。接下來添加其余文字信息,并根據(jù)比例安排位置關系。
談話這一抽象的概念又應該如何表現(xiàn)呢?選用堆疊的對話框來表現(xiàn)談話這一概念,并且相互堆疊而形成的類似書頁層層堆積印象,也表達了這種無休止的談話情景。在方向和大小做出變化,以凸顯版面的空間與層次感。之后為中央圖形添加肌理質感。
封面的版式編排基本差不多了,接下來我們?yōu)槠涮砑友,將文字信息劃分好層級后置入到版面中來,吸取主標題的色彩,讓兩個頁面產生呼應關系,并通過比例網(wǎng)格確定元素的位置大小。
繼續(xù)添加其余文字信息,這里需要注意的是,留白也是版面中的積極元素,將版面填滿會產生壓抑和不透氣的感覺。
接下來,在左側空白位置添加作者的肖像照片,以及系列書籍名稱。照片形狀采用圓形輪廓,與版面中其余元素產生呼應關系,系列名稱與色塊結合,在保證識別的同時也具有強烈的圖形屬性。
根據(jù)版面中的元素信息,延展出書脊部分的編排,這個書籍封面的設計就至此告一段落了,接下來我們看一下展示效果。
這是一場以鋼琴旋律加上馬戲于一身的戲劇演出,演奏家會以各種反常規(guī)的角度進行表演,其中充滿了夢幻與藝術感。這里我提取“旋轉”和“木馬”作為主視覺的切入點,將“木馬”視覺化處理,通過旋轉得出軌跡輪廓,并賦予夢幻的色彩來烘托畫面氛圍。
將圖形元素編排到版面中,確定好與頁面的比例關系與留白空間后,添加文字信息,將英文豎向編排在版面到左上角與右下角的位置上,成為穩(wěn)定版面的基本結構,與主體形成對角線式的構圖。
這里將英文字反黑成空心字,削弱了英文字在版面中的視覺強度,從而拉伸版面的縱深層次。并在版面右上角添加其余文字信息,多語環(huán)境下能夠給人更廣闊的區(qū)域感。版面中文字以線條的形式出現(xiàn),直線/豎線/曲線/折線的出現(xiàn)充滿了變化性,避免了過于呆板的印象。
將剩下的文字信息依次編排到版面中合適的位置上,并規(guī)范其層級大小以及文字與版面之間的比例關系。
所有元素都規(guī)范在版心中,運用網(wǎng)格系統(tǒng)規(guī)范一下元素的位置與關系后,這個版面的靜態(tài)頁面就完成了。那么在電子媒體中可以做出哪些變化呢?可以將版面中的主視覺元素處理成動態(tài)效果。
大概思路是,讓主視覺的色彩圍繞文字的軌跡,形成動態(tài)的夢幻氛圍。這里分享一下實現(xiàn)的步驟:
第①步 在PS軟件中的動作面板建立新的動作。
第②步建立色相飽和度圖層,并修改色相數(shù)值,之后結束動作錄制。(也就是說,每次觸發(fā)動作都會新建一個色相調整層)
第③步打開時間軸面板,將色彩調整層與時間軸同步,設置關鍵幀的顯示順序即可。
技法的制作就像是登山,上山的路有很多,但山頂只有一個。無論使用什么方法,只要能夠達到想要的效果就可以了,并不需要糾結于某種執(zhí)行并死記硬背,重要的是要知道這背后的邏輯。
描邊是一種強調元素結構的處理形式,在各個領域的應用都非常廣泛。不同的描邊形式能夠展現(xiàn)出不同的風格與特點。本期我們一起學習了元素描邊的技巧以及各種表現(xiàn)形式,也知道了描邊的不同樣式對最終呈現(xiàn)所造成的影響以及不同比例字號下,便于閱讀的描邊方法。熟練掌握描邊的技巧,能夠有效解決設計中遇到的相關問題。最后,感謝你的觀看,希望本期的內容能夠幫助到你。

全部評論