手繪頁面在(zài)網頁視覺中的(de)8大(dà)使用方法

手繪區域就(jiù)是(shì)在(zài)這(zhè)個(gè)時(shí)候被引入進網頁視覺之(zhī)中的(de)，因爲(wéi / wèi)它可以(yǐ)用來(lái)增強網頁視覺的(de)吸引力，營造輕松、和(hé / huò)諧的(de)氣氛，傳遞愉快、自由的(de)情緒。近些年來(lái)，手繪區域在(zài)網站中使用地(dì / de)越來(lái)越頻繁，差不(bù)多成了(le／liǎo)一(yī / yì ／yí)種設計趨勢。

那麽在(zài)網頁視覺中，手繪區域通常扮演什麽樣的(de)角色，又能起到(dào)哪些熏染呢?今天小飛主要(yào / yāo)就(jiù)這(zhè)一(yī / yì ／yí)主題展開探究一(yī / yì ／yí)下，希望大(dà)家看完之(zhī)後對手繪區域有更加深刻的(de)認識和(hé / huò)理解。　　

1. 分隔區塊　　不(bù)少網站主擔心在(zài)網站中使用手繪區域會破壞網站的(de)整體和(hé / huò)諧美感，其實手繪區域幾乎可以(yǐ)和(hé / huò)各種視覺元素組合使用。它可以(yǐ)同圖片、視頻組合使用，可以(yǐ)給留白攀升視覺焦點，甚至可以(yǐ)出(chū)現在(zài)文本附近。也(yě)因此，設計師經常使用手繪區域去分隔不(bù)同文字區域或不(bù)同區域。這(zhè)是(shì)因爲(wéi / wèi)，一(yī / yì ／yí)方面，手繪區域本身擁有不(bù)錯的(de)内嵌式，放在(zài)網頁中不(bù)會顯得過于(yú)突兀。另一(yī / yì ／yí)方面，手繪區域具有一(yī / yì ／yí)定的(de)個(gè)性化特征，不(bù)僅能讓區域之(zhī)間界限分明，還能夠讓這(zhè)分隔的(de)留白不(bù)顯得單調。用手繪區域分割不(bù)同區塊能輔助保持整個(gè)網頁設計的(de)節奏感。　　　　

2. 服務于(yú)交流力　　手繪區域一(yī / yì ／yí)般合适讓網站中的(de)交流變得更加非常有趣。不(bù)管是(shì)将它作爲(wéi / wèi)加載動畫還是(shì)網頁視覺交流感觸的(de)一(yī / yì ／yí)許多(一(yī / yì ／yí)些網站已經開始使用)，手繪區域這(zhè)種設計技巧能夠很好的(de)引起用戶的(de)興趣，發揮自己的(de)優勢。　　Real Estate Stained Glass網站在(zài)運用手繪區域引起用戶交流方面就(jiù)很出(chū)色。當你登入這(zhè)個(gè)網站，點擊開始時(shí)，用戶可以(yǐ)通過移動鼠标給物體上(shàng)色。盡管網頁上(shàng)有很多手繪區域，但整個(gè)塗鴉的(de)過程十分順暢，填充的(de)顔色會适時(shí)出(chū)現在(zài)頁面中，這(zhè)種沉浸式的(de)感觸能夠起到(dào)維系用戶的(de)熏染。　　　　

3. 手繪字體　　有時(shí)候最好用的(de)手繪字體并不(bù)一(yī / yì ／yí)定是(shì)手繪出(chū)來(lái)的(de)。不(bù)少照搬手繪風格的(de)字體就(jiù)很流行，它們尤其一(yī / yì ／yí)般合适展示性質的(de)網站。手繪字體也(yě)許說(shuō)手繪風格的(de)字體常常有更輕盈、更人(rén)性化的(de)感觸(這(zhè)是(shì)因爲(wéi / wèi)用戶易于(yú)帶入自己的(de)情感)。當然，要(yào / yāo)想手繪字體能夠發揮出(chū)自己的(de)積極熏染，我們一(yī / yì ／yí)定要(yào / yāo)保證它的(de)可讀性，實現字體美感和(hé / huò)可讀性之(zhī)間的(de)平衡。　　Tradewinds Hotel網站的(de)标題就(jiù)遴選了(le／liǎo)一(yī / yì ／yí)款簡約的(de)草書字體，字體足夠大(dà)，用戶容易辨認。其他(tā)位置使用的(de)字體也(yě)是(shì)選用了(le／liǎo)簡捷的(de)無襯線樣式，與标題字體造成對比，不(bù)僅突出(chū)強調了(le／liǎo)手繪字體，還保證了(le／liǎo)良好的(de)可讀性，便于(yú)用戶理解内容區域。　　　　

4. 強化視覺效果　　上(shàng)面說(shuō)的(de)手繪區域在(zài)網頁中都起到(dào)了(le／liǎo)一(yī / yì ／yí)定的(de)功能性熏染。但這(zhè)還有一(yī / yì ／yí)些手繪區域純粹是(shì)服務于(yú)用戶感官效果的(de)。在(zài)網站中零星地(dì / de)點綴着一(yī / yì ／yí)些手繪區域，它們可以(yǐ)呈現其他(tā)技巧難以(yǐ)實現的(de)微妙、非常有趣的(de)視覺效果。　　Mother’s Brewing就(jiù)是(shì)這(zhè)樣做的(de)。網站首頁上(shàng)使用了(le／liǎo)龐大(dà)的(de)手繪心型圖标;其他(tā)頁面中也(yě)有手繪區域的(de)運用，一(yī / yì ／yí)些很明顯，一(yī / yì ／yí)些比較隐蔽;每個(gè)CTA按鈕都是(shì)手繪的(de)絲帶樣式。背景上(shàng)的(de)元素和(hé / huò)滑動元素上(shàng)重疊，填滿了(le／liǎo)網頁上(shàng)沉寂的(de)空白，手繪區域的(de)使用讓整個(gè)網站在(zài)視覺上(shàng)十分引人(rén)注意。　　　　

5. 營造氣氛　　手繪手繪設計常常更加輕松、歡快。它們可以(yǐ)在(zài)幾乎任何網站中發揮自己的(de)這(zhè)種罕見之(zhī)處，你在(zài)網站使用的(de)手繪區域越多，網站會顯得越輕快，用戶在(zài)閱讀時(shí)的(de)情緒也(yě)不(bù)會太差。　　

手繪頁面在(zài)網頁視覺中的(de)8大(dà)使用方法由東莞網站設計編輯 /suz/news/5206.html如需轉載請注明出(chū)處

東莞響應式網站 東莞網頁制作 東莞網頁設計 東莞小程序制作 東莞微信小程序商城 東莞網站制作 東莞小程序商城開發 東莞網站建設 肇慶網站建設 專業網站建設 河源網站建設 廣州網站建設 雲浮網站建設 中山網站建設 英文網站建設 韶關網站建設 汕尾網站建設 外貿網站建設 SEO外包 關鍵詞優化 網站托管