網(wǎng)站建設中使用插圖的幾種方式
發(fā)布日期:[2017/11/13] 編輯:奇億廣州網(wǎng)站建設
網(wǎng)站中光有文本肯定是不行的,在一定程度上影響了用戶的體驗感,因此,圖文搭配才是最好的展現(xiàn)方式,那么,網(wǎng)站就應該合理使用插圖,提升整站的用戶體驗。
人是視覺動物,人腦加工或接受的信息中幾乎90%都是視覺類的。這也是為什么大家常說一圖頂千言。在很多情況下,相對于復雜的文本,圖片在傳遞信息上更為迅速和簡單。網(wǎng)站中設計師經(jīng)常使用圖片來擴大網(wǎng)站的表現(xiàn)力,創(chuàng)造出色的UI界面,拉近與訪客之間的互動。不過近來越來越多的設計師開始傾向于使用插圖,這是因為插圖在所有的圖片之中是最有表現(xiàn)意味的。在網(wǎng)站中使用插圖可以使枯燥的文本更加有趣,可以讓UI界面更有畫面感,激發(fā)訪客的興趣。與此同時,網(wǎng)站信息內(nèi)容的闡述與傳遞也更加直觀、生動,有利于提升用戶體驗。因此,在今天這篇文章中,奇億網(wǎng)站建設公司將向大家介紹一下什么是插圖以及如何應用插圖做好UI界面設計。快來一起看看吧!
插圖
插圖其實是插畫的俗稱,原指我們平時看的報紙、雜志、報刊的文字中所添加的圖畫,現(xiàn)已成為現(xiàn)代設計中的一種重要的視覺傳達方式,廣泛的應用于多個領域之中,如商業(yè)活動、網(wǎng)站設計、文化事業(yè)等。插圖用英語來說是illustration,這其實是由拉丁文illustraio演變而來,意指照亮,也就是說插圖可以使文字更加明確清晰。除此以外,它還能夠增加文字的趣味性,讓文字給用戶留下更生動的印象,增強藝術的感染力。在網(wǎng)頁設計之中,插圖正成為一個功能性的元素。它作為設計師與用戶交流溝通的工具,正通過視覺元素有效率地闡述、傳遞信息。如果說文字可以告知訪客某種信息,那么插圖就能將這些信息展示給訪客看。不過如果想要充分發(fā)揮插圖的功能,我們在使用時還必須遵循兩個準則:一是插圖要易于辨認;二是插圖可以為不同語境、不同文化的訪客所解讀,不出現(xiàn)歧義等現(xiàn)象。
![網(wǎng)站建設中使用插圖的幾種方式](/eWebEditor/UploadFile/2017111318329482.jpg)
下面是奇億網(wǎng)站建設公司總結(jié)的網(wǎng)站中插圖的不同使用情境,并分析了這樣做的理由,希望大家可以借鑒并有所收獲。
在主頁上使用插圖
優(yōu)秀的網(wǎng)頁設計常常需要給訪客或者說潛在用戶留下深刻的印象,這是因為人們總是基于網(wǎng)站的質(zhì)量來評判一個公司的好壞。這聽上去可能有點殘酷,但事實就是如此。主頁是一個網(wǎng)站的門面,決定著訪客對網(wǎng)站的第一印象,而第一印象往往是是視覺上的,因此不少用戶在主頁上使用插圖。在網(wǎng)站的主頁使用插圖能夠給整個網(wǎng)站帶來更多的藝術美感、讓主頁更加生動活潑。這些主頁插圖還能夠激發(fā)用戶的想象力,在用戶和網(wǎng)站之間建立一定的聯(lián)系。除此以外,獨一無二的插圖還可以將你的網(wǎng)站與一眾競爭對手區(qū)別開來,形成更強的品牌號召力!
在不同頁面上使用插圖
在網(wǎng)站的不同頁面上,可以使用吉祥物作為插圖,它常作為商品標志和企業(yè)形象的代表。在網(wǎng)站中使用吉祥物可以帶來很多好處。吉祥物以其強大的親和力和趣味性能夠很快贏得訪客們的信任,建立訪客與網(wǎng)站之間的情感紐帶;可以讓交互過程更生動,更能維持用戶的注意力。而且,對于訪客來說這種圖形元素絕對是鮮活的,是能夠給他們贏下深刻印象的。
在教程上使用插圖
插圖很大的一個特征就是在于讓枯燥的文字富有生機,用簡單的圖片解釋復雜的概念。這一點對于網(wǎng)站中的一些教程或是指導手冊來說簡直就是福音。網(wǎng)站中的教程和指導手冊通常都是長篇大論、乏味無趣的,而增加插圖可以極大的化解這個問題,提供給訪客更多的視覺信息,減輕閱讀負擔,讓他們更有了解詳情的欲望,這樣的用戶界面看起來也會更加賞心悅目。如果你并沒有合適的插圖可以用來講解教程,動畫效果也是比較好的選擇。
在獎勵界面使用插圖
獎勵界面可能在游戲軟件中最為常見,幾乎所有的游戲都設有一定的關卡,當你通過一定數(shù)量的關卡,就能夠獲得某種成就或獎項。而不少設計師就在獎勵頁面使用一些插圖,注重引起用戶情感上的互動。能給用戶很大的鼓勵,同時營造一種感覺,讓他們覺得屏幕的那一端并不是機器,而是活生生的人。另外,這種插圖可以帶來積極情緒,當訪客受到這種情緒的影響時,常常會忽略網(wǎng)站上的一些缺點。
在網(wǎng)站中我們同樣可以使用插圖鼓勵用戶。比如,當用戶完成注冊登錄時,可以獲得一份禮包或者是其他獎勵等等,幫助營造用戶的積極情緒,或是在用戶完成購買后贈送積分或抽獎環(huán)節(jié),不少商城網(wǎng)站早已在使用這一技巧了。
總結(jié)得出,插圖是提升用戶體驗,讓用戶界面更具吸引力一項強有力的工具。盡管在網(wǎng)站中使用插圖還沒有形成一套完整的規(guī)則體系,但有一點是毋庸置疑的:插圖一定要價值。網(wǎng)站中各種元素的使用都應該服務于一定的目的,插圖也是如此。只有這樣,插圖才能發(fā)揮自己在網(wǎng)站中的益處,給公司產(chǎn)品或品牌賦予深刻的認識。
本文由奇億網(wǎng)站建設原創(chuàng),原文地址:http://m.gm6868.com/news/1925.html 轉(zhuǎn)摘請保留版權(quán),謝謝!
![網(wǎng)站建設圖標](/images/dIcon.gif)
![網(wǎng)站建設圖標](/images/dIcon.gif)
![網(wǎng)站建設圖標](/images/dIcon.gif)
![網(wǎng)站建設圖標](/images/dIcon.gif)
![網(wǎng)站建設圖標](/images/dIcon.gif)
![網(wǎng)站建設圖標](/images/dIcon.gif)
![網(wǎng)站建設圖標](/images/dIcon.gif)
![網(wǎng)站建設圖標](/images/dIcon.gif)
![網(wǎng)站建設圖標](/images/dIcon.gif)
![網(wǎng)站建設圖標](/images/dIcon.gif)
![網(wǎng)站建設圖標](/images/dIcon.gif)
![網(wǎng)站建設圖標](/images/dIcon.gif)
![網(wǎng)站建設圖標](/images/dIcon.gif)
![網(wǎng)站建設圖標](/images/dIcon.gif)
![網(wǎng)站建設圖標](/images/dIcon.gif)
![網(wǎng)站建設圖標](/images/dIcon.gif)
![網(wǎng)站建設圖標](/images/dIcon.gif)
![網(wǎng)站建設圖標](/images/dIcon.gif)
![網(wǎng)站建設圖標](/images/dIcon.gif)
![網(wǎng)站建設圖標](/images/dIcon.gif)