手繪區(qū)域就是在這個時候被引入進網(wǎng)頁視覺之中的,因為它可以用來增強網(wǎng)頁視覺的吸引力,營造輕松、和諧的氣氛,傳遞愉快、自由的情緒。近些年來,手繪區(qū)域在網(wǎng)站中使用地越來越頻繁,差不多成了一種設計趨勢。
那么在網(wǎng)頁視覺中,手繪區(qū)域通常扮演什么樣的角色,又能起到哪些熏染呢?今天小編主要就這一主題展開探究一下,希望大家看完之后對手繪區(qū)域有更加深刻的認識和理解?! ?/p>
1. 分隔區(qū)塊 不少網(wǎng)站主擔心在網(wǎng)站中使用手繪區(qū)域會破壞網(wǎng)站的整體和諧美感,其實手繪區(qū)域幾乎可以和各種視覺元素組合使用。它可以同圖片、視頻組合使用,可以給留白攀升視覺焦點,甚至可以出現(xiàn)在文本附近。也因此,設計師經(jīng)常使用手繪區(qū)域去分隔不同文字區(qū)域或不同區(qū)域。這是因為,一方面,手繪區(qū)域本身擁有不錯的內嵌式,放在網(wǎng)頁中不會顯得過于突兀。另一方面,手繪區(qū)域具有一定的個性化特征,不僅能讓區(qū)域之間界限分明,還能夠讓這分隔的留白不顯得單調。用手繪區(qū)域分割不同區(qū)塊能輔助保持整個網(wǎng)頁設計的節(jié)奏感?! ?/p>
2. 服務于交流力 手繪區(qū)域一般合適讓網(wǎng)站中的交流變得更加非常有趣。不管是將它作為加載動畫還是網(wǎng)頁視覺交流感觸的一許多(一些網(wǎng)站已經(jīng)開始使用),手繪區(qū)域這種設計技巧能夠很好的引起用戶的興趣,發(fā)揮自己的優(yōu)勢?! eal Estate Stained Glass網(wǎng)站在運用手繪區(qū)域引起用戶交流方面就很出色。當你登入這個網(wǎng)站,點擊開始時,用戶可以通過移動鼠標給物體上色。盡管網(wǎng)頁上有很多手繪區(qū)域,但整個涂鴉的過程十分順暢,填充的顏色會適時出現(xiàn)在頁面中,這種沉浸式的感觸能夠起到維系用戶的熏染?! ?/p>
3. 手繪字體 有時候最好用的手繪字體并不一定是手繪出來的。不少照搬手繪風格的字體就很流行,它們尤其一般合適展示性質的網(wǎng)站。手繪字體也許說手繪風格的字體常常有更輕盈、更人性化的感觸(這是因為用戶易于帶入自己的情感)。當然,要想手繪字體能夠發(fā)揮出自己的積極熏染,我們一定要保證它的可讀性,實現(xiàn)字體美感和可讀性之間的平衡?! radewinds Hotel網(wǎng)站的標題就遴選了一款簡約的草書字體,字體足夠大,用戶容易辨認。其他位置使用的字體也是選用了簡捷的無襯線樣式,與標題字體造成對比,不僅突出強調了手繪字體,還保證了良好的可讀性,便于用戶理解內容區(qū)域?! ?/p>
4. 強化視覺效果 上面說的手繪區(qū)域在網(wǎng)頁中都起到了一定的功能性熏染。但這還有一些手繪區(qū)域純粹是服務于用戶感官效果的。在網(wǎng)站中零星地點綴著一些手繪區(qū)域,它們可以呈現(xiàn)其他技巧難以實現(xiàn)的微妙、非常有趣的視覺效果?! other’s Brewing就是這樣做的。網(wǎng)站首頁上使用了龐大的手繪心型圖標;其他頁面中也有手繪區(qū)域的運用,一些很明顯,一些比較隱蔽;每個CTA按鈕都是手繪的絲帶樣式。背景上的元素和滑動元素上重疊,填滿了網(wǎng)頁上沉寂的空白,手繪區(qū)域的使用讓整個網(wǎng)站在視覺上十分引人注意?! ?/p>
5. 營造氣氛 手繪手繪設計常常更加輕松、歡快。它們可以在幾乎任何網(wǎng)站中發(fā)揮自己的這種罕見之處,你在網(wǎng)站使用的手繪區(qū)域越多,網(wǎng)站會顯得越輕快,用戶在閱讀時的情緒也不會太差。