>
學(xué)校機(jī)構(gòu) >
交互時(shí)代UI實(shí)訓(xùn)基地 >
學(xué)習(xí)資訊>
看交互時(shí)代ui培訓(xùn)學(xué)員作品激發(fā)你的靈感
看交互時(shí)代ui培訓(xùn)學(xué)員作品激發(fā)你的靈感
90 2017-06-01
經(jīng)常查看優(yōu)秀的UI作品是非常好的一件事情,尤其在你沒(méi)靈感的時(shí)候,看多了連你的品味也會(huì)提升哦!今天將以交互時(shí)代ui培訓(xùn)班部分學(xué)員的作品為例一一舉例說(shuō)明,如此漂亮細(xì)致的UI設(shè)計(jì)作品,有APP設(shè)計(jì)、界面設(shè)計(jì)、網(wǎng)頁(yè)設(shè)計(jì)等等,這些設(shè)計(jì)很多看上去都令人興奮,細(xì)致到位,而且又創(chuàng)新,很適合ui設(shè)計(jì)師們學(xué)習(xí)和參考,希望你能從中學(xué)習(xí)學(xué)習(xí),制作出更多更好的交互設(shè)計(jì)大作品出來(lái)。
UI交互設(shè)計(jì)的概念側(cè)重在“交互”設(shè)計(jì),優(yōu)秀的UI設(shè)計(jì)界面,不光是各種元素設(shè)計(jì)技巧的展現(xiàn),更重要的是能表現(xiàn)出用戶角度的完美“體驗(yàn)感”。細(xì)讀下面的技巧,或許能讓您往后的ui設(shè)計(jì)會(huì)有意想不到的效果!
要點(diǎn)一、趣味性
設(shè)計(jì)師不僅僅只是完成自己的工作,要了解項(xiàng)目全局。比如設(shè)計(jì)開(kāi)始階段你可能要了解相關(guān)的用戶群、商業(yè)目標(biāo)、運(yùn)營(yíng)等方面掌握項(xiàng)目的特性,結(jié)合實(shí)際打造一個(gè)更立體適合用戶的產(chǎn)品。那么首先要明確一個(gè)方向:誰(shuí)是你的用戶群?不同階層、不同年齡的用戶偏重的主題設(shè)定和設(shè)計(jì)元素都不相同,所以UI設(shè)計(jì)必須要有針對(duì)性地設(shè)計(jì)。如今的社會(huì)溫飽問(wèn)題已經(jīng)遠(yuǎn)遠(yuǎn)不能滿足很多人的心理需求,作為現(xiàn)代人,除了繁忙的工作,我們的生活追求的是享受,追求的是有趣,因此趣味性的設(shè)計(jì)要求也越來(lái)越被大眾接受甚至追捧,一個(gè)好產(chǎn)品的誕生是從開(kāi)始的策劃到最后的執(zhí)行,都是經(jīng)過(guò)各種深思熟慮之后的結(jié)果。而一個(gè)優(yōu)秀的產(chǎn)品肯定會(huì)有一些亮點(diǎn)吸引用戶,這個(gè)亮點(diǎn)通常都是擁有極強(qiáng)趣味性的,因?yàn)槿の缎钥梢宰尨蟛糠秩硕几械接鋹?,從而產(chǎn)生良好的用戶體驗(yàn)。以交互時(shí)代ui基礎(chǔ)班一學(xué)員的作品為例,該學(xué)員很聰明,以當(dāng)下很火的趣味游戲---切西瓜為靈感來(lái)源,設(shè)計(jì)出漂亮的ui圖標(biāo),看到他的作品就想到切西瓜,玩著切西瓜就會(huì)想起他的作品,一種很強(qiáng)的趣味性在里面,有木有?
要點(diǎn)二、整體畫(huà)面要和諧
作品的整體畫(huà)面要做到看起來(lái)很和諧取決于頁(yè)面的色彩以及留白空間是否到位,我們都清楚物體的色彩會(huì)隨光線改變而改變。艷陽(yáng)高照與夕陽(yáng)西沉?xí)r,我們看到的景物會(huì)有很大反差。換句話說(shuō),色彩很容易被環(huán)境改變,因此,設(shè)計(jì)的時(shí)候不要將色彩視為決定性因素。色彩可以醒目,作為引導(dǎo),但不應(yīng)該是做區(qū)別的唯一元素。在長(zhǎng)篇閱讀或者長(zhǎng)時(shí)間面對(duì)電腦屏幕的情況下,除了要強(qiáng)調(diào)的內(nèi)容,應(yīng)采用相對(duì)暗淡或柔和的背景色。當(dāng)然,視讀者而定,也可采用明亮的背景色。一個(gè)UI設(shè)計(jì)是否能給人舒服的感覺(jué),主要看兩個(gè)方面,一個(gè)是色彩,一個(gè)是留白。過(guò)于花哨的設(shè)計(jì)會(huì)讓人看不過(guò)來(lái),所以色彩不能太多。而臃腫的UI設(shè)計(jì)則會(huì)讓人很難受,所以在產(chǎn)品中留白是必須的。
要點(diǎn)三、強(qiáng)烈的視覺(jué)層次感
如果要讓屏幕的視覺(jué)元素具有清晰的瀏覽次序,那么應(yīng)該通過(guò)強(qiáng)烈的視覺(jué)層次感來(lái)實(shí)現(xiàn)。也就是說(shuō),如果用戶每次都按照相同的順序?yàn)g覽同樣的東西,視覺(jué)層次感不明顯的話,用戶不知道哪里才是目光應(yīng)當(dāng)停留的重點(diǎn),最終只會(huì)讓用戶感到一團(tuán)糟。在不斷變更設(shè)計(jì)的情況下,很難保持明確的層次關(guān)系,因?yàn)樗械脑貙哟侮P(guān)系都是相對(duì)的:如果所有的元素都突出顯示,最后就相當(dāng)于沒(méi)有重點(diǎn)可言。如果要添加一個(gè)需要特別突出的元素,為了再次實(shí)現(xiàn)明確的視覺(jué)層級(jí),ui交互設(shè)計(jì)師可能需要重新考慮每一個(gè)元素的視覺(jué)重量。雖然多數(shù)人不會(huì)察覺(jué)到視覺(jué)層次,但這是增強(qiáng)設(shè)計(jì)的最簡(jiǎn)單的方法。許多設(shè)計(jì)師在做視覺(jué)效果犀利的設(shè)計(jì)時(shí)通常會(huì)用深邃的背景,強(qiáng)質(zhì)感,亮眼的顏色,以達(dá)到一種高冷的效果,但這不是唯一的方式,有時(shí)候在其中加入一些清新的元素更能凸顯格調(diào),高貴中帶一點(diǎn)清新,說(shuō)不定也是一種獨(dú)特讓人喜歡的風(fēng)格。
要點(diǎn)四、每個(gè)屏幕需要一個(gè)主題
Ui設(shè)計(jì)師在設(shè)計(jì)每一個(gè)畫(huà)面都應(yīng)該有單一的主題,這樣不僅能夠讓用戶使用到它真正的價(jià)值,也使得上手容易,使用起來(lái)也更方便,在必要的時(shí)候更容易進(jìn)行修改。如果一個(gè)屏幕支持兩個(gè)或兩個(gè)以上的主題,整個(gè)界面看起來(lái)會(huì)混亂不堪。正如文章應(yīng)該有一個(gè)單一的主題以及強(qiáng)有力的論點(diǎn),我們的界面設(shè)計(jì)也應(yīng)該如此,這也是界面存在的理由。
要點(diǎn)五、界面要清晰及注意細(xì)節(jié)
清晰度是界面設(shè)計(jì)中,第一步也是最重要的工作。要想你設(shè)計(jì)的界面有效并被人喜歡,首先必須讓用戶能夠識(shí)別出它,讓用戶知道為什么會(huì)使用它。當(dāng)用戶使用時(shí),要能夠預(yù)料到發(fā)生什么,并成功的與之交互,只有清晰的界面能夠吸引用戶不斷地重復(fù)使用。一個(gè)好的設(shè)計(jì),不管是交互設(shè)計(jì)還是UI設(shè)計(jì),在細(xì)節(jié)方面肯定都已經(jīng)做到了極致,色彩,字體,元素間距等等,都讓人無(wú)法從中感到一絲不和諧。如果你的細(xì)節(jié)無(wú)法做好,那么再怎么好看的排版,再怎么酷炫的動(dòng)效,都無(wú)法體現(xiàn)出設(shè)計(jì)的優(yōu)秀之處。
在進(jìn)行界面設(shè)計(jì)的時(shí)候,能夠吸引用戶的注意力是很關(guān)鍵的,所以千萬(wàn)不要將你應(yīng)用的周圍設(shè)計(jì)得亂七八糟分散人的注意力,謹(jǐn)記屏幕整潔能夠吸引注意力的重要性。如果你非要顯示廣告,那么請(qǐng)?jiān)谟脩糸喿x完畢之后再顯示。尊重用戶的注意力,不僅讓用戶更快樂(lè),而且你的廣告效果也會(huì)更佳。因此要想設(shè)計(jì)好的界面,保持用戶的注意力是先決條件。
請(qǐng)聯(lián)系網(wǎng)站客服,了解詳細(xì)的優(yōu)惠課程信息~
優(yōu)質(zhì)、權(quán)威、便捷、省心
掃一掃
獲取更多福利
獵學(xué)網(wǎng)企業(yè)微信
獵學(xué)網(wǎng)訂閱號(hào)
獵學(xué)網(wǎng)服務(wù)號(hào)