91麻豆精品在线观看_一级做性色a爰片久久毛片免费_zzijzzij亚洲日本少妇jizjiz_国产日产欧美欧韩在线_日本高清在线www3344

大多數(shù)時候，站長在做網(wǎng)站都是奔著網(wǎng)站外觀大方、功能齊全去的，不過有些站長卻希望自己的網(wǎng)站能夠看上去更有趣、更具個性化色彩。手繪元素就是在這個時候被引入進網(wǎng)頁設(shè)計之中的，因為它可以用來增強網(wǎng)頁設(shè)計的吸引力，營造輕松、和諧的氛圍，傳遞愉快、自由的情緒。近些年來，手繪元素在網(wǎng)站中使用地越來越頻繁，差不多成了一種設(shè)計趨勢。那么在網(wǎng)頁設(shè)計中，手繪元素通常扮演什么樣的角色，又能起到哪些作用呢?今天小飛主要就這一主題展開探究一下，希望大家看完之后對手繪元素有更加深刻的認識和理解。

　　1. 分隔區(qū)塊

　　不少站長擔心在網(wǎng)站中使用手繪元素會破壞網(wǎng)站的整體和諧美感，其實手繪元素幾乎可以和各種視覺元素組合使用。它可以同圖片、視頻組合使用，可以給留白增加視覺焦點，甚至可以出現(xiàn)在文本附近。也因此，設(shè)計師經(jīng)常使用手繪元素去分隔不同內(nèi)容區(qū)塊或不同區(qū)域。這是因為，一方面，手繪元素本身擁有不錯的融入感，放在網(wǎng)頁中不會顯得過于突兀。另一方面，手繪元素具有一定的個性化特征，不僅能讓區(qū)域之間界限分明，還能讓這分隔的留白不顯得單調(diào)。用手繪元素分割不同區(qū)塊有助于保持整個頁面設(shè)計的節(jié)奏感。

　　2. 服務(wù)于用戶交互

　　手繪元素還可以讓網(wǎng)站中的交互變得更加有趣。不管是將它作為加載動畫還是網(wǎng)頁設(shè)計交互體驗的一部分(許多網(wǎng)站已經(jīng)開始使用)，手繪元素這種設(shè)計技巧能夠很好的引起用戶的興趣，發(fā)揮自己的優(yōu)勢。

　　Real Estate Stained Glass網(wǎng)站在運用手繪元素引起用戶互動方面就很出色。當你登入這個網(wǎng)站，點擊開始時，用戶可以通過移動鼠標給物體上色。盡管網(wǎng)頁上有很多手繪元素，但整個涂鴉的過程十分順暢，填充的顏色會適時出現(xiàn)在頁面中，這種沉浸式的體驗?zāi)軌蚱鸬骄S系用戶的作用。

　　3. 手繪字體

　　有時候最好用的手繪字體并不一定是手繪出來的。不少模仿手繪風(fēng)格的字體就很流行，它們尤其適用于展示性質(zhì)的網(wǎng)站。手繪字體或者說手繪風(fēng)格的字體常常有更輕盈、更人性化的感覺(這是因為用戶易于帶入自己的情感)。當然，要想手繪字體能夠發(fā)揮出自己的積極作用，我們一定要保證它的可讀性，實現(xiàn)字體美感和可讀性之間的平衡。

　　Tradewinds Hotel網(wǎng)站的標題就挑選了一款簡約的草書字體，字體足夠大，用戶容易辨認。其他位置使用的字體也是選用了簡潔的無襯線樣式，與標題字體形成對比，不僅突出強調(diào)了手繪字體，還保證了良好的可讀性，便于用戶理解網(wǎng)站內(nèi)容。

　　4. 強化視覺效果

　　上面說的手繪元素在網(wǎng)頁中都起到了一定的功能性作用。但這還有一些手繪元素純粹是服務(wù)于用戶感官效果的。在網(wǎng)站中零星地點綴著一些手繪元素，它們可以呈現(xiàn)其他方法難以實現(xiàn)的微妙、有趣的視覺效果。

　　Mother’s Brewing就是這樣做的。網(wǎng)站首頁上使用了巨大的手繪心型圖標;其他頁面中也有手繪元素的運用，一些很明顯，一些比較隱蔽;每個CTA按鈕都是手繪的絲帶樣式。背景上的元素和滑動元素上重疊，填滿了網(wǎng)頁上沉寂的空白，手繪元素的使用讓整個網(wǎng)站在視覺上十分引人注意。

　　5. 營造氛圍

　　手繪設(shè)計元素常常更加輕松、歡快。它們可以在幾乎任何網(wǎng)站中發(fā)揮自己的這種特點，你在網(wǎng)站使用的手繪元素越多，網(wǎng)站會顯得越輕快，用戶在瀏覽時的情緒也不會太差。

　　Signs for Science網(wǎng)站就利用了手繪元素讓網(wǎng)站充滿童趣(當然，這種效果也要在一定程度上歸功于網(wǎng)站配色的應(yīng)用)。不過，從網(wǎng)站字體、圖標再到下劃線，手繪元素讓整個網(wǎng)站保持了一致的基調(diào)，網(wǎng)站顯得創(chuàng)造力十足、足夠輕盈，這也更能鼓舞用戶與網(wǎng)站產(chǎn)生互動。

　　6. 展示創(chuàng)意

　　手繪設(shè)計元素還可以用來展示網(wǎng)站的創(chuàng)意，這尤其適用設(shè)計師作品集的展示網(wǎng)站。這些手繪元素可以讓用戶集中了解設(shè)計師想法的產(chǎn)生，設(shè)計的具體過程。

　　The Feebles網(wǎng)站首頁上就使用了手繪元素，右圖展示了設(shè)計師的創(chuàng)作過程。除此以外，首頁左上方還有一個手繪Logo，十分俏皮。

　　7. 手繪圖標和Logo

　　手繪圖標和Logo可能是最受歡迎的手繪元素了，他們最具代表性的特點就是不對稱、不規(guī)則。也正是這些細節(jié)上的差別讓它們極富個性，十分迷人。

　　從嚴格意義上來說，Higher Ground網(wǎng)站中的圖標算不上手繪Logo，但是其使用了襯線字體搭配波浪紋的裝飾，呈現(xiàn)出手繪Logo的特點。

　　8. 動態(tài)手繪效果

　　在這個動效大行其道的今天，手繪元素最終也難逃動畫效果的"魔爪"。動態(tài)的手繪元素，無疑擁有更強的娛樂趣味，在增強網(wǎng)站轉(zhuǎn)化率、延長用戶停留時間上有其他設(shè)計元素所不可比擬的優(yōu)勢。

　　Long Story Short就在網(wǎng)頁設(shè)計上沿用了這樣的思路。網(wǎng)站Logo 使用了動態(tài)的手繪字體，而且還借用快速的視頻播放，將它們其他品牌設(shè)計項目快速地展現(xiàn)出來。