網(wǎng)站設(shè)計(jì)通過(guò)八種方式充分利用手寫(xiě)字體
無(wú)論是平面設(shè)計(jì)還是網(wǎng)頁(yè)設(shè)計(jì),手寫(xiě)字體的使用大部分都是以大規(guī)?;蛘叽蟪叽绯霈F(xiàn)的。 從自定義選項(xiàng)到可以在線同步或?yàn)榇蛴№?xiàng)目購(gòu)買(mǎi)的字體,這種出租風(fēng)格頗受歡迎。死魚(yú)手寫(xiě)字體來(lái)說(shuō),最時(shí)尚的用途是在主頁(yè)設(shè)計(jì)中用于主視覺(jué)圖的主要標(biāo)題元素。
這種風(fēng)格可能很難使用,并且大部分網(wǎng)站設(shè)計(jì)并不支持這種風(fēng)格,也不能適合所有的設(shè)計(jì)解決方案。今天我們來(lái)看看網(wǎng)站設(shè)計(jì)項(xiàng)目中通過(guò)八種方式來(lái)充分利用手寫(xiě)字體。
1、創(chuàng)建藝術(shù)元素

手寫(xiě)風(fēng)格的字體在實(shí)際的網(wǎng)站建設(shè)中面臨的最大挑戰(zhàn)之一與實(shí)際的真實(shí)筆跡相同——可讀性或許是一個(gè)真正的問(wèn)題。這個(gè)簡(jiǎn)單的事實(shí)使得在設(shè)計(jì)中更多的關(guān)注類(lèi)型層次結(jié)構(gòu)就顯得很重要了,其中手寫(xiě)字體較少關(guān)于文本,更多的是關(guān)于整體的網(wǎng)頁(yè)設(shè)計(jì)。使用這種類(lèi)型的風(fēng)格作為藝術(shù)元素是中間的解決方案。
如果使用可能不可讀的字體可能使網(wǎng)頁(yè)設(shè)計(jì)的整體視覺(jué)可以得到很大的提升的話,你需要做的就是盡可能的使它們更大,但僅限于幾個(gè)字,甚至是字符。
Griflan的網(wǎng)站設(shè)計(jì)在他們的主頁(yè)的照片上做了很好的示范,他們使用了標(biāo)志性的手寫(xiě)字體。手寫(xiě)字體能很好的將眼睛吸引到網(wǎng)站中,所以你首先會(huì)先看到商家的名稱,然后查看創(chuàng)意團(tuán)隊(duì)的照片。字體設(shè)計(jì)中的鳥(niǎo)也是一個(gè)很好的元素,它增加了設(shè)計(jì)的素描風(fēng)格。
2、謹(jǐn)慎使用手寫(xiě)字體

因?yàn)槭謱?xiě)字體可能出現(xiàn)可讀性的問(wèn)題,不過(guò)它們?cè)谝曈X(jué)表現(xiàn)力上還是很有趣的,所以你需要謹(jǐn)慎地使用它們(如果難理解的話,你可以想象一下讀一本用手寫(xiě)的整本書(shū))。
Island的網(wǎng)頁(yè)設(shè)計(jì)上采用了一個(gè)比上面的例子更好的方法,他在網(wǎng)站首頁(yè)設(shè)計(jì)其余部分簡(jiǎn)單的排版方式的基礎(chǔ)上,于中間的視覺(jué)焦點(diǎn)區(qū)使用了手寫(xiě)字體。另外值得一提的是,“特殊字體”被用作與頁(yè)面之外的卡片樣式鏈接,以創(chuàng)建與設(shè)計(jì)良好的一致性。
3、考慮使用草書(shū)之外的字體

當(dāng)有人說(shuō)手寫(xiě)字體時(shí),首先想到的是通常是草書(shū)字體的形象。但它不一定是。
手寫(xiě)風(fēng)格包括任何可以手繪的東西。雖然這包括草書(shū)選項(xiàng),它還包括塊字體、描風(fēng)格,“Sharpie”標(biāo)記外觀和大量的其他選擇。
Stop Smoking Wales在其網(wǎng)站首頁(yè)設(shè)計(jì)中使用手寫(xiě)風(fēng)格字體與許多有趣的元素。草圖樣式的字體使用是一種大膽的嘗試,顏色增加了很大的影響。仔細(xì)觀察,該設(shè)計(jì)中的手寫(xiě)字體有兩種用途:頂部心臟標(biāo)志中的字母更多是以標(biāo)記的樣式出現(xiàn),來(lái)表示下面的粗體類(lèi)型。
4、嘗試與在關(guān)于孩子們的設(shè)計(jì)項(xiàng)目中使用

簡(jiǎn)單的手寫(xiě)風(fēng)格字體可以富含樂(lè)趣和創(chuàng)意。沒(méi)有什么比在兒童項(xiàng)目中使用它們更好的方法了?在這里,特別關(guān)心你的觀眾就顯得很重要了。關(guān)于這個(gè)設(shè)計(jì)是關(guān)于一個(gè)孩子的設(shè)計(jì)還是為成年人而設(shè)計(jì)的,還是為了讓孩子們能自己閱讀?
你選擇的字體風(fēng)格需要取決于上述的答案。請(qǐng)記住,年齡較小的孩子能夠閱讀和理解塊狀或黑板風(fēng)格,但是否能理解草書(shū),就具有很大的爭(zhēng)議了。大人可以欣賞任何選擇或字體的組合,例如Skylark English for Babies,該網(wǎng)站使用有趣的手寫(xiě)風(fēng)格組合字體來(lái)設(shè)置其學(xué)習(xí)計(jì)劃的基調(diào)。
5、在你的名稱上使用它們

手寫(xiě)字體可以作為你(或你的品牌)簽名。所以,通過(guò)使用手寫(xiě)風(fēng)格字體可以創(chuàng)建一個(gè)獨(dú)特的標(biāo)志。這可能是一個(gè)很好的理由來(lái)訂購(gòu)一個(gè)自定義的字體,或者創(chuàng)建一個(gè)基于你自己筆法的字體設(shè)計(jì)。
這在組合型網(wǎng)站上是很受歡迎的選擇,零售商Rufus + Murdog在其網(wǎng)站設(shè)計(jì)上使用的的簽名標(biāo)志就相當(dāng)不錯(cuò)。仔細(xì)觀察,手寫(xiě)的標(biāo)識(shí)符與網(wǎng)頁(yè)設(shè)計(jì)中的其余部分和以及一些兒童服裝上使用的狗草圖都相匹配。這里的手寫(xiě)風(fēng)格特別好,是與商店中的元素配對(duì)的。
6它需要看上去像手寫(xiě)的

手寫(xiě)風(fēng)格字體需要實(shí)際上看起來(lái)就像手寫(xiě)的那樣(你不會(huì)想最終得到像漫畫(huà)Sans這樣的手寫(xiě)和排版的諷刺的東西,對(duì)嗎?)
Creatures Features在其網(wǎng)站設(shè)計(jì)中的應(yīng)用就是一個(gè)很好的例子,因?yàn)樵摼W(wǎng)站提供了幾種不同的手寫(xiě)風(fēng)格字體,這會(huì)讓每個(gè)人覺(jué)得看起來(lái)像有人在屏幕上制作筆記或勾畫(huà)出一個(gè)想法。字體具有不完美的線條,并且看起來(lái)像你通過(guò)鋼筆或鉛筆描繪的那樣。
使手寫(xiě)字體看上去像真的的另一個(gè)技巧是避免重復(fù)字母。重復(fù)的字母在排版中總是看起來(lái)一樣的,但是在實(shí)際的手寫(xiě)過(guò)程中很少是相同的。這是一個(gè)小細(xì)節(jié),但足夠成為一個(gè)挑戰(zhàn)。
7、寫(xiě)作強(qiáng)調(diào)

顏色或大小可以創(chuàng)造很大的對(duì)比度,并強(qiáng)調(diào)具體的話語(yǔ),所以可以將它們很好的用在手寫(xiě)字體中。就像你在設(shè)計(jì)中思考紅色或橙色哪一個(gè)顯得最重要一樣,你可以通過(guò)改變排版來(lái)創(chuàng)建相同的效果。
TaDah的網(wǎng)站設(shè)計(jì)就展示了這個(gè)方法的獨(dú)特魅力。當(dāng)你登陸網(wǎng)站時(shí),首先看到的是“豐富的靈魂”這個(gè)詞,當(dāng)你在設(shè)計(jì)中瀏覽查看時(shí),該詞組為你閱讀的其他所有內(nèi)容設(shè)定了基調(diào)。手寫(xiě)主題也通過(guò)設(shè)計(jì)的其余部分進(jìn)行,但是在背景中卻以和強(qiáng)調(diào)相反的方式進(jìn)行。這種陰陽(yáng)概念是有效和具有視覺(jué)吸引力的。
8、增加一點(diǎn)意外的樂(lè)趣

到目前為止,手寫(xiě)風(fēng)格排版的許多用途都是設(shè)計(jì)中最大和最大膽的字體。你也可以想想如何以更加意想不到的方式使用此樣式,例如較小的元素,導(dǎo)航或甚至作為強(qiáng)調(diào)元素。
Estate Trentham以獨(dú)特的方式使用手寫(xiě)風(fēng)格,使你想在頁(yè)面上完成點(diǎn)擊。每個(gè)手寫(xiě)元素實(shí)際上是幾乎隱藏的主導(dǎo)航中的鏈接。單擊導(dǎo)航菜單,查看每個(gè)單詞如何對(duì)應(yīng)并連接到導(dǎo)航。當(dāng)擴(kuò)展時(shí),在導(dǎo)航中使用相同的字體是同樣好的效果。
總結(jié)
盡管擁有時(shí)尚的外觀,手寫(xiě)風(fēng)格字體的使用卻可能不能在你的網(wǎng)頁(yè)設(shè)計(jì)的內(nèi)容文本中看到,這絕對(duì)不是最好地利用這個(gè)趨勢(shì)的方式。通過(guò)八種方法來(lái)嘗試手寫(xiě)樣式字體,我們希望你能夠獲得一些靈感并加以應(yīng)用在你的下一個(gè)網(wǎng)頁(yè)設(shè)計(jì)項(xiàng)目中。使用手寫(xiě)風(fēng)格時(shí),最后一點(diǎn)小提示:記住要保持其余的設(shè)計(jì)簡(jiǎn)單。手寫(xiě)風(fēng)格通常以黑色或白色最佳,背景不要太雜亂,具備的元素也不要過(guò)多。
相關(guān)閱讀:
UI設(shè)計(jì)師必看:詳解最全面的組件化開(kāi)發(fā)與設(shè)計(jì)指南
相關(guān)文章

全畫(huà)幅不是半畫(huà)幅的兩倍有什么區(qū)別? 聊聊相機(jī)的傳感器尺寸
說(shuō)到相機(jī)畫(huà)幅,估計(jì)平時(shí)聽(tīng)到最多的可能就是全畫(huà)幅與半畫(huà)幅了,以至于不少人認(rèn)為中畫(huà)幅比全畫(huà)幅要小,為了避免這種常識(shí)性錯(cuò)誤,這篇文章就來(lái)和大家說(shuō)說(shuō)相機(jī)的不同畫(huà)幅,所謂2025-04-07
a5紙與a4紙?jiān)趺催x? a5紙與a4的區(qū)別介紹
4紙和A5紙因其尺寸適中,使用尤為廣泛,但你知道它們之間有何區(qū)別嗎?今天,就讓我們一起來(lái)探討這個(gè)話題2025-02-01
各類(lèi)商務(wù)印刷品的尺寸怎么選? 印刷設(shè)計(jì)常用的尺寸紙張/克重都在這里了
日常經(jīng)常印刷各種東西,哪些尺寸,紙張更合適呢?本文為大家整理了常用印刷尺寸,方便圖文廣告店、印企在日常接單生產(chǎn)中能夠快速掌握客戶關(guān)鍵性信息,詳細(xì)請(qǐng)看下文介紹2024-02-10
常用照片尺寸有哪些 常見(jiàn)證件照尺寸對(duì)照表及用途介紹
現(xiàn)如今,證件照已成為我們生活中不可或缺的一部分,無(wú)論是求職應(yīng)聘,還是入學(xué)注冊(cè),亦或是辦理各種證件,都需要提交符合規(guī)定格式和要求的證件照,那么,這些證件照的尺寸和2024-02-10
平面設(shè)計(jì)是一個(gè)注重視覺(jué)效果的設(shè)計(jì),簡(jiǎn)單的排版方式有時(shí)候不能滿足視覺(jué)突出的效果,業(yè)務(wù)很難達(dá)到吸引用戶的眼球,下面我們就來(lái)看看8個(gè)平面設(shè)計(jì)技巧分享2023-10-08
如何選擇平面設(shè)計(jì)工具? 這10款軟件應(yīng)該收入囊中
每個(gè)設(shè)計(jì)師都有自己最喜歡的設(shè)計(jì)軟件,并把軟件作為自己的第二語(yǔ)言,今天我們來(lái)推薦10款UI設(shè)計(jì)不可或缺的工具,詳細(xì)請(qǐng)看下文介紹2023-10-08
夏日電影風(fēng)怎么調(diào)色調(diào)色? 適合夏季的柔和綠色調(diào)調(diào)色分享
夏日電影風(fēng)怎么調(diào)色調(diào)色?夏天快到了,想要調(diào)節(jié)夏季電影風(fēng)的畫(huà)面,該怎么操作呢?下面我們就來(lái)看看適合夏季的柔和綠色調(diào)調(diào)色分享2023-04-02
什么是真RAW 什么是偽RAW? 簡(jiǎn)單說(shuō)說(shuō)真 RAW 和 偽RAW
隨著索尼α7RV(ILCE-7RM5)正式發(fā)售,近期有不少網(wǎng)友跟我咨詢索尼相機(jī)“無(wú)損壓縮(M)”和“無(wú)損壓縮(S)”RAW的問(wèn)題,今天做一個(gè)統(tǒng)一答復(fù)2022-12-24
手機(jī)UI設(shè)計(jì)尺寸有哪些? 超全面的UI元素尺寸設(shè)置指南
手機(jī)UI設(shè)計(jì)尺寸有哪些?作為新手在設(shè)計(jì)手機(jī)ui的頁(yè)面的時(shí)候,發(fā)現(xiàn)自己設(shè)計(jì)的尺寸都很奇怪,如果能有元素尺寸介紹就好了,下面就來(lái)看看我們匯總的超全面的UI元素尺寸設(shè)置指南2021-08-06
常用照片尺寸有哪幾個(gè)? 照片標(biāo)準(zhǔn)尺寸/像素對(duì)照表匯總
常用照片尺寸有哪幾個(gè)?我們經(jīng)常說(shuō)一寸照片,二寸照片,這些照片的尺寸是怎么計(jì)算的?下面我們就來(lái)看看照片標(biāo)準(zhǔn)尺寸/像素對(duì)照表匯總2021-08-06









