方法技巧體會(huì)
01 給自己的作品命名有助于確定設(shè)計(jì)風(fēng)格。
要有活力,要富有想象力。避免跟隨流行趨勢(shì),不要讓作品中的技術(shù)性超越創(chuàng)意性,最壞的情況下也要試圖平衡兩個(gè)方面。一個(gè)朋友曾經(jīng)告訴我一個(gè)簡(jiǎn)單的小技巧——給自己的理念取個(gè)名字,這樣有助于確定設(shè)計(jì)風(fēng)格。我一直在使用這個(gè)小技巧。
阿迪·迪茲達(dá)雷維奇
波黑
阿迪·迪茲達(dá)雷維奇是波黑的一名多學(xué)科設(shè)計(jì)師和設(shè)計(jì)總監(jiān),擅長(zhǎng)網(wǎng)站、交互及平面設(shè)計(jì)、影視制作和現(xiàn)場(chǎng)多媒體裝置設(shè)計(jì)。他的創(chuàng)作主要受到自然、靈性和亞文化的影響。在設(shè)計(jì)中,他喜歡將非傳統(tǒng)的多媒體方式與實(shí)驗(yàn)性的藝術(shù)風(fēng)格結(jié)合,試圖創(chuàng)作永恒的作品。他的客戶包括德國(guó)電信T-Mobile公司、愛(ài)立信(Ericsson)、fisil、Resolume、Ray實(shí)驗(yàn)室、Netlog社交網(wǎng)絡(luò)網(wǎng)站,以及EC信息系統(tǒng)公司。
你所認(rèn)為好的UI設(shè)計(jì)的核心是:
創(chuàng)作即追求視覺(jué)美、實(shí)用性和簡(jiǎn)約性的平衡。
項(xiàng)目名:fisil即時(shí)信息應(yīng)用程序
設(shè)計(jì)時(shí)間:2013年
客戶:fisil公司
fisil是一個(gè)多程序即時(shí)信息應(yīng)用平臺(tái)(iOS、Android、Windows、OS X),主要供企業(yè)用戶相互交流使用,其主要特點(diǎn)是將微軟交流群組軟件、快速刷新和及時(shí)更新功能融為一體。
目標(biāo)用戶:
企業(yè)團(tuán)隊(duì)及個(gè)人。
色彩含義:
寫是簡(jiǎn)單的方式,高效性源于將非常規(guī)的事物統(tǒng)一。
使用字體:
Din Light Alternate、GreekC。
您想向用戶提供或者展示的最重要的東西是什么?
盡管這是一個(gè)企業(yè)聊天應(yīng)用程序,但我也試圖通過(guò)有趣而功能性十足的界面展示創(chuàng)意,鼓勵(lì)他們積極地交流。
項(xiàng)目名:hopcab應(yīng)用程序
設(shè)計(jì)時(shí)間:2012年
客戶:hopcab
hopcab是一款為馬來(lái)西亞市場(chǎng)定制的移動(dòng)租車應(yīng)用軟件。這是一個(gè)簡(jiǎn)單得多平臺(tái)服務(wù)程序,能夠?qū)崿F(xiàn)出租車公司與乘客的聯(lián)系。
目標(biāo)用戶:
馬來(lái)西亞出租車乘客。
色彩含義:
色彩是hopcab形象的一部分(典型的出租車風(fēng)格)。
使用字體:
Helvetica Neue LT。
02 觀察力至關(guān)重要!不僅要觀察流行趨勢(shì)和其他設(shè)計(jì)師的作品,更要觀察自然。
設(shè)計(jì)包含兩個(gè)既定的因素,即知道要做什么以及怎么做。這兩個(gè)因素可以通過(guò)經(jīng)歷、學(xué)習(xí)和觀察而了解。必須要遵循規(guī)則,但不必流于形式,固守成規(guī)有時(shí)會(huì)制約自由的創(chuàng)意。要在規(guī)劃好每一個(gè)細(xì)節(jié)之后開(kāi)始設(shè)計(jì),否則每次遇到困難都要重新開(kāi)始。觀察力至關(guān)重要,不僅僅是觀察流行趨勢(shì)和其他設(shè)計(jì)師的作品,更要觀察自然。自然是由最好的設(shè)計(jì)師創(chuàng)作的,所有的美都存在于自然之中。
阿爾珀·托爾納哲
土耳其
2006年,阿爾珀·托爾納哲畢業(yè)于米馬爾·希南技術(shù)高等學(xué)校,隨后在多個(gè)廣告公司擔(dān)任技術(shù)總監(jiān)。如今他是一名自由職業(yè)者。
你所認(rèn)為好的UI設(shè)計(jì)的核心是:
設(shè)計(jì)需要完全滿足用戶的需求,色彩和布局同樣重要,兩者應(yīng)相互補(bǔ)充并和諧統(tǒng)一。
您想向用戶提供或者展示的最重要的東西是什么?
所有的知識(shí)能夠被快速使用——用戶能夠即時(shí)了解自己和員工的工作和計(jì)劃。
項(xiàng)目名:工作站
設(shè)計(jì)時(shí)間:2014年
客戶:Artan攝影
這是一款能夠跟蹤公司和員工的日常工作行為的應(yīng)用軟件。
目標(biāo)用戶:
Artan攝影公司的員工和創(chuàng)始人。
色彩含義:
我想通過(guò)色彩提升活力,讓人們遠(yuǎn)離工作帶來(lái)的壓力。
使用字體:
Lato。
您想向用戶提供或者展示的最重要的東西是什么?
用戶可以通過(guò)最快捷的方式找到自己想聽(tīng)的歌曲、專輯或歌手的名字。這樣用戶可以在購(gòu)買之前輕松聽(tīng)到歌曲,盡情享受音樂(lè)。
項(xiàng)目名:音樂(lè)測(cè)試員
設(shè)計(jì)時(shí)間:2014年
客戶:Sensec Muzik商店
這款項(xiàng)目是針對(duì)音樂(lè)市場(chǎng)而設(shè)計(jì)的,沒(méi)能如愿購(gòu)買到專輯的音樂(lè)愛(ài)好者能通過(guò)它買到專輯。
目標(biāo)用戶:
所有的音樂(lè)愛(ài)好者。
色彩含義:
通過(guò)突出自由、和平的大量鮮明的顏色來(lái)吸引用戶。
使用字體:
Lato。
03 在設(shè)計(jì)的不同階段從使用者的角度考慮。
設(shè)計(jì)師在創(chuàng)作時(shí)很容易被影響,使得最后的結(jié)果完全脫離最初的理念,因此要在過(guò)程中時(shí)刻從使用者的角度考慮。如果自己感覺(jué)這不是使用者想要的,那么就要重新構(gòu)思,最后往往就能得到一個(gè)更好的解決方式。
大衛(wèi)·博特利亞和黛比·馬丁
西班牙
大衛(wèi)·博特利亞和黛比·馬丁是兩位來(lái)自馬德里的藝術(shù)總監(jiān),曾在多個(gè)大型機(jī)構(gòu)合作參與國(guó)際規(guī)模的設(shè)計(jì)大賽,擁有超過(guò)25年的經(jīng)驗(yàn)。2014年,他們共同創(chuàng)建了The Woork Co(位于馬德里Preciados步行街中心的一家多學(xué)科設(shè)計(jì)機(jī)構(gòu))。Fandanz應(yīng)用程序是他們?cè)谛鹿镜淖髌贰?/p>
你所認(rèn)為好的UI設(shè)計(jì)的核心是:
一個(gè)好的交互設(shè)計(jì)作品是將復(fù)雜的概念轉(zhuǎn)換成簡(jiǎn)單的、有吸引力的直觀體驗(yàn),供最終用戶使用。
項(xiàng)目名:FanDanz
設(shè)計(jì)時(shí)間:2013—2014年
客戶:FanDanz、Zarpamos
FanDanz是一款移動(dòng)跳舞應(yīng)用軟件。The Woork Co公司的設(shè)計(jì)師有幸在早期階段受到委托,在完成標(biāo)識(shí)設(shè)計(jì)之后,他們決定為其創(chuàng)作人物形象作為未來(lái)的品牌。
目標(biāo)用戶:
亞洲及拉丁美洲年齡為15~25歲的女性。
色彩含義:
為達(dá)到最終目標(biāo),我們決定使用明亮的色彩——粉色和紫色作為基調(diào),打造一個(gè)亮麗而愉悅的氛圍。
使用字體:
Brandon Grotesque。
您想向用戶提供或者展示的最重要的東西是什么?
快樂(lè)。這是一款舞蹈游戲,我們樂(lè)于讓用戶體會(huì)到快樂(lè)。
04 除非設(shè)計(jì)方向已經(jīng)明確精準(zhǔn),否則調(diào)研之后再開(kāi)始設(shè)計(jì)。
除非設(shè)計(jì)方向已經(jīng)明確精準(zhǔn),否則調(diào)研之后再開(kāi)始設(shè)計(jì)。調(diào)研能夠獲得更多的想法,同時(shí)鞏固設(shè)計(jì)的方向。設(shè)計(jì)師通常忽略的重要一步是了解用戶的反饋——有時(shí)適用于一個(gè)用戶并不等于適合另一個(gè)用戶。如果自己對(duì)設(shè)計(jì)都不滿意,就意味著這不夠好。
杰拉爾丁·邁克
馬來(lái)西亞
杰拉爾丁·邁克是一名創(chuàng)意總監(jiān)、TCA(創(chuàng)意機(jī)構(gòu),位于馬來(lái)西亞的一家數(shù)字機(jī)構(gòu))公司合伙創(chuàng)作人。TCA嘗試將智能視覺(jué)策略與公司的文化和最好的設(shè)計(jì)結(jié)合,為企業(yè)和品牌打造更好的體驗(yàn)。她在數(shù)字和離線平臺(tái)方面擁有突出的優(yōu)勢(shì),在SEA地區(qū)創(chuàng)作了很多創(chuàng)意性的杰出作品。
你所認(rèn)為好的UI設(shè)計(jì)的核心是:
交互設(shè)計(jì)包括了解設(shè)計(jì)的目的、面向的用戶及使用的平臺(tái)。一個(gè)好的設(shè)計(jì)應(yīng)該具有實(shí)用性,簡(jiǎn)單而連貫,視覺(jué)效果美觀,同時(shí)功能性十足。
您想向用戶提供或者展示的最重要的東西是什么?
PEEPS是一種便捷高效的考勤打卡系統(tǒng),用以取代傳統(tǒng)的考勤打卡系統(tǒng)。這種應(yīng)用界面設(shè)計(jì)對(duì)于雇員來(lái)說(shuō)是簡(jiǎn)單且適用的,而對(duì)于雇主和經(jīng)理人來(lái)說(shuō)則可以直觀地呈現(xiàn)出概括性的關(guān)鍵信息。
項(xiàng)目名:PEEPS應(yīng)用界面設(shè)計(jì)
設(shè)計(jì)時(shí)間:2014年
客戶:PEEPS
PEEPS 能夠使雇主通過(guò)操作一個(gè)很小的設(shè)備來(lái)監(jiān)督雇員的出勤情況,并且它也僅需要一次性登錄即可。這項(xiàng)設(shè)計(jì)包括一個(gè)應(yīng)用和一個(gè)帶有微型圖畫(huà)的網(wǎng)絡(luò)應(yīng)用界面。
目標(biāo)用戶:
F&B Outlets。
色彩含義:
作為基本色調(diào)的青綠色營(yíng)造了一種溫馨友好的氛圍。
使用字體:
Roboto、Roboto Slab。
項(xiàng)目名:TIDE分析咨詢網(wǎng)站應(yīng)用程序界面設(shè)計(jì)
設(shè)計(jì)時(shí)間:2014年
客戶:TIDE分析咨詢公司
TIDE軟件包含大量的信息,因此其界面設(shè)計(jì)要友好清晰。設(shè)計(jì)過(guò)程中大部分時(shí)間用于理解和詮釋數(shù)據(jù)、計(jì)算,以及分析過(guò)程。
目標(biāo)用戶:
零售店、零售連鎖店、商場(chǎng)。
色彩含義:
紫色和黑色突顯了TIDE數(shù)據(jù)的智能性和高效性。
使用字體:
Maven pro。
您想向用戶提供或者展示的最重要的東西是什么?
主要的目標(biāo)是將所有的即時(shí)信息通過(guò)表格、圖形、信息圖表的方式以簡(jiǎn)單有效的界面向用戶呈現(xiàn),展示重要的分析結(jié)果、見(jiàn)解和信息。
您想向用戶提供或者展示的最重要的東西是什么?
這款應(yīng)用程序是在緊急情況下使用的,因此界面設(shè)計(jì)簡(jiǎn)潔。同時(shí),實(shí)用性也非常重要,以確保警報(bào)能夠及時(shí)發(fā)送與接收。
項(xiàng)目名:WaryBee界面設(shè)計(jì)應(yīng)用程序
設(shè)計(jì)時(shí)間:2014年
客戶:WaryBee
WaryBee是隱藏在珠寶和配飾內(nèi)的一串安全代碼,一旦激活,將與手機(jī)應(yīng)用程序同步。這一設(shè)計(jì)要求實(shí)現(xiàn)保密性和安全性的平衡,同時(shí)確保其時(shí)尚性。
目標(biāo)用戶:
20~45歲的女性。
色彩含義:
黑色和黃色是密封的顏色,突顯了Warybee的企業(yè)形象,同時(shí)也代表“小心注意”的標(biāo)識(shí)。
使用字體:
Akkurat、Arial、Gotham。
05 預(yù)期用戶的反應(yīng)——提前預(yù)測(cè)用戶的反應(yīng),然后開(kāi)始設(shè)計(jì)。
預(yù)期用戶的反應(yīng)——提前預(yù)測(cè)用戶的反應(yīng),然后開(kāi)始設(shè)計(jì)。我建議調(diào)研用戶如何與移動(dòng)設(shè)備交互,試圖在問(wèn)題發(fā)生之前解決它,開(kāi)創(chuàng)有趣的探索空間。在清晰的探索體驗(yàn)和美麗的外觀設(shè)計(jì)之間取得平衡,意味著客戶和用戶都會(huì)非常滿意你的設(shè)計(jì)。
格洛里姆·奧加尼庫(kù)思
西班牙
格洛里姆·奧加尼庫(kù)思的職業(yè)生涯始于與另一名合伙人共同創(chuàng)建一個(gè)設(shè)計(jì)工作室。6年之后,她回到馬德里,和客戶合作,并一直持續(xù)到現(xiàn)在。這一改變讓她通過(guò)不同的方式認(rèn)識(shí)了更多新的客戶,并為其工作。她與工程和市場(chǎng)團(tuán)隊(duì)一起工作,拓寬了自己的視野。如今,她專注于為國(guó)際機(jī)構(gòu)開(kāi)放移動(dòng)應(yīng)用程序,試圖營(yíng)造一個(gè)更美好的世界。
你所認(rèn)為好的UI設(shè)計(jì)的核心是:
最重要的一點(diǎn)是功能能夠正確詮釋設(shè)計(jì)的目的。毫無(wú)疑問(wèn),交互設(shè)計(jì)應(yīng)該呈現(xiàn)直觀的體驗(yàn)和美好的外觀。我嘗試將所有的事物組織在一起,讓用戶不用去想下一步該怎么做。此外,我通常將注意力放在特定的元素上,讓用戶不會(huì)感到迷茫。
您想向用戶提供或者展示的最重要的東西是什么?
在應(yīng)用程序模板設(shè)計(jì)上,我試圖詮釋一個(gè)在菜單應(yīng)用程序上通常使用的主題。美麗的外觀是目標(biāo)之一,同時(shí)更要?jiǎng)?chuàng)造直觀的探索體驗(yàn)。
項(xiàng)目名:應(yīng)用程序模板
設(shè)計(jì)時(shí)間:2014年
客戶:Upplication
為平臺(tái)用戶客戶端創(chuàng)作不同的應(yīng)用模板。在這個(gè)案例中,此程序具有評(píng)估功能和快捷方式,非常適用于菜單設(shè)計(jì)。
目標(biāo)用戶:
想要通過(guò)簡(jiǎn)單的方式創(chuàng)建自己的應(yīng)用程序的企業(yè)或個(gè)人。
色彩含義:
我們?cè)噲D尋找不飽和的色彩,避免對(duì)眼睛造成干擾。
使用字體:
Open Sans + DIN。
您想向用戶提供或者展示的最重要的東西是什么?
我想要展示一個(gè)簡(jiǎn)約的設(shè)計(jì),讓用戶能夠快速獲得所有信息,同時(shí)免除所有多余的修飾。
項(xiàng)目名:筑夢(mèng)
設(shè)計(jì)時(shí)間:2014年
客戶:ClimbCrew公司
筑夢(mèng)(FEELDREAMS)能夠幫助你實(shí)現(xiàn)夢(mèng)想。這款應(yīng)用程序能夠讓用戶分享體驗(yàn)、投票和合作。我們呈現(xiàn)大量的信息,最好的方式是避免混亂。因此,所有的內(nèi)容通過(guò)模塊構(gòu)筑,每一次應(yīng)用都能夠清晰體現(xiàn)。
目標(biāo)用戶:
年輕的追夢(mèng)人。
色彩含義:
藍(lán)色是企業(yè)標(biāo)識(shí)色,讓人聯(lián)想到天空和自由。另外,我們?yōu)槊總€(gè)類別選用特定的色彩,黑色用于增添清晰度和穩(wěn)定性。
使用字體:
Gotham。
您想向用戶提供或者展示的最重要的東西是什么?
在這個(gè)案例中,我試圖呈現(xiàn)一個(gè)同時(shí)注重設(shè)計(jì)感和實(shí)用性的程序。主屏上有很多應(yīng)用,因此不能讓用戶感到迷惑。我將兩種類型的無(wú)襯線字體混合,增強(qiáng)動(dòng)態(tài)感。
項(xiàng)目名:Mimento應(yīng)用程序
設(shè)計(jì)時(shí)間:2014年
客戶:ClimbCrew公司
這款程序能夠?qū)⑹謾C(jī)、instagram(一個(gè)免費(fèi)提供在線圖片及短視頻分享的社交應(yīng)用)和facebook(臉書(shū))上的照片轉(zhuǎn)換出來(lái)。我們希望它能夠方便使用,所有的應(yīng)用能夠快速、直觀地操作。這也是我們只注重主要因素的原因。
目標(biāo)用戶:
攝影愛(ài)好者。
色彩含義:
綠色代表清新,灰色代表中性和平靜,黑色用于對(duì)比。
使用字體:
Raleway + DIN。
06 追隨潮流,將更多的注意力放在獨(dú)特的插畫(huà)上。
我在設(shè)計(jì)的同時(shí)畫(huà)插畫(huà)。所以,在很多作品中,我首先畫(huà)出與之匹配的插畫(huà)或形象,然后使用同樣的色調(diào)和格式設(shè)計(jì)。我在工作時(shí)緊緊追隨潮流,因此通常創(chuàng)作出相同的格式。然后,我會(huì)盡量將自己的設(shè)計(jì)與其他設(shè)計(jì)師區(qū)分開(kāi)來(lái),將更多的注意力放在獨(dú)特的插畫(huà)上。
張?jiān)踪t
韓國(guó)
張?jiān)踪t是一位來(lái)自韓國(guó)的平面設(shè)計(jì)師,自2007年開(kāi)始從事三維平面設(shè)計(jì),曾經(jīng)從事多個(gè)領(lǐng)域的工作,包括插畫(huà)、圖書(shū)和網(wǎng)站設(shè)計(jì)。擁有這樣的經(jīng)歷,他目前將插畫(huà)和交互設(shè)計(jì)結(jié)合。自2013年起,他一直是一名自由職業(yè)者,如今在Camp移動(dòng)公司從事平面設(shè)計(jì)工作。
你所認(rèn)為好的UI設(shè)計(jì)的核心是:
將美感和清晰的表現(xiàn)方式平衡是非常重要的。如果用戶看不懂,即便再美麗的設(shè)計(jì)也毫無(wú)用處。
您想向用戶提供或者展示的最重要的東西是什么?
我通過(guò)添加插圖將該程序與其他報(bào)警應(yīng)用程序區(qū)分開(kāi)來(lái)——它帶有簡(jiǎn)單的報(bào)警功能和能帶來(lái)放松感覺(jué)的插圖。
項(xiàng)目名:iOS美夢(mèng)報(bào)警應(yīng)用程序
設(shè)計(jì)時(shí)間:2014年
客戶:個(gè)人作品
iOS美夢(mèng)報(bào)警應(yīng)用程序是設(shè)計(jì)師自己研發(fā)的一個(gè)項(xiàng)目,是他單獨(dú)規(guī)劃和設(shè)計(jì)的,目前仍在開(kāi)發(fā)之中。他構(gòu)架了簡(jiǎn)單的圖形用戶界面,并通過(guò)插圖詮釋流行趨勢(shì)。他運(yùn)用獨(dú)特的報(bào)警操作系統(tǒng)和插圖將其與傳統(tǒng)的報(bào)警系統(tǒng)區(qū)分開(kāi)來(lái)。
目標(biāo)用戶:
許多想要使用這款產(chǎn)品的人。
色彩含義:
詮釋安靜夜空的插圖色彩運(yùn)用到圖形交互界面上,整體色調(diào)和格式通過(guò)插圖色彩結(jié)合在一起。
使用字體:
韓語(yǔ):Nanum Gothic OTF。
英語(yǔ):Nanum Gothic OTF、Helvetica Neue。
您想向用戶提供或者展示的最重要的東西是什么?
我試圖減少圖形內(nèi)容(如標(biāo)識(shí)和插圖),根據(jù)想要從網(wǎng)站獲得產(chǎn)品信息的用戶類型來(lái)準(zhǔn)確、快速地提供不同的信息。
項(xiàng)目名:CJ第一制糖株式會(huì)社iOS移動(dòng)應(yīng)用程序
設(shè)計(jì)時(shí)間:2014年
客戶:CJ第一制糖株式會(huì)社
設(shè)計(jì)師為CJ第一制糖株式會(huì)社(韓國(guó)食品業(yè)的代表)開(kāi)放交互設(shè)計(jì)程序。2012年,他參與這個(gè)案例時(shí),仍在e-motion機(jī)構(gòu)工作??蛻粢笸怀鲆延芯W(wǎng)站的色調(diào)和風(fēng)格,因此他將網(wǎng)站已有的形象最大化,將品牌標(biāo)識(shí)分成五個(gè)主要類別,有效呈現(xiàn)產(chǎn)品信息。
目標(biāo)用戶:
許多想要使用這款產(chǎn)品的人。
色彩含義:
色彩靈感源自CJ第一制糖株式會(huì)社標(biāo)識(shí)。色彩屬于同一基調(diào),標(biāo)識(shí)顏色用于色彩主題。
使用字體:
韓語(yǔ):Nanum Gothic OTF。
英語(yǔ):Nanum Gothic OTF、Helvetica Neue。
07 首先,要熟悉網(wǎng)格系統(tǒng),然后將其恰當(dāng)?shù)剡\(yùn)用到不同的頁(yè)面上。
首先,要熟悉網(wǎng)格系統(tǒng),然后將其恰當(dāng)?shù)剡\(yùn)用到不同的頁(yè)面上。最好的方式是記住不同平臺(tái)的規(guī)格要求。其次,在整個(gè)設(shè)計(jì)過(guò)程中牢記用戶的需求??蛻魳?lè)于盡快獲得完美的結(jié)果,而不是在程序中游蕩,要清晰標(biāo)注每一個(gè)按鍵的作用。最后,堅(jiān)持閱讀、學(xué)習(xí)和寫作。
熊潔妤
中國(guó)
她是一名來(lái)自中國(guó)的設(shè)計(jì)師和數(shù)字藝術(shù)家,擅長(zhǎng)動(dòng)畫(huà)圖形、游戲、數(shù)字插畫(huà)和交互設(shè)計(jì)。她先在中山大學(xué)取得學(xué)士學(xué)位,之后在普拉特學(xué)院攻讀數(shù)字藝術(shù)碩士專業(yè)。搬到美國(guó)之后,她開(kāi)始專注于用戶界面設(shè)計(jì),善于將實(shí)用性和有趣的創(chuàng)意結(jié)合。作為一名學(xué)生,她曾在Tinybop公司實(shí)習(xí),幫助團(tuán)隊(duì)開(kāi)發(fā)動(dòng)畫(huà)教育應(yīng)用程序?,F(xiàn)在她是紐約Tigerspike的用戶界面設(shè)計(jì)師。
你所認(rèn)為好的UI設(shè)計(jì)的核心是:
交互設(shè)計(jì)一直在改變和進(jìn)步,但有一點(diǎn)卻始終不變,那就是讓用戶滿意。
您想向用戶提供或者展示的最重要的東西是什么?
設(shè)計(jì)這款應(yīng)用程序的最終目標(biāo)是讓用戶滿意,讓他們能夠在日常生活中發(fā)現(xiàn)更多有趣的事。
項(xiàng)目名:喂動(dòng)物
設(shè)計(jì)時(shí)間:2014年
客戶:個(gè)人作品
這是一款可愛(ài)的照片濾鏡應(yīng)用程序,用戶可以發(fā)揮想象力,選擇任何有趣的東西喂動(dòng)物。
目標(biāo)用戶:
兒童和少年。
色彩含義:
使用亮麗的色彩讓用戶感到愉悅。
使用字體:
Helvetica。
您想向用戶提供或者展示的最重要的東西是什么?
對(duì)于每個(gè)人來(lái)說(shuō),任務(wù)管理都是令人痛苦和煩惱的事情。這款軟件將管理的過(guò)程游戲化,用戶可以簡(jiǎn)便地規(guī)劃自己的生活和時(shí)間。
項(xiàng)目名:FRESH IT UP
設(shè)計(jì)時(shí)間:2014年
客戶:個(gè)人作品
這是一款類似于游戲的任務(wù)管理應(yīng)用程序。用戶每次設(shè)定任務(wù)都會(huì)隨機(jī)獲得一個(gè)水果(代表任務(wù)),然后需要在水果變壞(任務(wù)截止日期)之前將它吃掉(完成任務(wù))。這款程序能夠幫助用戶有效地管理任務(wù)和時(shí)間,為生活帶來(lái)更多的樂(lè)趣。
目標(biāo)用戶:
任何一個(gè)想要用有趣的方式管理任務(wù)的人。
色彩含義:
使用紅色作為主色調(diào),讓用戶感覺(jué)充滿活力。
使用字體:
Helvetica。
08 不要害羞,多提問(wèn)!相信客戶!
不要害羞,多多提問(wèn)!沒(méi)有人希望從你那里獲得最新的交互設(shè)計(jì)調(diào)研結(jié)果。打開(kāi)瀏覽器,訪問(wèn)一下社區(qū)群體,所有人都知道這些。要相信客戶!他或許不是交互設(shè)計(jì)專家,但是他熟知自己的領(lǐng)域,能夠給你更多的建議。最后,忘掉不可能!在交互設(shè)計(jì)中,每一個(gè)客戶的夢(mèng)想都是可以實(shí)現(xiàn)的。相信這些很難嗎?問(wèn)問(wèn)別人就知道了。唯一的問(wèn)題就是客戶能不能為此買單。
朱莉·蘇迪
澳大利亞
朱莉·蘇迪在維也納居住和工作,是一名網(wǎng)站和前沿開(kāi)發(fā)設(shè)計(jì)師,擅長(zhǎng)回應(yīng)式網(wǎng)頁(yè)設(shè)計(jì)(responsive design)。在過(guò)去的幾年,她一直與多個(gè)獨(dú)立的設(shè)計(jì)機(jī)構(gòu)合作,并從中獲得了用戶體驗(yàn)設(shè)計(jì)和動(dòng)態(tài)網(wǎng)頁(yè)開(kāi)發(fā)的實(shí)踐經(jīng)驗(yàn)。她致力于創(chuàng)作網(wǎng)頁(yè)設(shè)計(jì)的新方式,并因此進(jìn)修了色彩動(dòng)態(tài)碩士課程,成為了一名合格的色彩咨詢專家。她非常感謝CSS Garden(http://www.cssgarden.co.uk)、OPL(http://onepagelove.com)的員工及Behance(https://www.behance.net)團(tuán)隊(duì)對(duì)其作品的獎(jiǎng)勵(lì)和欣賞。
你所認(rèn)為好的UI設(shè)計(jì)的核心是:
一個(gè)好的交互設(shè)計(jì)能夠引導(dǎo)用戶,而不是限制他們。內(nèi)容信息按照一定的邏輯順序排列能夠讓使用過(guò)程更加明了,只有那些需要即時(shí)交互或特殊的元素需要多加注意,其他元素只需提供明確的信息和相關(guān)的色彩、設(shè)計(jì)即可。
您想向用戶提供或者展示的最重要的東西是什么?
我嘗試詮釋設(shè)計(jì)中有趣的一面,以便于為那些渴望取得好成績(jī)的學(xué)生創(chuàng)造鼓舞人心的環(huán)境。因?yàn)檫@是針對(duì)特殊群體設(shè)計(jì)的,因此選用扁平化插圖可視化信息。
項(xiàng)目名:扁平化設(shè)計(jì)學(xué)習(xí)博客
設(shè)計(jì)時(shí)間:2013年
客戶:How to Study in College
俏皮生動(dòng)的設(shè)計(jì)能夠強(qiáng)化學(xué)習(xí)中社會(huì)性的一面。扁平化插圖奠定了基礎(chǔ),每個(gè)部分運(yùn)用的不同色彩和標(biāo)識(shí)代表不同的學(xué)習(xí)階段。
目標(biāo)用戶:
大學(xué)生或準(zhǔn)備入學(xué)考試的學(xué)生及其父母。
色彩含義:
現(xiàn)代、俏皮、有意義。
使用字體:
Titillium Web(700)、Open Sans(Regular / Bold)。
您想向用戶提供或者展示的最重要的東西是什么?
原則上,我的目的是提供快速和直接交流的機(jī)會(huì),通過(guò)向用戶給出所有問(wèn)題的答案的方式提升流量。這些答復(fù)以簡(jiǎn)約的方式通過(guò)順序排列,可能會(huì)在與人交談時(shí)用到。
項(xiàng)目名:個(gè)人應(yīng)用程序設(shè)計(jì)
設(shè)計(jì)時(shí)間:2014年
客戶:個(gè)人作品
設(shè)計(jì)的目的是創(chuàng)建一個(gè)移動(dòng)網(wǎng)站,不僅是計(jì)算機(jī)桌面的簡(jiǎn)化版本,更能完全適應(yīng)不同移動(dòng)設(shè)備。單頁(yè)碼和色彩編碼背景搜尋能夠確保用戶盡快找到信息。
目標(biāo)用戶:
時(shí)尚人士、移動(dòng)設(shè)備用戶。
色彩含義:
清晰、簡(jiǎn)約、兼容。
使用字體:
Open Sans(Light / Regular / Semi-bold / Bold / Extrabold)。
您想向用戶提供或者展示的最重要的東西是什么?
這一設(shè)計(jì)的目的是創(chuàng)建一個(gè)具有個(gè)性的網(wǎng)站,純粹的色彩詮釋出網(wǎng)站主人的性格。網(wǎng)站以視覺(jué)影響為基礎(chǔ),文本較少,單頁(yè)形式便于閱讀。
項(xiàng)目名:?jiǎn)雾?yè)網(wǎng)頁(yè)模板
設(shè)計(jì)時(shí)間:2013年
客戶:網(wǎng)頁(yè)模板在線
這一設(shè)計(jì)的目標(biāo)是打造一種時(shí)尚,因此選用了非正式的色調(diào)。同時(shí),網(wǎng)頁(yè)各個(gè)部分有序排列,通過(guò)動(dòng)畫(huà)效果接收文本。
目標(biāo)用戶:
尋求價(jià)格實(shí)惠的解決方案的初創(chuàng)企業(yè)及中小型企業(yè)。
色彩含義:
友好、隨意、便于使用。
使用字體:
Abel、Museo Sans700。
您想向用戶提供或者展示的最重要的東西是什么?
我的目標(biāo)是編譯一個(gè)模板,用于體現(xiàn)自然主義和環(huán)保意識(shí),其內(nèi)容元素比較松散,但具有連貫性,便于擴(kuò)展使用。這一程序適合個(gè)人及企業(yè)。
項(xiàng)目名:?jiǎn)雾?yè)設(shè)計(jì)師網(wǎng)站
設(shè)計(jì)時(shí)間:2013年
客戶:個(gè)人作品
這款網(wǎng)頁(yè)模板是為環(huán)保企業(yè)和公司設(shè)計(jì)的。色彩運(yùn)用突出自然主義,使用玻璃、紙張和壓花效果。格式布局突顯透明性,適用于不同的領(lǐng)域。
目標(biāo)用戶:
網(wǎng)頁(yè)開(kāi)發(fā)人員、公司雇用的開(kāi)發(fā)人員及出售模板的網(wǎng)上商店。
色彩含義:
自然、深沉、平靜。
使用字體:
Proxima Nova(Light / Semi-bold)、Source Sans Pro(Light /Regular)、Lane Narrow。
09 引用不是完全抄襲,可以借鑒思想,但不必模仿細(xì)節(jié)。
交互設(shè)計(jì)實(shí)際上包含多個(gè)元素,最重要的一點(diǎn)是對(duì)設(shè)計(jì)的認(rèn)知。如果有人想要成為一名概念設(shè)計(jì)師,那么必須對(duì)用戶有一定的了解。他需要讀書(shū),并將其與邏輯思維的設(shè)計(jì)結(jié)合。這是一種比較保守的學(xué)習(xí)方式,有時(shí)會(huì)讓人感到沮喪。有一種方式可以讓初學(xué)者快速找到自信——這就是引用。舉個(gè)例子,如果非常喜歡某種設(shè)計(jì)方式,那么就可以借鑒這種形式構(gòu)思自己的創(chuàng)意。如果在色彩運(yùn)用和繪畫(huà)技巧上有好的基礎(chǔ),我相信不久就能看到成功的曙光。
馬哲
中國(guó)
他是一名愛(ài)幻想的視覺(jué)設(shè)計(jì)師,因?yàn)橛袎?mèng)想,所以內(nèi)心世界非常豐富。他認(rèn)為設(shè)計(jì)即溝通,設(shè)計(jì)是追求美好體驗(yàn),設(shè)計(jì)存在于任何一個(gè)細(xì)節(jié)中,設(shè)計(jì)是一種傳統(tǒng),是無(wú)盡的探索,是勇敢迎接挑戰(zhàn),是任何一種源于愛(ài)的東西。他喜歡分享設(shè)計(jì),喜歡交朋友,喜歡和朋友討論。他創(chuàng)作了自己的設(shè)計(jì)服務(wù)品牌“seevisual”,這是一個(gè)充滿驚喜、擁有無(wú)限活力、具有龐大動(dòng)態(tài)設(shè)計(jì)機(jī)制的品牌,其名字是驚喜(surprise)、發(fā)展(development)和活力(power)的縮寫。
你所認(rèn)為好的UI設(shè)計(jì)的核心是:
交互設(shè)計(jì)注重視覺(jué)交流、色彩感知、創(chuàng)意圖形表達(dá)和情感表達(dá)。不要過(guò)分夸大,要享受延伸的意義。
您想向用戶提供或者展示的最重要的東西是什么?
奇妙的旅程將從這里開(kāi)始——精美的圖片悄然呈現(xiàn),抽象的圖形充滿視覺(jué)美感,讓用戶感覺(jué)到神秘與浪漫。
項(xiàng)目名:多主題設(shè)計(jì)(奇妙)
設(shè)計(jì)時(shí)間:2014年
客戶:華為
這套主題詮釋個(gè)人情感和愿望,突顯復(fù)古風(fēng)格。找到一種風(fēng)格進(jìn)行參考,將設(shè)計(jì)理念通過(guò)圖形的變化、紋理樣式的改變呈現(xiàn)出來(lái),突顯真實(shí)的情感。塊狀圖標(biāo)省略了繁復(fù)的工藝和藝術(shù)效果,呈現(xiàn)圖形的抽象美。這種獨(dú)特的處理方式能給人帶來(lái)豐富的想象。
目標(biāo)用戶:
10~40歲的人群。
色彩含義:
深綠色展現(xiàn)復(fù)古的神秘氣息,藍(lán)色、黃色和綠色的交替體現(xiàn)時(shí)尚韻味。
使用字體:
英文:DejaVu Serif。
中文:Droid Sans Fallback。
您想向用戶提供或者展示的最重要的東西是什么?
五彩繽紛的世界和華麗的氛圍。對(duì)色彩的感覺(jué)是設(shè)計(jì)中的重要主題,如今我們有了彩色紙張,精心折疊就能設(shè)計(jì)出美麗的作品。
項(xiàng)目名:oppo
設(shè)計(jì)時(shí)間:2014年
客戶:oppo移動(dòng)公司
我們想向用戶呈現(xiàn)五彩繽紛的世界和華麗的氛圍。對(duì)色彩的感覺(jué)是設(shè)計(jì)中的重要主題,當(dāng)然這一主題體現(xiàn)在實(shí)際形狀上,要求每個(gè)圖標(biāo)盡可能完美呈現(xiàn)。在彩色紙張的選擇上突出多樣性,但同時(shí)保證視覺(jué)效果的統(tǒng)一。
目標(biāo)用戶:
10~40歲的人群。
色彩含義:
絢麗的色彩,繽紛的世界。色彩呈現(xiàn)出融合特性。
使用字體:
英文:Roboto。中文:Droid Sans Fallback。
您想向用戶提供或者展示的最重要的東西是什么?
獨(dú)特的iOS7扁平化設(shè)計(jì)融入高飽和度的時(shí)尚表達(dá)方式,讓購(gòu)物過(guò)程更加絢麗。
項(xiàng)目名:iOS7風(fēng)格
設(shè)計(jì)時(shí)間:2013
客戶:個(gè)人作品
這是一套具有iOS7風(fēng)格的圖標(biāo)設(shè)計(jì),主要設(shè)計(jì)以圖標(biāo)為基礎(chǔ),設(shè)置時(shí)尚的購(gòu)物應(yīng)用程序。圖標(biāo)分為12個(gè)類別,帶有2個(gè)iOS7網(wǎng)頁(yè),營(yíng)造了一個(gè)時(shí)尚氛圍,突顯設(shè)計(jì)的精髓并詮釋出圖標(biāo)的意義。程序通過(guò)12個(gè)圖標(biāo)開(kāi)始,以時(shí)尚的綠色作為主色調(diào),以深灰色作為輔助色。整個(gè)設(shè)計(jì)呈現(xiàn)時(shí)尚的購(gòu)物精神。
目標(biāo)用戶:
16~40歲的人群。
色彩含義:
高飽和度的綠色調(diào)與其他應(yīng)用程序形成對(duì)比,突顯時(shí)尚特質(zhì)。
使用字體:
英文:Helvetica。中文:Bold Simplified。
10 讓自己身處創(chuàng)作過(guò)程之中;重視設(shè)計(jì)技藝和探討。
重視網(wǎng)格構(gòu)架和排版方式。同時(shí),簡(jiǎn)化幾何造型,但不要忽略色彩呈現(xiàn)。使用對(duì)比,時(shí)刻分享自己的創(chuàng)作,接受批評(píng)。不斷詢問(wèn)自己是否喜歡完成的作品,如果自己不喜歡,那么就再重新審視。讓自己身處創(chuàng)作過(guò)程之中,即便是在切菜的時(shí)候也可以思考。最后但也是最重要的,微笑面對(duì)你的客戶。
馬雅·列別杰娃
白俄羅斯
馬雅從事平面設(shè)計(jì)工作超過(guò)3年,專注手機(jī)界面設(shè)計(jì),非常熱衷排版、制版和品牌形象設(shè)計(jì)。
你所認(rèn)為好的UI設(shè)計(jì)的核心是:
在我看來(lái),一個(gè)好的交互設(shè)計(jì)的核心理念是將用戶的任務(wù)和目標(biāo)放在首位。考慮用戶的需求,盡可能讓設(shè)計(jì)簡(jiǎn)化而實(shí)用。為達(dá)到這樣的目標(biāo),可以把自己想象成用戶。
您想向用戶提供或者展示的最重要的東西是什么?
我們從一開(kāi)始就知道,項(xiàng)目確立之后的內(nèi)容是無(wú)法控制的。我們的目標(biāo)就是不失設(shè)計(jì)內(nèi)容的完整性。