正文

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

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


方法技巧體會(huì)

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

要有活力,要富有想象力。避免跟隨流行趨勢,不要讓作品中的技術(shù)性超越創(chuàng)意性,最壞的情況下也要試圖平衡兩個(gè)方面。一個(gè)朋友曾經(jīng)告訴我一個(gè)簡單的小技巧——給自己的理念取個(gè)名字,這樣有助于確定設(shè)計(jì)風(fēng)格。我一直在使用這個(gè)小技巧。

阿迪·迪茲達(dá)雷維奇

波黑

阿迪·迪茲達(dá)雷維奇是波黑的一名多學(xué)科設(shè)計(jì)師和設(shè)計(jì)總監(jiān),擅長網(wǎng)站、交互及平面設(shè)計(jì)、影視制作和現(xiàn)場多媒體裝置設(shè)計(jì)。他的創(chuàng)作主要受到自然、靈性和亞文化的影響。在設(shè)計(jì)中,他喜歡將非傳統(tǒng)的多媒體方式與實(shí)驗(yàn)性的藝術(shù)風(fēng)格結(jié)合,試圖創(chuàng)作永恒的作品。他的客戶包括德國電信T-Mobile公司、愛立信(Ericsson)、fisil、Resolume、Ray實(shí)驗(yàn)室、Netlog社交網(wǎng)絡(luò)網(wǎng)站,以及EC信息系統(tǒng)公司。

你所認(rèn)為好的UI設(shè)計(jì)的核心是:

創(chuàng)作即追求視覺美、實(shí)用性和簡約性的平衡。

項(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è)人。

色彩含義:

寫是簡單的方式,高效性源于將非常規(guī)的事物統(tǒng)一。

使用字體:

Din Light Alternate、GreekC。

您想向用戶提供或者展示的最重要的東西是什么?

盡管這是一個(gè)企業(yè)聊天應(yīng)用程序,但我也試圖通過有趣而功能性十足的界面展示創(chuàng)意,鼓勵(lì)他們積極地交流。

項(xiàng)目名:hopcab應(yīng)用程序

設(shè)計(jì)時(shí)間:2012年

客戶:hopcab

hopcab是一款為馬來西亞市場定制的移動(dòng)租車應(yīng)用軟件。這是一個(gè)簡單得多平臺(tái)服務(wù)程序,能夠?qū)崿F(xiàn)出租車公司與乘客的聯(lián)系。

目標(biāo)用戶:

馬來西亞出租車乘客。

色彩含義:

色彩是hopcab形象的一部分(典型的出租車風(fēng)格)。

使用字體:

Helvetica Neue LT。

02 觀察力至關(guān)重要!不僅要觀察流行趨勢和其他設(shè)計(jì)師的作品,更要觀察自然。

設(shè)計(jì)包含兩個(gè)既定的因素,即知道要做什么以及怎么做。這兩個(gè)因素可以通過經(jīng)歷、學(xué)習(xí)和觀察而了解。必須要遵循規(guī)則,但不必流于形式,固守成規(guī)有時(shí)會(huì)制約自由的創(chuàng)意。要在規(guī)劃好每一個(gè)細(xì)節(jié)之后開始設(shè)計(jì),否則每次遇到困難都要重新開始。觀察力至關(guān)重要,不僅僅是觀察流行趨勢和其他設(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)始人。

色彩含義:

我想通過色彩提升活力,讓人們遠(yuǎn)離工作帶來的壓力。

使用字體:

Lato。

您想向用戶提供或者展示的最重要的東西是什么?

用戶可以通過最快捷的方式找到自己想聽的歌曲、專輯或歌手的名字。這樣用戶可以在購買之前輕松聽到歌曲,盡情享受音樂。

項(xiàng)目名:音樂測試員

設(shè)計(jì)時(shí)間:2014年

客戶:Sensec Muzik商店

這款項(xiàng)目是針對(duì)音樂市場而設(shè)計(jì)的,沒能如愿購買到專輯的音樂愛好者能通過它買到專輯。

目標(biāo)用戶:

所有的音樂愛好者。

色彩含義:

通過突出自由、和平的大量鮮明的顏色來吸引用戶。

使用字體:

Lato。

03 在設(shè)計(jì)的不同階段從使用者的角度考慮。

設(shè)計(jì)師在創(chuàng)作時(shí)很容易被影響,使得最后的結(jié)果完全脫離最初的理念,因此要在過程中時(shí)刻從使用者的角度考慮。如果自己感覺這不是使用者想要的,那么就要重新構(gòu)思,最后往往就能得到一個(gè)更好的解決方式。

大衛(wèi)·博特利亞和黛比·馬丁

西班牙

大衛(wèi)·博特利亞和黛比·馬丁是兩位來自馬德里的藝術(shù)總監(jiān),曾在多個(gè)大型機(jī)構(gòu)合作參與國際規(guī)模的設(shè)計(jì)大賽,擁有超過25年的經(jīng)驗(yàn)。2014年,他們共同創(chuàng)建了The Woork Co(位于馬德里Preciados步行街中心的一家多學(xué)科設(shè)計(jì)機(jī)構(gòu))。Fandanz應(yīng)用程序是他們在新公司的作品。

你所認(rèn)為好的UI設(shè)計(jì)的核心是:

一個(gè)好的交互設(shè)計(jì)作品是將復(fù)雜的概念轉(zhuǎ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)作人物形象作為未來的品牌。

目標(biāo)用戶:

亞洲及拉丁美洲年齡為15~25歲的女性。

色彩含義:

為達(dá)到最終目標(biāo),我們決定使用明亮的色彩——粉色和紫色作為基調(diào),打造一個(gè)亮麗而愉悅的氛圍。

使用字體:

Brandon Grotesque。

您想向用戶提供或者展示的最重要的東西是什么?

快樂。這是一款舞蹈游戲,我們樂于讓用戶體會(huì)到快樂。

04 除非設(shè)計(jì)方向已經(jīng)明確精準(zhǔn),否則調(diào)研之后再開始設(shè)計(jì)。

除非設(shè)計(jì)方向已經(jīng)明確精準(zhǔn),否則調(diào)研之后再開始設(shè)計(jì)。調(diào)研能夠獲得更多的想法,同時(shí)鞏固設(shè)計(jì)的方向。設(shè)計(jì)師通常忽略的重要一步是了解用戶的反饋——有時(shí)適用于一個(gè)用戶并不等于適合另一個(gè)用戶。如果自己對(duì)設(shè)計(jì)都不滿意,就意味著這不夠好。

杰拉爾丁·邁克

馬來西亞

杰拉爾丁·邁克是一名創(chuàng)意總監(jiān)、TCA(創(chuàng)意機(jī)構(gòu),位于馬來西亞的一家數(shù)字機(jī)構(gòu))公司合伙創(chuàng)作人。TCA嘗試將智能視覺策略與公司的文化和最好的設(shè)計(jì)結(jié)合,為企業(yè)和品牌打造更好的體驗(yàn)。她在數(shù)字和離線平臺(tái)方面擁有突出的優(yōu)勢,在SEA地區(qū)創(chuàng)作了很多創(chuàng)意性的杰出作品。

你所認(rèn)為好的UI設(shè)計(jì)的核心是:

交互設(shè)計(jì)包括了解設(shè)計(jì)的目的、面向的用戶及使用的平臺(tái)。一個(gè)好的設(shè)計(jì)應(yīng)該具有實(shí)用性,簡單而連貫,視覺效果美觀,同時(shí)功能性十足。

您想向用戶提供或者展示的最重要的東西是什么?

PEEPS是一種便捷高效的考勤打卡系統(tǒng),用以取代傳統(tǒng)的考勤打卡系統(tǒng)。這種應(yīng)用界面設(shè)計(jì)對(duì)于雇員來說是簡單且適用的,而對(duì)于雇主和經(jīng)理人來說則可以直觀地呈現(xiàn)出概括性的關(guān)鍵信息。

項(xiàng)目名:PEEPS應(yīng)用界面設(shè)計(jì)

設(shè)計(jì)時(shí)間:2014年

客戶:PEEPS

PEEPS 能夠使雇主通過操作一個(gè)很小的設(shè)備來監(jiān)督雇員的出勤情況,并且它也僅需要一次性登錄即可。這項(xiàng)設(shè)計(jì)包括一個(gè)應(yīng)用和一個(gè)帶有微型圖畫的網(wǎng)絡(luò)應(yīng)用界面。

目標(biāo)用戶:

F&B Outlets。

色彩含義:

作為基本色調(diào)的青綠色營造了一種溫馨友好的氛圍。

使用字體:

Roboto、Roboto Slab。

項(xiàng)目名:TIDE分析咨詢網(wǎng)站應(yīng)用程序界面設(shè)計(jì)

設(shè)計(jì)時(shí)間:2014年

客戶:TIDE分析咨詢公司

TIDE軟件包含大量的信息,因此其界面設(shè)計(jì)要友好清晰。設(shè)計(jì)過程中大部分時(shí)間用于理解和詮釋數(shù)據(jù)、計(jì)算,以及分析過程。

目標(biāo)用戶:

零售店、零售連鎖店、商場。

色彩含義:

紫色和黑色突顯了TIDE數(shù)據(jù)的智能性和高效性。

使用字體:

Maven pro。

您想向用戶提供或者展示的最重要的東西是什么?

主要的目標(biāo)是將所有的即時(shí)信息通過表格、圖形、信息圖表的方式以簡單有效的界面向用戶呈現(xiàn),展示重要的分析結(jié)果、見解和信息。

您想向用戶提供或者展示的最重要的東西是什么?

這款應(yīng)用程序是在緊急情況下使用的,因此界面設(shè)計(jì)簡潔。同時(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ù)測用戶的反應(yīng),然后開始設(shè)計(jì)。

預(yù)期用戶的反應(yīng)——提前預(yù)測用戶的反應(yīng),然后開始設(shè)計(jì)。我建議調(diào)研用戶如何與移動(dòng)設(shè)備交互,試圖在問題發(fā)生之前解決它,開創(chuàng)有趣的探索空間。在清晰的探索體驗(yàn)和美麗的外觀設(shè)計(jì)之間取得平衡,意味著客戶和用戶都會(huì)非常滿意你的設(shè)計(jì)。

格洛里姆·奧加尼庫思

西班牙

格洛里姆·奧加尼庫思的職業(yè)生涯始于與另一名合伙人共同創(chuàng)建一個(gè)設(shè)計(jì)工作室。6年之后,她回到馬德里,和客戶合作,并一直持續(xù)到現(xiàn)在。這一改變讓她通過不同的方式認(rèn)識(shí)了更多新的客戶,并為其工作。她與工程和市場團(tuán)隊(duì)一起工作,拓寬了自己的視野。如今,她專注于為國際機(jī)構(gòu)開放移動(dòng)應(yīng)用程序,試圖營造一個(gè)更美好的世界。

你所認(rèn)為好的UI設(shè)計(jì)的核心是:

最重要的一點(diǎn)是功能能夠正確詮釋設(shè)計(jì)的目的。毫無疑問,交互設(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)用戶:

想要通過簡單的方式創(chuàng)建自己的應(yīng)用程序的企業(yè)或個(gè)人。

色彩含義:

我們試圖尋找不飽和的色彩,避免對(duì)眼睛造成干擾。

使用字體:

Open Sans + DIN。

您想向用戶提供或者展示的最重要的東西是什么?

我想要展示一個(gè)簡約的設(shè)計(jì),讓用戶能夠快速獲得所有信息,同時(shí)免除所有多余的修飾。

項(xiàng)目名:筑夢

設(shè)計(jì)時(shí)間:2014年

客戶:ClimbCrew公司

筑夢(FEELDREAMS)能夠幫助你實(shí)現(xiàn)夢想。這款應(yīng)用程序能夠讓用戶分享體驗(yàn)、投票和合作。我們呈現(xiàn)大量的信息,最好的方式是避免混亂。因此,所有的內(nèi)容通過模塊構(gòu)筑,每一次應(yīng)用都能夠清晰體現(xiàn)。

目標(biāo)用戶:

年輕的追夢人。

色彩含義:

藍(lán)色是企業(yè)標(biāo)識(shí)色,讓人聯(lián)想到天空和自由。另外,我們?yōu)槊總€(gè)類別選用特定的色彩,黑色用于增添清晰度和穩(wěn)定性。

使用字體:

Gotham。

您想向用戶提供或者展示的最重要的東西是什么?

在這個(gè)案例中,我試圖呈現(xiàn)一個(gè)同時(shí)注重設(shè)計(jì)感和實(shí)用性的程序。主屏上有很多應(yīng)用,因此不能讓用戶感到迷惑。我將兩種類型的無襯線字體混合,增強(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(臉書)上的照片轉(zhuǎn)換出來。我們希望它能夠方便使用,所有的應(yīng)用能夠快速、直觀地操作。這也是我們只注重主要因素的原因。

目標(biāo)用戶:

攝影愛好者。

色彩含義:

綠色代表清新,灰色代表中性和平靜,黑色用于對(duì)比。

使用字體:

Raleway + DIN。

06 追隨潮流,將更多的注意力放在獨(dú)特的插畫上。

我在設(shè)計(jì)的同時(shí)畫插畫。所以,在很多作品中,我首先畫出與之匹配的插畫或形象,然后使用同樣的色調(diào)和格式設(shè)計(jì)。我在工作時(shí)緊緊追隨潮流,因此通常創(chuàng)作出相同的格式。然后,我會(huì)盡量將自己的設(shè)計(jì)與其他設(shè)計(jì)師區(qū)分開來,將更多的注意力放在獨(dú)特的插畫上。

張?jiān)踪t

韓國

張?jiān)踪t是一位來自韓國的平面設(shè)計(jì)師,自2007年開始從事三維平面設(shè)計(jì),曾經(jīng)從事多個(gè)領(lǐng)域的工作,包括插畫、圖書和網(wǎng)站設(shè)計(jì)。擁有這樣的經(jīng)歷,他目前將插畫和交互設(shè)計(jì)結(jié)合。自2013年起,他一直是一名自由職業(yè)者,如今在Camp移動(dòng)公司從事平面設(shè)計(jì)工作。

你所認(rèn)為好的UI設(shè)計(jì)的核心是:

將美感和清晰的表現(xiàn)方式平衡是非常重要的。如果用戶看不懂,即便再美麗的設(shè)計(jì)也毫無用處。

您想向用戶提供或者展示的最重要的東西是什么?

我通過添加插圖將該程序與其他報(bào)警應(yīng)用程序區(qū)分開來——它帶有簡單的報(bào)警功能和能帶來放松感覺的插圖。

項(xiàng)目名:iOS美夢報(bào)警應(yīng)用程序

設(shè)計(jì)時(shí)間:2014年

客戶:個(gè)人作品

iOS美夢報(bào)警應(yīng)用程序是設(shè)計(jì)師自己研發(fā)的一個(gè)項(xiàng)目,是他單獨(dú)規(guī)劃和設(shè)計(jì)的,目前仍在開發(fā)之中。他構(gòu)架了簡單的圖形用戶界面,并通過插圖詮釋流行趨勢。他運(yùn)用獨(dú)特的報(bào)警操作系統(tǒng)和插圖將其與傳統(tǒng)的報(bào)警系統(tǒng)區(qū)分開來。

目標(biāo)用戶:

許多想要使用這款產(chǎn)品的人。

色彩含義:

詮釋安靜夜空的插圖色彩運(yùn)用到圖形交互界面上,整體色調(diào)和格式通過插圖色彩結(jié)合在一起。

使用字體:

韓語:Nanum Gothic OTF。

英語:Nanum Gothic OTF、Helvetica Neue。

您想向用戶提供或者展示的最重要的東西是什么?

我試圖減少圖形內(nèi)容(如標(biāo)識(shí)和插圖),根據(jù)想要從網(wǎng)站獲得產(chǎn)品信息的用戶類型來準(zhǔn)確、快速地提供不同的信息。

項(xiàng)目名:CJ第一制糖株式會(huì)社iOS移動(dòng)應(yīng)用程序

設(shè)計(jì)時(shí)間:2014年

客戶:CJ第一制糖株式會(huì)社

設(shè)計(jì)師為CJ第一制糖株式會(huì)社(韓國食品業(yè)的代表)開放交互設(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í)顏色用于色彩主題。

使用字體:

韓語:Nanum Gothic OTF。

英語:Nanum Gothic OTF、Helvetica Neue。

07 首先,要熟悉網(wǎng)格系統(tǒng),然后將其恰當(dāng)?shù)剡\(yùn)用到不同的頁面上。

首先,要熟悉網(wǎng)格系統(tǒng),然后將其恰當(dāng)?shù)剡\(yùn)用到不同的頁面上。最好的方式是記住不同平臺(tái)的規(guī)格要求。其次,在整個(gè)設(shè)計(jì)過程中牢記用戶的需求??蛻魳酚诒M快獲得完美的結(jié)果,而不是在程序中游蕩,要清晰標(biāo)注每一個(gè)按鍵的作用。最后,堅(jiān)持閱讀、學(xué)習(xí)和寫作。

熊潔妤

中國

她是一名來自中國的設(shè)計(jì)師和數(shù)字藝術(shù)家,擅長動(dòng)畫圖形、游戲、數(shù)字插畫和交互設(shè)計(jì)。她先在中山大學(xué)取得學(xué)士學(xué)位,之后在普拉特學(xué)院攻讀數(shù)字藝術(shù)碩士專業(yè)。搬到美國之后,她開始專注于用戶界面設(shè)計(jì),善于將實(shí)用性和有趣的創(chuàng)意結(jié)合。作為一名學(xué)生,她曾在Tinybop公司實(shí)習(xí),幫助團(tuán)隊(duì)開發(fā)動(dòng)畫教育應(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è)人作品

這是一款可愛的照片濾鏡應(yīng)用程序,用戶可以發(fā)揮想象力,選擇任何有趣的東西喂動(dòng)物。

目標(biāo)用戶:

兒童和少年。

色彩含義:

使用亮麗的色彩讓用戶感到愉悅。

使用字體:

Helvetica。

您想向用戶提供或者展示的最重要的東西是什么?

對(duì)于每個(gè)人來說,任務(wù)管理都是令人痛苦和煩惱的事情。這款軟件將管理的過程游戲化,用戶可以簡便地規(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í)間,為生活帶來更多的樂趣。

目標(biāo)用戶:

任何一個(gè)想要用有趣的方式管理任務(wù)的人。

色彩含義:

使用紅色作為主色調(diào),讓用戶感覺充滿活力。

使用字體:

Helvetica。

08 不要害羞,多提問!相信客戶!

不要害羞,多多提問!沒有人希望從你那里獲得最新的交互設(shè)計(jì)調(diào)研結(jié)果。打開瀏覽器,訪問一下社區(qū)群體,所有人都知道這些。要相信客戶!他或許不是交互設(shè)計(jì)專家,但是他熟知自己的領(lǐng)域,能夠給你更多的建議。最后,忘掉不可能!在交互設(shè)計(jì)中,每一個(gè)客戶的夢想都是可以實(shí)現(xiàn)的。相信這些很難嗎?問問別人就知道了。唯一的問題就是客戶能不能為此買單。

朱莉·蘇迪

澳大利亞

朱莉·蘇迪在維也納居住和工作,是一名網(wǎng)站和前沿開發(fā)設(shè)計(jì)師,擅長回應(yīng)式網(wǎng)頁設(shè)計(jì)(responsive design)。在過去的幾年,她一直與多個(gè)獨(dú)立的設(shè)計(jì)機(jī)構(gòu)合作,并從中獲得了用戶體驗(yàn)設(shè)計(jì)和動(dòng)態(tài)網(wǎng)頁開發(fā)的實(shí)踐經(jīng)驗(yàn)。她致力于創(chuàng)作網(wǎng)頁設(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)容信息按照一定的邏輯順序排列能夠讓使用過程更加明了,只有那些需要即時(shí)交互或特殊的元素需要多加注意,其他元素只需提供明確的信息和相關(guān)的色彩、設(shè)計(jì)即可。

您想向用戶提供或者展示的最重要的東西是什么?

我嘗試詮釋設(shè)計(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ì),通過向用戶給出所有問題的答案的方式提升流量。這些答復(fù)以簡約的方式通過順序排列,可能會(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ī)桌面的簡化版本,更能完全適應(yīng)不同移動(dòng)設(shè)備。單頁碼和色彩編碼背景搜尋能夠確保用戶盡快找到信息。

目標(biāo)用戶:

時(shí)尚人士、移動(dòng)設(shè)備用戶。

色彩含義:

清晰、簡約、兼容。

使用字體:

Open Sans(Light / Regular / Semi-bold / Bold / Extrabold)。

您想向用戶提供或者展示的最重要的東西是什么?

這一設(shè)計(jì)的目的是創(chuàng)建一個(gè)具有個(gè)性的網(wǎng)站,純粹的色彩詮釋出網(wǎng)站主人的性格。網(wǎng)站以視覺影響為基礎(chǔ),文本較少,單頁形式便于閱讀。

項(xiàng)目名:單頁網(wǎng)頁模板

設(shè)計(jì)時(shí)間:2013年

客戶:網(wǎng)頁模板在線

這一設(shè)計(jì)的目標(biāo)是打造一種時(shí)尚,因此選用了非正式的色調(diào)。同時(shí),網(wǎng)頁各個(gè)部分有序排列,通過動(dòng)畫效果接收文本。

目標(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)目名:單頁設(shè)計(jì)師網(wǎng)站

設(shè)計(jì)時(shí)間:2013年

客戶:個(gè)人作品

這款網(wǎng)頁模板是為環(huán)保企業(yè)和公司設(shè)計(jì)的。色彩運(yùn)用突出自然主義,使用玻璃、紙張和壓花效果。格式布局突顯透明性,適用于不同的領(lǐng)域。

目標(biāo)用戶:

網(wǎng)頁開發(fā)人員、公司雇用的開發(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è)計(jì)結(jié)合。這是一種比較保守的學(xué)習(xí)方式,有時(shí)會(huì)讓人感到沮喪。有一種方式可以讓初學(xué)者快速找到自信——這就是引用。舉個(gè)例子,如果非常喜歡某種設(shè)計(jì)方式,那么就可以借鑒這種形式構(gòu)思自己的創(chuàng)意。如果在色彩運(yùn)用和繪畫技巧上有好的基礎(chǔ),我相信不久就能看到成功的曙光。

馬哲

中國

他是一名愛幻想的視覺設(shè)計(jì)師,因?yàn)橛袎粝?,所以?nèi)心世界非常豐富。他認(rèn)為設(shè)計(jì)即溝通,設(shè)計(jì)是追求美好體驗(yàn),設(shè)計(jì)存在于任何一個(gè)細(xì)節(jié)中,設(shè)計(jì)是一種傳統(tǒng),是無盡的探索,是勇敢迎接挑戰(zhàn),是任何一種源于愛的東西。他喜歡分享設(shè)計(jì),喜歡交朋友,喜歡和朋友討論。他創(chuàng)作了自己的設(shè)計(jì)服務(wù)品牌“seevisual”,這是一個(gè)充滿驚喜、擁有無限活力、具有龐大動(dòng)態(tài)設(shè)計(jì)機(jī)制的品牌,其名字是驚喜(surprise)、發(fā)展(development)和活力(power)的縮寫。

你所認(rèn)為好的UI設(shè)計(jì)的核心是:

交互設(shè)計(jì)注重視覺交流、色彩感知、創(chuàng)意圖形表達(dá)和情感表達(dá)。不要過分夸大,要享受延伸的意義。

您想向用戶提供或者展示的最重要的東西是什么?

奇妙的旅程將從這里開始——精美的圖片悄然呈現(xiàn),抽象的圖形充滿視覺美感,讓用戶感覺到神秘與浪漫。

項(xiàng)目名:多主題設(shè)計(jì)(奇妙)

設(shè)計(jì)時(shí)間:2014年

客戶:華為

這套主題詮釋個(gè)人情感和愿望,突顯復(fù)古風(fēng)格。找到一種風(fēng)格進(jìn)行參考,將設(shè)計(jì)理念通過圖形的變化、紋理樣式的改變呈現(xiàn)出來,突顯真實(shí)的情感。塊狀圖標(biāo)省略了繁復(fù)的工藝和藝術(shù)效果,呈現(xiàn)圖形的抽象美。這種獨(dú)特的處理方式能給人帶來豐富的想象。

目標(biāo)用戶:

10~40歲的人群。

色彩含義:

深綠色展現(xiàn)復(fù)古的神秘氣息,藍(lán)色、黃色和綠色的交替體現(xiàn)時(shí)尚韻味。

使用字體:

英文:DejaVu Serif。

中文:Droid Sans Fallback。

您想向用戶提供或者展示的最重要的東西是什么?

五彩繽紛的世界和華麗的氛圍。對(duì)色彩的感覺是設(shè)計(jì)中的重要主題,如今我們有了彩色紙張,精心折疊就能設(shè)計(jì)出美麗的作品。

項(xiàng)目名:oppo

設(shè)計(jì)時(shí)間:2014年

客戶:oppo移動(dòng)公司

我們想向用戶呈現(xiàn)五彩繽紛的世界和華麗的氛圍。對(duì)色彩的感覺是設(shè)計(jì)中的重要主題,當(dāng)然這一主題體現(xiàn)在實(shí)際形狀上,要求每個(gè)圖標(biāo)盡可能完美呈現(xiàn)。在彩色紙張的選擇上突出多樣性,但同時(shí)保證視覺效果的統(tǒng)一。

目標(biāo)用戶:

10~40歲的人群。

色彩含義:

絢麗的色彩,繽紛的世界。色彩呈現(xiàn)出融合特性。

使用字體:

英文:Roboto。中文:Droid Sans Fallback。

您想向用戶提供或者展示的最重要的東西是什么?

獨(dú)特的iOS7扁平化設(shè)計(jì)融入高飽和度的時(shí)尚表達(dá)方式,讓購物過程更加絢麗。

項(xiàng)目名:iOS7風(fēng)格

設(shè)計(jì)時(shí)間:2013

客戶:個(gè)人作品

這是一套具有iOS7風(fēng)格的圖標(biāo)設(shè)計(jì),主要設(shè)計(jì)以圖標(biāo)為基礎(chǔ),設(shè)置時(shí)尚的購物應(yīng)用程序。圖標(biāo)分為12個(gè)類別,帶有2個(gè)iOS7網(wǎng)頁,營造了一個(gè)時(shí)尚氛圍,突顯設(shè)計(jì)的精髓并詮釋出圖標(biāo)的意義。程序通過12個(gè)圖標(biāo)開始,以時(shí)尚的綠色作為主色調(diào),以深灰色作為輔助色。整個(gè)設(shè)計(jì)呈現(xiàn)時(shí)尚的購物精神。

目標(biāo)用戶:

16~40歲的人群。

色彩含義:

高飽和度的綠色調(diào)與其他應(yīng)用程序形成對(duì)比,突顯時(shí)尚特質(zhì)。

使用字體:

英文:Helvetica。中文:Bold Simplified。

10 讓自己身處創(chuàng)作過程之中;重視設(shè)計(jì)技藝和探討。

重視網(wǎng)格構(gòu)架和排版方式。同時(shí),簡化幾何造型,但不要忽略色彩呈現(xiàn)。使用對(duì)比,時(shí)刻分享自己的創(chuàng)作,接受批評(píng)。不斷詢問自己是否喜歡完成的作品,如果自己不喜歡,那么就再重新審視。讓自己身處創(chuàng)作過程之中,即便是在切菜的時(shí)候也可以思考。最后但也是最重要的,微笑面對(duì)你的客戶。

馬雅·列別杰娃

白俄羅斯

馬雅從事平面設(shè)計(jì)工作超過3年,專注手機(jī)界面設(shè)計(jì),非常熱衷排版、制版和品牌形象設(shè)計(jì)。

你所認(rèn)為好的UI設(shè)計(jì)的核心是:

在我看來,一個(gè)好的交互設(shè)計(jì)的核心理念是將用戶的任務(wù)和目標(biāo)放在首位??紤]用戶的需求,盡可能讓設(shè)計(jì)簡化而實(shí)用。為達(dá)到這樣的目標(biāo),可以把自己想象成用戶。

您想向用戶提供或者展示的最重要的東西是什么?

我們從一開始就知道,項(xiàng)目確立之后的內(nèi)容是無法控制的。我們的目標(biāo)就是不失設(shè)計(jì)內(nèi)容的完整性。


上一章目錄下一章

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