日韩在线首页I俄罗斯pornI男女猛烈激情XX00高潮动态I超碰免费97I乱人伦99久久I欧美日韩成人一区I最新日韩视频在线观看I粉嫩AV四季AV绯色AVI五月导航

×

巧用插圖做好UI界面設(shè)計(jì)

  • 作者:新網(wǎng)
  • 來源:新網(wǎng)
  • 瀏覽:100
  • 2018-04-23 17:52:06

網(wǎng)站中設(shè)計(jì)師經(jīng)常使用圖片來擴(kuò)大網(wǎng)站的表現(xiàn)力,創(chuàng)造出色的UI界面,拉近與訪客之間的互動(dòng)。不過近年來越來越多的設(shè)計(jì)師開始傾向于使用插圖,這是因?yàn)椴鍒D在所有的圖片之中是最有表現(xiàn)意味的。在網(wǎng)站中使用插圖可以使枯燥的文本更加有趣,可以讓UI界面更有畫面感、激發(fā)訪客的興趣。與此同時(shí),網(wǎng)站信息內(nèi)容的闡述與傳遞也更加直觀、生動(dòng),有利于提升用戶體驗(yàn)。在今天這篇文章中,小編將向大家介紹一下什么是插圖以及如何應(yīng)用插圖做好UI界面設(shè)計(jì)。

 網(wǎng)站中設(shè)計(jì)師經(jīng)常使用圖片來擴(kuò)大網(wǎng)站的表現(xiàn)力,創(chuàng)造出色的UI界面,拉近與訪客之間的互動(dòng)。不過近年來越來越多的設(shè)計(jì)師開始傾向于使用插圖,這是因?yàn)椴鍒D在所有的圖片之中是最有表現(xiàn)意味的。在網(wǎng)站中使用插圖可以使枯燥的文本更加有趣,可以讓UI界面更有畫面感、激發(fā)訪客的興趣。與此同時(shí),網(wǎng)站信息內(nèi)容的闡述與傳遞也更加直觀、生動(dòng),有利于提升用戶體驗(yàn)。在今天這篇文章中,小編將向大家介紹一下什么是插圖以及如何應(yīng)用插圖做好UI界面設(shè)計(jì)。

 
timg (7).jpg
插圖其實(shí)是插畫的俗稱,原指我們平時(shí)看的報(bào)紙、雜志、報(bào)刊的文字中所添加的圖畫,現(xiàn)已成為現(xiàn)代設(shè)計(jì)中一種重要的視覺傳達(dá)方式,廣泛應(yīng)用于多個(gè)領(lǐng)域之中,如商業(yè)活動(dòng)、網(wǎng)站設(shè)計(jì)、文化事業(yè)等。插圖用英語來說是illustration,這其實(shí)是由拉丁文illustraio演變而來,意指照亮,也就是說插圖可以使文字更加明確清晰。除此以外,它還能夠增加文字的趣味性,讓文字給用戶留下更生動(dòng)的印象,增強(qiáng)藝術(shù)的感染力。在網(wǎng)頁設(shè)計(jì)之中,插圖正成為一個(gè)功能性的元素。它作為設(shè)計(jì)師與用戶交流溝通的工具,正通過視覺元素有效率地闡述、傳遞信息。如果說文字可以告知訪客某種信息,那么插圖就能將這些信息展示給訪客看。不過如果想要充分發(fā)揮插圖的功能,我們?cè)谑褂脮r(shí)還必須遵循兩個(gè)準(zhǔn)則:一是插圖要易于辨認(rèn);二是插圖可以為不同語境、不同文化的訪客所解讀,不出現(xiàn)歧義等現(xiàn)象。
 
那么在網(wǎng)站中該如何合理使用插圖增強(qiáng)用戶互動(dòng)呢?以下是小編總結(jié)的網(wǎng)站中插圖的不同使用情境,并分析了一些完成度比較高的例子,希望大家可以借鑒并有所收獲。
 
1、在主頁上使用插圖
 
優(yōu)秀的網(wǎng)頁設(shè)計(jì)常常需要給訪客或者說潛在用戶留下深刻的印象,這是因?yàn)槿藗兛偸腔诰W(wǎng)站的質(zhì)量來評(píng)判一個(gè)公司的好壞。主頁是一個(gè)網(wǎng)站的門面,決定著訪客對(duì)網(wǎng)站的第一印象,而第一印象往往是是視覺上的,因此不少網(wǎng)站在主頁上使用插圖。在網(wǎng)站的主頁使用插圖能夠給整個(gè)網(wǎng)站帶來更多的藝術(shù)美感、讓主頁更加生動(dòng)活潑。這些主頁插圖還能夠激發(fā)用戶的想象力,在用戶和網(wǎng)站之間建立一定的聯(lián)系。除此之外,獨(dú)一無二的插圖還可以將你的網(wǎng)站與一眾競(jìng)爭(zhēng)對(duì)手區(qū)別開來,形成更強(qiáng)的品牌號(hào)召力。
 
Intercom就是一個(gè)典型的例子。在它的首頁,如果僅靠"Communicating with customers shouldn\'t be this hard"和"With Intercom it\'s simple,personal, and fun for everyone"這兩句話無法形成強(qiáng)烈的對(duì)比,難以激起訪客的興趣。因此,Intercom使用了插圖,模擬"你"和用戶的溝通方式,老方法和新方法之間的優(yōu)劣一目了然,直觀的展示了自己產(chǎn)品的優(yōu)勢(shì)所在。這種貼心的講解更有利于吸引訪客,將訪客轉(zhuǎn)化成用戶。
 
2、在不同頁面上使用插圖如吉祥物
 
吉祥物是插圖的一種,它常作為商品標(biāo)志和企業(yè)形象的代表。在網(wǎng)站中使用吉祥物可以帶來很多好處。吉祥物以其強(qiáng)大的親和力和趣味性能夠很快贏得訪客們的信任,建立訪客與網(wǎng)站之間的情感紐帶;可以讓交互過程更生動(dòng),更能維持用戶的注意力。而且,對(duì)于訪客來說這種圖形元素絕對(duì)是鮮活的,是能夠給他們贏下深刻印象的。
 
使用吉祥物提升用戶體驗(yàn)最出名的一個(gè)網(wǎng)站就是Mailchimp。Mailchimp是一家提供電子郵箱營(yíng)銷服務(wù)的網(wǎng)站,它的吉祥物一只叫做Freddie的可愛猩猩。一方面,F(xiàn)reddie身背郵差包,肩負(fù)傳統(tǒng)郵遞員的重責(zé),突出了網(wǎng)站的主題,與品牌形象相吻合;另一方面,F(xiàn)reddie這個(gè)吉祥物可大可小,能出現(xiàn)在網(wǎng)站的不同頁面上,充分發(fā)揮各種作用,比如引導(dǎo)訪客前往某個(gè)區(qū)塊或是僅僅娛樂訪客,讓用戶體驗(yàn)更加愉悅。
 
3、在教程上使用插圖
 
插圖很大的一個(gè)特征就是在于讓枯燥的文字富有生機(jī),用簡(jiǎn)單的圖片解釋復(fù)雜的概念。這一點(diǎn)對(duì)于網(wǎng)站中的一些教程或是指導(dǎo)手冊(cè)來說簡(jiǎn)直就是福音。網(wǎng)站中的教程和指導(dǎo)手冊(cè)通常都是長(zhǎng)篇大論、乏味無趣的,而增加插圖可以極大的化解這個(gè)問題,提供給訪客更多的視覺信息,減輕閱讀負(fù)擔(dān),讓他們更有了解詳情的欲望,這樣的用戶界面看起來也會(huì)更加賞心悅目。如果你并沒有合適的插圖可以用來講解教程,動(dòng)畫效果也是比較好的選擇。當(dāng)插圖和極小的用戶界面(如手機(jī)界面)結(jié)合起來優(yōu)勢(shì)更加明顯,插圖既能傳遞一定的視覺信息,又不會(huì)侵占其他元素發(fā)揮的空間
 
4、在獎(jiǎng)勵(lì)界面使用插圖
 
獎(jiǎng)勵(lì)界面可能在游戲軟件中最為常見,幾乎所有的游戲都設(shè)有一定的關(guān)卡,當(dāng)你通過一定數(shù)量的關(guān)卡,就能夠獲得某種成就或獎(jiǎng)項(xiàng)。而不少設(shè)計(jì)師就在獎(jiǎng)勵(lì)頁面使用一些插圖,注重引起用戶情感上的互動(dòng)。比如Foursquare在獎(jiǎng)勵(lì)頁面使用了一個(gè)市長(zhǎng)勛章。這能給用戶很大的鼓勵(lì),同時(shí)營(yíng)造一種感覺,讓他們覺得手機(jī)屏幕的那一端并不是機(jī)器,而是活生生的人。另外,這種插圖可以帶來積極情緒,當(dāng)訪客受到這種情緒的影響時(shí),常常會(huì)忽略網(wǎng)站上的一些缺點(diǎn)。在網(wǎng)站中我們同樣可以使用插圖鼓勵(lì)用戶。比如,當(dāng)用戶完成注冊(cè)登錄時(shí),可以獲得一份禮包或者是其他獎(jiǎng)勵(lì)等等,幫助營(yíng)造用戶的積極情緒,或是在用戶完成購(gòu)買后贈(zèng)送積分或抽獎(jiǎng)環(huán)節(jié),不少商城網(wǎng)站早已在使用這一技巧了。
 
插圖是提升用戶體驗(yàn),讓用戶界面更具吸引力一項(xiàng)強(qiáng)有力的工具。插圖一定要有價(jià)值。只有這樣,插圖才能發(fā)揮自己在網(wǎng)站中的益處,讓用戶對(duì)公司產(chǎn)品或品牌產(chǎn)生深刻的認(rèn)識(shí)。
 

免責(zé)聲明:本文內(nèi)容由互聯(lián)網(wǎng)用戶自發(fā)貢獻(xiàn)自行上傳,本網(wǎng)站不擁有所有權(quán),也不承認(rèn)相關(guān)法律責(zé)任。如果您發(fā)現(xiàn)本社區(qū)中有涉嫌抄襲的內(nèi)容,請(qǐng)發(fā)送郵件至:operations@xinnet.com進(jìn)行舉報(bào),并提供相關(guān)證據(jù),一經(jīng)查實(shí),本站將立刻刪除涉嫌侵權(quán)內(nèi)容。

免費(fèi)咨詢獲取折扣

Loading
主站蜘蛛池模板: 亚洲精品成人福利网站app | 交视频在线播放 | 天天做天天爱天天做天天吃中 | 91精产国品一二三产区区别网站 | 噜噜噜av久久 | 国产亚洲精品国产福app | 亚洲中文字幕无码不卡电影 | 国产自偷自拍视频 | 亚洲成熟丰满熟妇高潮xxxxx | 国产亚洲精品久久久久久久软件 | 日产精品中文一区二区三区 | 香港三级澳门三级人妇99 | 超碰2022| 美女张开腿黄网站免费 | 无码人妻精品一区二区蜜桃百度 | 老妇女av| 国产美女裸体丝袜喷水视频 | 精品三级久久久久电影我网 | av手机免费在线观看 | 免费av在线网站 | 欧美精品久久久久久久监狱 | 欧美激情视频网址 | 亚洲精品久久久久久久蜜桃臀 | 亚洲欧洲无码av电影在线观看 | 爽死你欧美大白屁股在线 | 男女下面一进一出免费视频网站 | 在线观看aa | 天天躁日日躁狠狠久久 | 四虎国产精品永久地址998 | 亚洲熟女乱色一区二区三区 | 久久人人爽人人爽人人av东京热 | 亚洲中文字幕无码永久免弗 | 日日躁夜夜躁狠狠躁 | 成人手机看片 | 2018高清国产一区二区三区 | 国产精品天天看天天狠 | 亚洲国产精品高潮呻吟久久 | 可以免费观看av | 好色成人网 | a天堂资源在线 | 日产无码中文字幕av | 国产卡一卡二无线乱码 | 亚洲成a人片77777精品 | 77久久| 欧美理论在线观看 | 国产欧美日韩另类精彩视频 | 国产成人在线免费观看视频 | 欧美黑人一级爽快片淫片高清 | 国产午夜影院 | 久久亚洲精品无码av宋 | 成人综合社区 | 热久久中文字幕 | 另类亚洲综合区图片区小说 | 48久久国产精品性色aⅴ人妻 | 天天看片天天爽 | 四色米奇777狠狠狠me | 国产-第1页-草草影院ccyy | 久久精品国产9久久综合 | 无套内射在线观看theporn | 超碰中文字幕在线 | 韩国精品一区二区 | avtt亚洲| www.五月婷婷.com| 亚洲国产制服丝袜先锋 | 精品国内自产拍在线播放观看 | 9l视频自拍九色9l视频视频 | 99久热国产精品视频尤物 | 九九九热精品免费视频观看网站 | 午夜福利在线永久视频 | 国产激情内射在线影院 | 韩国黄色网 | 久久婷婷人人澡人人爽人人喊 | 少妇啪啪av一区二区三区 | 国产无遮挡a片又黄又爽漫画 | 国产一区二区三区乱码 | 国产亚洲美女精品久久久2020 | 少妇高清一区二区免费看 | 日韩精品中文字幕无码一区 | 一本色道久久综合狠狠躁邻居 | 国产乱子影视频上线免费观看 | 欧美丰满少妇高潮18p | 偷看美女洗澡一二三四区 | 草草视频网站 | 国产精品黑色丝袜高跟鞋 | 国产精品国产三级国av | 亚洲精品伦理熟女国产一区二区 | 99久久爱re热6在播放 | 欧美亚洲日本国产黑白配 | 狠狠躁天天躁夜夜躁婷婷 | 欧美视频区高清视频播放 | 国产精品亚洲综合一区在线观看 | 九九久久精品无码专区 | 少妇福利在线 | 久久精品天天中文字幕人妻 | 国产精品久久久久久久久久久新郎 | 亚洲2019av无码网站在线 | 国产精品一卡二卡三卡四卡 | 免费萌白酱国产一区二区三区 | 人妻精品动漫h无码 |