- 中文版Photoshop淘寶網(wǎng)店設(shè)計(jì)入門與提高
- 周嘉
- 2683字
- 2019-12-05 11:35:17
1.8 文字的重要表現(xiàn)
在網(wǎng)店設(shè)計(jì)中,文字的表現(xiàn)與商品展示同等重要,它可以對商品、活動和服務(wù)等信息進(jìn)行及時(shí)的說明和指示,并且通過合理的設(shè)計(jì)和編排,讓信息的傳遞更加準(zhǔn)確。
1.8.1 常見的字體
字體風(fēng)格形式多變,如何利用文字進(jìn)行有效設(shè)計(jì)與運(yùn)用,是把握字體最為關(guān)鍵的問題。對文字的風(fēng)格與表現(xiàn)形式有詳細(xì)的了解,有助于我們進(jìn)行字體的設(shè)計(jì)。常見的字體有多種外形,規(guī)整體、線性體、手寫體和花飾等,不同的字體可以表現(xiàn)出不同的風(fēng)格,在網(wǎng)店設(shè)計(jì)中的應(yīng)用也各不相同。
1.規(guī)整體
利用標(biāo)準(zhǔn)、整齊外形的字體,可以表現(xiàn)出一種規(guī)整的感覺,這樣的字體是網(wǎng)店設(shè)計(jì)中常用的字體,它能夠準(zhǔn)確、直觀地傳遞出商品或店鋪的信息。在網(wǎng)店的版面構(gòu)成中,利用規(guī)整的文字,調(diào)整字體間的排列間隔,結(jié)合不同長短的文字可以很好地表現(xiàn)出畫面的節(jié)奏感,給人大氣、端正的印象。在特價(jià)廣告中,使用工整的文字對細(xì)節(jié)進(jìn)行說明,讓畫面信息傳遞更準(zhǔn)確、及時(shí),同時(shí)讓畫面顯得飽滿,張弛有度,如圖1-29所示。
2.線性體
線性的字體是指文字的筆畫每個(gè)部分的寬窄都相當(dāng),表現(xiàn)出一種簡潔、明快的感覺,在網(wǎng)店設(shè)計(jì)中較為常用。常用的線性字體有“幼園”“方正細(xì)圓簡體”等,以纖細(xì)的線條來修飾清爽的畫面,通過線性的字體與之相配,突顯出文字精致、簡潔的視覺效果,兩者之間風(fēng)格一致,給人留下明快、清爽的印象,如圖1-30所示。
圖1-29
圖1-30
3.手寫體
手寫體,顧名思義就是指手寫風(fēng)格的字體,手寫體的形式因人而異,帶有較為強(qiáng)烈的個(gè)人色彩。在網(wǎng)店設(shè)計(jì)中使用手寫體,可以表現(xiàn)出一種不可模仿的隨意和不受局限的自由性,有時(shí)為了迎合整個(gè)畫面的設(shè)計(jì)風(fēng)格,適當(dāng)?shù)厥褂檬謱戵w可以讓店鋪的風(fēng)格表現(xiàn)得更加淋漓盡致。但是手寫體在設(shè)計(jì)中最好與其他字體搭配使用,如果大段文字都使用手寫體,很容易產(chǎn)生視覺上的審美疲勞,圖1-31展示出了濃濃節(jié)日原汁原味的自然風(fēng)情。
手寫體也會因?yàn)轭}材不同而表現(xiàn)得不同,如在表現(xiàn)兒童的天真、活潑時(shí),帶有童趣色彩的文字最合適不過,利用色彩鮮艷且筆畫逗趣的文字,可以表現(xiàn)出可愛的個(gè)性特征,也讓畫面顯得更加輕松有趣,如圖1-32所示。
圖1-31
圖1-32
除了以上介紹的幾種較為常用的字體以外,還有書法體、圖形文字和意象文字等,它們的外形都各自有各自的特點(diǎn),且風(fēng)格迥異。不論什么外形的字體,在進(jìn)行店鋪設(shè)計(jì)的過程中,只要與畫面的風(fēng)格或者想要表達(dá)的意境相同,就能獲得滿意的視覺效果,同時(shí)傳遞出文字本身所具有的準(zhǔn)確信息。
1.8.2 文字的編排
眾所周知,在網(wǎng)店設(shè)計(jì)中添加必要的文字信息除了有傳播信息的作用外,還讓畫面布局變得有條理,同時(shí)提高了整體內(nèi)容的表述力,從而利于顧客進(jìn)行有效閱讀以及接收其主題信息。在實(shí)際的設(shè)計(jì)過程中,不僅需要考慮整體編排的規(guī)整性,還要適當(dāng)?shù)丶尤霂в醒b飾性的設(shè)計(jì)元素,以提升畫面的美觀性,讓文字編排更具有設(shè)計(jì)感。
在文字的編排設(shè)計(jì)中,為了使設(shè)計(jì)出來的網(wǎng)店畫面能夠達(dá)到理想中的視覺效果,應(yīng)當(dāng)對文字的編排準(zhǔn)則進(jìn)行深入了解。根據(jù)排列要求的不同,我們將編排準(zhǔn)則歸納為3個(gè)部分,其一是文字描述必須符合版面主題的要求,即準(zhǔn)確性;其二是段落排列的易讀性;其三則是布局的審美性。
1.準(zhǔn)確性
在網(wǎng)店設(shè)計(jì)中,編排文字的準(zhǔn)確性不僅指文字所表述的信息要達(dá)到主題內(nèi)容的要求,還要求整體排列風(fēng)格符合設(shè)計(jì)對象的形象。只有當(dāng)文字內(nèi)容與排列樣式都達(dá)到畫面主題的標(biāo)準(zhǔn)時(shí),才能保證版面文字能夠準(zhǔn)確無誤地傳達(dá)信息。在新品促銷的廣告中,使用簡潔的詞組來對商品名稱和信息進(jìn)行介紹,讓詞組與圖片產(chǎn)生關(guān)聯(lián)性,同時(shí)利用文字的準(zhǔn)確描述來提高顧客對商品的認(rèn)識和理解,如圖1-33所示。
圖1-33
2.易讀性
所謂編排的易讀性,是指通過特定的排列方式,使文字能在閱讀上給顧客帶來順?biāo)臁⒘鲿车母杏X。在網(wǎng)店的設(shè)計(jì)中,可以通過多種方式來增強(qiáng)位置的易讀性,如寬松的文字間隔、設(shè)置大號字體和多種不同字體進(jìn)行對比閱讀等,這些做法都能讓段落文字之間產(chǎn)生一定的差異,使文字的信息主次清晰,讓顧客容易抓住信息的重點(diǎn)。店鋪海報(bào)設(shè)計(jì)中,經(jīng)常會看到刻意將版面中的部分文字設(shè)定為大號字體,并配以適當(dāng)?shù)拈g距,同時(shí)使用修飾元素對文字的信息進(jìn)行分割,使它們的閱讀性得到了提高,如圖1-34所示。
圖1-34
在網(wǎng)店設(shè)計(jì)的文字編排中,編排的方式是多種多樣的,而且不同的排列樣式所帶來的視覺效果也是不同的,根據(jù)設(shè)計(jì)的需要選擇合理的編排方式,有助于整體信息的傳達(dá)。需要注意的是,在進(jìn)行文字的編排時(shí),還應(yīng)考慮它本身的結(jié)構(gòu)特點(diǎn)以及段落文字的數(shù)量,如當(dāng)文字的數(shù)量過多并且均屬于小號字體時(shí),就可以采用首字突出來提升整段文字的注目度。
3.審美性
審美性是指文字編排在視覺上的美觀度,美感是所有設(shè)計(jì)工作中的重要因素,其作用是借用事物的美感來打動顧客,使其對畫面中的信息和商品產(chǎn)生興趣。為了滿足編排設(shè)計(jì)的審美性,會對字體本身添加一些帶有藝術(shù)性的設(shè)計(jì)元素,從結(jié)構(gòu)上增添它的美感。圖1-35所示的網(wǎng)店主題設(shè)計(jì)中,通過添加可愛的設(shè)計(jì)元素,將其與單一的文字組合在一起,利用色彩之間的設(shè)計(jì)和位置的巧妙安排,增強(qiáng)其趣味性,也提升了整個(gè)文字的藝術(shù)性。
圖1-35
小提示
網(wǎng)店設(shè)計(jì)的文字編排中,通過加入藝術(shù)字體來提升畫面整體的藝術(shù)性,可以給顧客以美的感受。值得注意的是,藝術(shù)字體的表達(dá)內(nèi)容與風(fēng)格必須與整個(gè)版面的主題以及文字本身的內(nèi)容相符,否則徒有美感的文字設(shè)計(jì),只會給人帶來如曇花一現(xiàn)般的視覺感受。
1.8.3 增加字體的感覺
為了增強(qiáng)網(wǎng)店設(shè)計(jì)頁面中閱讀的可讀性與趣味性,設(shè)計(jì)時(shí)要將富有設(shè)計(jì)感的字體樣式融入畫面中,并且這些充滿想象力的字體設(shè)計(jì),還能起到打破傳統(tǒng)編排在布局上的呆板感。在實(shí)際的裝修設(shè)計(jì)過程中,我們可以通過多種方式來提升文字在結(jié)構(gòu)上的設(shè)計(jì)感及設(shè)計(jì)深度,如運(yùn)用圖形、肌理和描邊等輔助元素,讓文字的表現(xiàn)更加豐富。
1.連體字讓文字整體感增強(qiáng)
連體字就是通過尋找單個(gè)字之間存在聯(lián)系的筆畫,通過特定的線條或者形狀將其連接在一起,制作出自然、流暢的文字效果。圖1-36所示為網(wǎng)站首頁歡迎模塊的標(biāo)題文字,通過將部分筆畫進(jìn)行連接,把文字緊密聯(lián)系在一起,使其呈現(xiàn)出一個(gè)完整的外形,更顯精致與大氣。
2.立體字表現(xiàn)出強(qiáng)烈的空間感
立體字是在設(shè)計(jì)的過程中通過添加修飾形狀或者陰影的方式,使字體產(chǎn)生出空間感,再經(jīng)過文字色彩及明暗的調(diào)整,使文字的立體感增強(qiáng)。圖1-37所示為網(wǎng)店設(shè)計(jì)中使用立體字設(shè)計(jì)的效果,通過立體字的添加,讓文字表達(dá)力增強(qiáng),同時(shí)讓畫面的氣勢得到提升。
3.利用設(shè)計(jì)元素裝飾輔助文字
在網(wǎng)店設(shè)計(jì)的過程中,設(shè)計(jì)和制作連體字和立體字會花費(fèi)較長的時(shí)間,很多時(shí)候,只要合理地運(yùn)用字體的變化,以及添加恰當(dāng)?shù)难b飾元素,輔助文字的表現(xiàn),也能實(shí)現(xiàn)很好的文字創(chuàng)意設(shè)計(jì)效果。圖1-38所示的就是在文字設(shè)計(jì)中通過添加素材圖案,來增加字體的色差效果,從而使文字的表現(xiàn)更具吸引力。
圖1-36
圖1-37
圖1-38
- 持續(xù)演進(jìn)的Cloud Native:云原生架構(gòu)下微服務(wù)最佳實(shí)踐
- Word-Excel-PowerPoint 2010三合一從新手到高手(超值版)
- Premiere Pro 2022短視頻剪輯、調(diào)色與特效制作實(shí)戰(zhàn)(全彩微課版)
- AutoCAD 2014 中文版從入門到精通
- Authorware應(yīng)用案例教程
- Photoshop案例實(shí)戰(zhàn)從入門到精通
- Puppet 2.7 Cookbook
- Drupal 6 Panels Cookbook
- 中文版Rhino 5.0完全自學(xué)教程(第3版)
- BackTrack 5 Wireless Penetration Testing Beginner's Guide
- 中文版Photoshop CS6全能修煉圣經(jīng)(移動學(xué)習(xí)版)
- Visio圖形設(shè)計(jì)從新手到高手(兼容版)
- Word-Excel-PowerPoint 2010三合一辦公應(yīng)用實(shí)戰(zhàn)從入門到精通(超值版)
- 神奇的中文版Photoshop CC 2017入門書
- 這樣學(xué)Excel數(shù)據(jù)處理與分析更高效(視頻版)