正文

01 給自己的作品命名有助于確定設(shè)計(jì)風(fēng)格。

UI設(shè)計(jì)觀點(diǎn):全球50位頂級(jí)UI設(shè)計(jì)師訪談與項(xiàng)目解析 作者:度本圖書(shū)(Dopress Books)


方法技巧體會(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)容的完整性。


上一章目錄下一章

Copyright ? 讀書(shū)網(wǎng) www.talentonion.com 2005-2020, All Rights Reserved.
鄂ICP備15019699號(hào) 鄂公網(wǎng)安備 42010302001612號(hào)