旗下產(chǎn)業(yè): A產(chǎn)業(yè)/?A實習/?A計劃
全國統(tǒng)一咨詢熱線:010-5367 2995
首頁 > 熱門文章 > UI設計 > 大部分網(wǎng)頁UI設計為什么都喜歡用上手繪

大部分網(wǎng)頁UI設計為什么都喜歡用上手繪

時間:2018-04-19來源:m.lb577.com點擊量:作者:馬晨皓
時間:2018-04-19點擊量:作者:馬晨皓
隨著設計使用更現(xiàn)代、更簡約、更吸引人的設計工具,手繪似乎已經(jīng)被淘汰了——也許,這就是為什么許多設計師選擇不在他們的門戶網(wǎng)站上使用手繪圖或素描的原因。難道真的是這樣嗎?

以下是一些我們認為手繪圖形應該回歸的原因。因為它是一種了不起的美學,它可以給原本平淡無奇的設計注入新的活力。

1.用于動畫和涂鴉

更多的網(wǎng)站設計開始依賴簡單的動畫 ,特別是滾動視圖動畫,它是用來突出網(wǎng)站內(nèi)容的。手繪的巧妙之處在于,它可以很方便地在屏幕上任意涂畫。例如,我們給黑白草圖填充顏色,甚至動畫還能在一張空白畫布上,自己添加顏色和涂鴉,就像真的有一位藝術家在我們眼前創(chuàng)作一樣。

Image title

例如,Higher Ground酒店的網(wǎng)站在加載時使用了手繪動畫。這是為了給瀏覽者創(chuàng)造更具互動性和吸引力的體驗,并讓他們與屏幕上的內(nèi)容產(chǎn)生聯(lián)系,它甚至可以跳轉到logo和品牌介紹頁。

2.用于任何創(chuàng)作

當你第一次考慮手繪圖形時,首先想到的就是草圖或涂鴉。然而,手繪的藝術實際上可以用來創(chuàng)建任何東西,從字體排版、分隔符號,到起到強調(diào)作用。

這是一種非常多樣的視覺風格,可以完全按照你的需要使用。例如很受歡迎的手寫字體,以簡約而現(xiàn)代感的設計脫穎而出。用墨水畫出的波浪線或分隔線在分割文本、頁面或其他段落時,看起來效果很棒。最重要的是,你甚至不需要非常有天賦才能想出一些像樣的東西,即使只是一些彎彎曲曲的線條,如果使用得當,看起來效果也很棒。

3.用手繪傳遞情緒

Image title

就像我們在介紹中指出的那樣,手繪視覺效果往往帶有更輕松、更有趣的氛圍,滲透到設計中并傳遞給網(wǎng)站的訪客。如果你想創(chuàng)建一個時尚的、腦洞大開的網(wǎng)站,那么手繪可能是不錯的選擇。Signs for Science網(wǎng)站,是我們談論的那種有趣的、吸引人的手繪視覺效果的一個很好的例子。

有趣的是,手繪還可以表現(xiàn)優(yōu)雅和高貴。黑色水墨的、細膩的手繪圖覆在純色的的背景上,甚至留有大量空白版面,結果是一個難以置信的背景圖,其優(yōu)雅和俏皮的本質(zhì)之間的對比,真實地展現(xiàn)了手繪風格的視覺自由。你可以自由地嘗試用這種風格來表達特定的情緒,營造特定的氣氛。手繪也能使信息圖表更加生動有趣。

4.手繪更人性化,更自然

格式化的文本和圖形更像是計算機和數(shù)字為主的語言。雖然一些內(nèi)容看起來非常棒 ,但缺乏人性的感覺。想象一下,雖然出自同一個人的同樣的內(nèi)容,但在郵件中收到的是一封蘸著墨水的手寫信。但當你閱讀它們的時候,兩者會引發(fā)不同的情感,手寫的信件會更加樸實自然。

Image title

從某種意義上說,我們會覺得手寫信對讀者更具親近力。這樣的想法也同樣適用于網(wǎng)站,將文本內(nèi)容轉換成手繪的形式。注意LAI Video如何在其頁面中使用手繪圖標和內(nèi)容。它與該網(wǎng)站的兒童活動的主題相關,同時也為該網(wǎng)站提供了更加貼心和人性化的感受。

5.展現(xiàn)創(chuàng)意

手繪的視覺效果非常適合個人作品集或?qū)I(yè)簡歷的網(wǎng)站,使其散發(fā)創(chuàng)造力。尤其是當內(nèi)容本身是獨特而有吸引力時。這除了會對個人方面有積極的效果,在商業(yè)方面,它也可以為公司網(wǎng)站增益。

比如,如果你的公司或品牌是一群才華橫溢的設計師或藝術家,專注于創(chuàng)意。手繪則是是一種非常絕妙方法去展示這些。 

Image title

6.手繪視覺很簡單

在不減損創(chuàng)意和吸引力的情況下,手繪視覺效果的設計會相對簡單。簡單并不意味著失去美麗或優(yōu)雅,但比起其他設計效果,手繪能幫我們減少很多工作量。

它與傳統(tǒng)的藝術、圖形或圖像不一樣。它不受內(nèi)容的對稱性影響,也不受匹配頁面上的每個元素影響。分辨率或尺寸的大小也都不重要,只要最終看起來不會雜亂無序。使用傳統(tǒng)圖形所需要關注的許多規(guī)則和要求,在手繪的情況下都不存在。

在你的圖形設計或者網(wǎng)頁設計中,使用手繪的圖片確實能讓你的網(wǎng)頁脫穎而出。它們可以使人們對公司獨特的、有創(chuàng)意的特性引起關注。所以借鑒這些理由為你的網(wǎng)站注入新的活力。

 

預約申請免費試聽課

填寫下面表單即可預約申請免費試聽!怕錢不夠?可先就業(yè)掙錢后再付學費! 怕學不會?助教全程陪讀,隨時解惑!擔心就業(yè)?一地學習,可推薦就業(yè)!

?2007-2021/北京漫動者教育科技有限公司版權所有
備案號:京ICP備12034770號

?2007-2022/ m.lb577.com 北京漫動者數(shù)字科技有限公司 備案號: 京ICP備12034770號 監(jiān)督電話:010-53672995 郵箱:bjaaa@aaaedu.cc

京公網(wǎng)安備 11010802035704號

網(wǎng)站地圖