首頁

帶你了解荷蘭設(shè)計(jì)史的前世今生(中)

資深UI設(shè)計(jì)者

如果您想訂閱本博客內(nèi)容,每天自動(dòng)發(fā)到您的郵箱中, 請點(diǎn)這里

荷蘭風(fēng)格派設(shè)計(jì)及其相關(guān)的一些大咖在之前的各種分享當(dāng)中都曾經(jīng)客串走場,比方杜斯伯格出現(xiàn)在包豪斯的分享,蒙德里安出現(xiàn)在俄羅斯的構(gòu)成主義分享等,今天他們終于要唱主角,其實(shí)經(jīng)過今天的了解,大家會(huì)發(fā)現(xiàn)風(fēng)格派一直以來都不容小覷。

首先我們來了解一下,風(fēng)格派的特點(diǎn)是什么。其實(shí)風(fēng)格派單單看名稱就特別牛氣,比方我們會(huì)說這個(gè)汽車叫奔馳,或者這個(gè)汽車叫捷豹,不會(huì)說這個(gè)汽車叫汽車,然而當(dāng)我們說起風(fēng)格派時(shí)跟這個(gè)汽車叫汽車一樣,這個(gè)風(fēng)格就叫風(fēng)格派。

風(fēng)格派有一句名言,出自杜斯伯格,叫「剝?nèi)ケ举|(zhì)的外形,你就會(huì)得到風(fēng)格?!?

這句話有點(diǎn)抽象,但有這種感覺已經(jīng)對了,因?yàn)轱L(fēng)格派確實(shí)是抽象的,而且屬于「冷抽象」,關(guān)于冷熱抽象這個(gè)概念大家可以回顧我們之前的分享《用一篇超全面的好文,帶你了解俄羅斯設(shè)計(jì)史的前世今生》,因?yàn)檫@種冷是相對俄國康定斯基的熱抽象而言的。

冷抽象大致是這樣的:

這是多數(shù)人對風(fēng)格派的一種理解及印象,說白了就是紅黃藍(lán)三原色的組合設(shè)計(jì),然后很多縱橫錯(cuò)落的線條。因?yàn)轱L(fēng)格派幾乎沒有曲線,直線讓人感覺很冷靜,很理性,很穩(wěn)定,所以被定義為冷酷抽象。

我們再看看下面這幾個(gè)圖:

其實(shí)這也叫風(fēng)格派設(shè)計(jì),但并沒有出現(xiàn)紅黃藍(lán),所以風(fēng)格派設(shè)計(jì)一定就有紅黃藍(lán)是一個(gè)認(rèn)識(shí)誤區(qū),其實(shí)風(fēng)格派的形式定義是這樣的:

把傳統(tǒng)建筑、家具、產(chǎn)品、繪畫、雕塑的特征完全去除,變成最基本的元素集合,甚至把某個(gè)元素單獨(dú)孤立起來絕對化,這些元素最后基本都以幾何形態(tài)呈現(xiàn),形成簡單的結(jié)構(gòu)組合,強(qiáng)調(diào)縱橫運(yùn)用及不對稱,并且只使用三原色及黑白色(極色)。

看完這個(gè)解釋再回味杜斯伯格那句「剝?nèi)ケ举|(zhì)的外形,你就會(huì)得到風(fēng)格」就相對好理解了。

那么這種風(fēng)格到底是怎么形成的呢,說來話長,但可以確定的是不絕對源于某一個(gè)人,某一個(gè)時(shí)間及地點(diǎn),它就像一個(gè)集體完成的雕塑,其實(shí)大部分的風(fēng)格都是如此,但自然離不開一些關(guān)鍵的大咖。

在敘述這些大咖之前,我們先來了解一下時(shí)代背景,在什么樣的外部環(huán)境中孕育了風(fēng)格派。

在第一次世界大戰(zhàn),1914-1918年期間,歐洲列強(qiáng)為了重新瓜分殖民地及爭奪世界霸權(quán)而打得不可開交時(shí),位于西歐的荷蘭宣稱保持中立,意思是各位兄弟你們可以在我附近打架,但盡量保持安靜,歐洲列強(qiáng)自然清楚荷蘭曾經(jīng)也是海上霸主及殖民地大國,并非省油的燈,所以荷蘭就在一戰(zhàn)期間獲得了安靜發(fā)展文化的環(huán)境。

由于中立,荷蘭成為歐洲各國藝術(shù)家的避難圣地,一時(shí)間人才濟(jì)濟(jì),各種野獸主義、立體主義、未來主義等現(xiàn)代探索名家開始紛紛在此聚義,趁世界大亂之際研究如何形成一種新的藝術(shù)形式,因此慢慢就有風(fēng)格派的雛形。風(fēng)格派的萌芽基于了這幾個(gè)主義的風(fēng)格及思想。

這個(gè)時(shí)候出現(xiàn)了一位人物,叫托馬斯·里特維爾德,他1888年生于荷蘭烏得勒支,是一位木工的兒子,從小自學(xué)繪畫,后來從事建筑設(shè)計(jì)。似乎那個(gè)年代的設(shè)計(jì)師都是建筑設(shè)計(jì)師起家,或者具備建筑設(shè)計(jì)技能,就好比當(dāng)代很多UI設(shè)計(jì)師都是平面設(shè)計(jì)出身居多,這也屬于時(shí)代發(fā)展的一種特征。里特維爾德在1917年做了一件大事,設(shè)計(jì)了一個(gè)劃時(shí)代的椅子叫「紅藍(lán)椅」,這個(gè)椅子被視為家具設(shè)計(jì)史上第一件現(xiàn)代家具,在色彩上幾乎就是紅黃藍(lán)加極色(黑白)。雖然是一百年前的椅子,但就算放到當(dāng)代展覽館也一點(diǎn)不顯得過時(shí)。

紅藍(lán)椅整體是木結(jié)構(gòu),13根木條互相垂直,組成椅子的空間結(jié)構(gòu),結(jié)構(gòu)間用螺絲緊固而非傳統(tǒng)的榫接方式,最初曾經(jīng)是灰黑色的,后來里特維爾德希望用單純明亮的色彩來強(qiáng)化結(jié)構(gòu),于是參考了蒙德里安的三原色風(fēng)格,而且被認(rèn)為簡直是蒙德里安《紅黃藍(lán)相間》這個(gè)繪畫系列作品的立體版。椅子就這樣產(chǎn)生了紅色的靠背和藍(lán)色的坐墊,但手和椅腿仍保持黑色,少量黃色被用來強(qiáng)化斷面,于是成了一個(gè)典型的風(fēng)格派作品。

但這個(gè)作品其實(shí)歷史意義與形式主義大于其功能意義,因?yàn)楹芏嘤袡C(jī)會(huì)試坐這個(gè)椅子的人都感覺坐得很不舒服,特別對腰椎間盤突出者來講簡直是災(zāi)難。我們很多時(shí)候衡量一個(gè)設(shè)計(jì)作品靠的主要是兩把尺子,就是形式與功能,有時(shí)候很難去界定哪一個(gè)更加重要,但總的來說很多人是能夠忍受形式上的缺憾而無法忍受功能上的不足。比方你可以忍受一對鞋子顏色不太滿意,但無法忍受它比你的腳少了3碼,所以很多時(shí)候這兩者是優(yōu)先級(jí)問題,假設(shè)三雙鞋子都合腳,那么你選擇的時(shí)候形式就很重要了。

在設(shè)計(jì)紅藍(lán)椅之前里特維爾德還是一個(gè)無名之輩,他的工作仍然以建筑及室內(nèi)設(shè)計(jì)方面為主。比方為一名與丈夫分居的女士設(shè)計(jì)房間,讓這位女士對其設(shè)計(jì)水平非??隙?,直到1917年后里特維爾德成名,這位女士也成了寡婦,憑借過往交情,她希望里特維爾德能為其孤兒寡母再設(shè)計(jì)一棟生活的寓所,并且任由里特維爾德發(fā)揮,于是歷時(shí)五年這個(gè)房子在1924年落成,就是歷史上非常著名的「施羅德住宅」:

而經(jīng)過五年相處,里特維爾德與這名女士日久生情,兩人談起戀愛并且在這座共同完成的房子生活了一輩子,直到1964年里特維爾德去世,而這名女士一直在這所房子里活到95歲。

我們可以看看房子內(nèi)部,簡潔的體塊,大片的玻璃,明快的三原色,錯(cuò)落的線條,被視為現(xiàn)代設(shè)計(jì)建筑及室內(nèi)設(shè)計(jì)教科書級(jí)的作品,同時(shí)也是風(fēng)格派建筑當(dāng)中重要的代表作品之一。

其實(shí)在我印象中,似乎九十年代初的廣東地區(qū)有很多住宅或者室內(nèi)設(shè)計(jì)是模仿了這種風(fēng)格的,特別是一些工裝設(shè)計(jì),所以一直有莫名的熟悉感,而且也分不出是在電影里看到還是現(xiàn)實(shí)中見過,不知道屏幕前的廣東朋友是否有同感。

跟里特維爾德差不多時(shí)期,有一名畫家叫萊克,畫風(fēng)是這樣的:

很多人第一眼看到這種作品通常都會(huì)驚訝,他將很多視覺元素降低到了的界限,基本上就是使用三角形、四邊形和不規(guī)則的多邊形來表達(dá),可謂是將設(shè)計(jì)上的減法做到了。網(wǎng)上已經(jīng)很難找到這位畫家的詳細(xì)資料,但當(dāng)時(shí)風(fēng)格派已經(jīng)形成氣候,所以很多人都開始使用這種風(fēng)格來進(jìn)行探索。

很多人看到風(fēng)格派的表達(dá)形式時(shí)都覺得很容易偽裝,其實(shí)這種想法是很天真的,比方我們看看某個(gè)房產(chǎn)項(xiàng)目在模仿風(fēng)格派時(shí)的建筑效果圖,就明白東施效顰的含義:

風(fēng)格派有另外一個(gè)別稱叫新造型主義,至于風(fēng)格派的形成除了客觀的一戰(zhàn)時(shí)代背景外,也跟其核心思想有關(guān),曾經(jīng)有一種分析認(rèn)為,風(fēng)格派的思想與哲學(xué)里的「二元論」有關(guān),至于什么是二元論,簡單來說就是物質(zhì)與精神都是世界的本原,好比風(fēng)格派里堅(jiān)持使用的橫線與豎線,但是把設(shè)計(jì)說到這個(gè)份上就很容易上神壇,而且很多時(shí)候也是后來者的一種臆想或者牽強(qiáng)附會(huì),這并非史太濃傾向的敘述方式。風(fēng)格派里的重要人物蒙德里安有過一些接觸通神論的經(jīng)歷,所以他認(rèn)為設(shè)計(jì)與藝術(shù)是一種純粹自我的精神表達(dá),因而放棄寫實(shí)風(fēng)格,而重視內(nèi)心世界的表達(dá)一直是荷蘭人的一種藝術(shù)特色。

我們在最后來總結(jié)一下風(fēng)格派的作品特點(diǎn),一共有三點(diǎn):

帶你了解荷蘭設(shè)計(jì)史的前世今生(上)

資深UI設(shè)計(jì)者

如果您想訂閱本博客內(nèi)容,每天自動(dòng)發(fā)到您的郵箱中, 請點(diǎn)這里

其實(shí)荷蘭,不止有風(fēng)車與郁金香。

有句話叫:神造了世界,而荷蘭人用設(shè)計(jì)造了荷蘭。到底怎么回事呢,今天一起來探討吧。

話說現(xiàn)代主義設(shè)計(jì)的形成離不開三駕馬車,分別是德國包豪斯、俄國構(gòu)成主義跟荷蘭風(fēng)格派,包豪斯及俄國構(gòu)成主義我們均已在之前的分享里詳細(xì)談過,所以今天我們聊一聊最后一架馬車——荷蘭設(shè)計(jì)。

相比英國、美國及日本,荷蘭這個(gè)國家于大部分設(shè)計(jì)師而言未免有點(diǎn)陌生,但如果歐洲的設(shè)計(jì)圈要按國家排座次的話,撇開愛國熱情,史太濃認(rèn)為荷蘭挺進(jìn)前三甲是毫無毛病的,關(guān)于荷蘭設(shè)計(jì)水平發(fā)達(dá)的原因有幾種說法,其中廣受公認(rèn)的是因?yàn)楹商m的生存空間太狹窄。

荷蘭41000平方公里的土地上容納了1675萬人口(2018數(shù)據(jù)),成為人口密度最高的國家之一,因?yàn)橥恋刭Y源的缺乏,所以在1920年政府動(dòng)手排干一個(gè)叫伊塞米地區(qū)的海水,形成低于海平面的人造陸地,是歐洲最大的填海工程之一,項(xiàng)目成功后荷蘭故技重施,陸陸續(xù)續(xù)進(jìn)行填海,最后有四分之一的陸地低于海平面,所以整個(gè)國家在跟大自然搏斗中不得不進(jìn)行各種設(shè)計(jì)思考,否則生存都成為問題,于是荷蘭設(shè)計(jì)總體而言發(fā)展到當(dāng)代變得特別功能主義及理性主義。

荷蘭的發(fā)展歷史

荷蘭位于西歐,東接德國,南接比利時(shí),有悠久的文明歷史,文藝復(fù)興之后還曾經(jīng)一度是海上霸權(quán)國家,比方印度尼西亞就是它的殖民地之一。第二次世界大戰(zhàn)后的荷蘭開始高速發(fā)展資本主義,經(jīng)過幾十年進(jìn)取,進(jìn)入「世界最富有國家」俱樂部。

荷蘭的社會(huì)福利在江湖上令很多國家聞風(fēng)喪膽,比方我隨便列舉三個(gè)第一:

  • 全球養(yǎng)老金指數(shù)世界第一
  • 歐盟各國醫(yī)療體系排名第一
  • 全球兒童福利世界排名第一

這樣可能有點(diǎn)不夠具體,我羅列一個(gè)兒童福利的具體數(shù)據(jù),比方小孩從出生至18歲,政府每月發(fā)放約300多歐元(大致2500元人民幣)兒女金,政府補(bǔ)貼兒童日托或幼兒園的費(fèi)用達(dá)70%,而且從小學(xué)到大學(xué)一直享受超過學(xué)費(fèi)的現(xiàn)金補(bǔ)貼,說白了就是以各種不同形式給你錢花,等于說父母只是負(fù)責(zé)生,政府來養(yǎng),甚至一不小心還能賺到錢。

荷蘭是一個(gè)工業(yè)高度發(fā)達(dá)的國家,比方擁有1891年成立的百年跨國大企業(yè)飛利浦,全球員工13萬人,在28個(gè)國家擁有生產(chǎn)基地,所以飛利浦是荷蘭的國家電器制造業(yè)中心,同時(shí)也是歐洲及世界最大的電器企業(yè)之一。它的設(shè)計(jì)系統(tǒng)非常完善,屬于戰(zhàn)后早期成立內(nèi)部設(shè)計(jì)部的大型企業(yè)之一,設(shè)計(jì)帶動(dòng)了整個(gè)公司的發(fā)展,甚至在戰(zhàn)后一度成為荷蘭的經(jīng)濟(jì)核心,能與德國的 AEG(德國現(xiàn)代設(shè)計(jì)之父彼得貝倫斯設(shè)計(jì)世界最早的vi系統(tǒng)就是AEG)及西門子公司競爭,其中荷蘭有45%的出口產(chǎn)品都是飛利浦公司的,所以地位非常顯赫。

由于荷蘭的「風(fēng)格派」設(shè)計(jì)過于知名,所以一談荷蘭設(shè)計(jì)大家都認(rèn)為是紅黃藍(lán)類型,也正因?yàn)槿绱怂院芏嗪商m當(dāng)代杰出的設(shè)計(jì)師往往不為荷蘭以外的國家所熟知,但這不能完全怪罪風(fēng)格派,造成這個(gè)狀況還有一個(gè)更重要的原因,就是荷蘭政府跟社會(huì)太過重視設(shè)計(jì)了。

除了設(shè)計(jì)師本身,荷蘭很多產(chǎn)品也不為世界普遍認(rèn)識(shí),比方汽車,荷蘭有一個(gè)跑車品牌叫「世爵(spyker)」,在中國基本看不到,我在網(wǎng)上找了很久才找到一個(gè)深圳二手車信息:

這臺(tái)09款的汽車原價(jià)550萬,9年后仍需要200萬出手,沒錯(cuò),「世爵」的跑車全部只做純手工定制,所以只服務(wù)美國、西歐、中東及一些小型而富裕的國家,比方瑞士跟摩納哥,我們也可以從下面的圖片感受一下荷蘭的奢華汽車設(shè)計(jì),還有純手工打造的內(nèi)飾質(zhì)感:

因?yàn)樵O(shè)計(jì)與荷蘭的國計(jì)民生密切相關(guān),比方大量的圍海造田,強(qiáng)大安全的排水系統(tǒng),農(nóng)村的防潮汐堤壩,擁堵城市的合理交通網(wǎng)絡(luò),都需要高水平的精心設(shè)計(jì)。荷蘭人民的歷史就是一場以設(shè)計(jì)建立生存空間的斗爭史,荷蘭鹿特丹布寧根博物館館長威廉·科羅威爾曾經(jīng)說過:只有依靠設(shè)計(jì),我們才能使我們的國家成為一個(gè)可以日日生存的地方。

所以荷蘭設(shè)計(jì)師在國內(nèi)地位非常高,也因?yàn)槿绱嗽O(shè)計(jì)市場非常繁榮,所以單單政府與市場需要消化的設(shè)計(jì)項(xiàng)目就忙不過來,也就少到其它國家行走,自然在名聲上也相對局限。

荷蘭政府對設(shè)計(jì)的重視猶如中國人對面子的重視,我們搞的是面子工程,而他們則搞的工程都是面子。

比方以下幾個(gè)荷蘭本土項(xiàng)目,被視為世界上「教科書級(jí)」的設(shè)計(jì)范本。

荷蘭「教科書級(jí)」的設(shè)計(jì)范本

1. 貨幣設(shè)計(jì)

全世界的貨幣設(shè)計(jì)都有一種無言的默契,就是愛使用名人肖像為設(shè)計(jì)的中心元素,而荷蘭的貨幣設(shè)計(jì)是第一個(gè)打破這種規(guī)則,不使用任何人物的,如果一個(gè)國家并非重視設(shè)計(jì)行業(yè),并非充分尊重設(shè)計(jì)師的話,這完全是匪夷所思的事情。

荷蘭的貨幣由財(cái)政部統(tǒng)一管理,在荷蘭財(cái)政部當(dāng)中的設(shè)計(jì)管理部門的提議與組織下,聘請了荷蘭最知名的平面設(shè)計(jì)師來參與,其中也有不少獨(dú)立設(shè)計(jì)師,比方在去年很遺憾離世的荷蘭紙幣設(shè)計(jì)大師奧克斯納,他曾經(jīng)在1964年受邀參加紙幣設(shè)計(jì),他回憶說:每種面額紙鈔的設(shè)計(jì)周期需要3年,所以當(dāng)最后一種面額投入流通,距離我剛剛開始紙鈔設(shè)計(jì)工作相隔整整30周年。

不以人物為中心的荷蘭貨幣設(shè)計(jì)主要是使用抽象圖案進(jìn)行創(chuàng)作,體現(xiàn)出荷蘭從「風(fēng)格派」以來的立體主義、構(gòu)成主義形式傳統(tǒng),所以世界上有諸多收藏家是專門收藏荷蘭紙幣的,比方250吉德(荷蘭貨幣單位)被視為藝術(shù)品,極具收藏價(jià)值,這是世界貨幣設(shè)計(jì)中的一種創(chuàng)舉。

2. 西佛爾國際機(jī)場

荷蘭的首都阿姆斯特丹國際機(jī)場又稱為西佛爾國際機(jī)場,它的設(shè)計(jì)面貌完整代表了荷蘭戰(zhàn)后政府對于基本建設(shè)及現(xiàn)代設(shè)計(jì)的積極態(tài)度和正確引導(dǎo)。

荷蘭長期以來一直沒有卷入地區(qū)性或者世界性的戰(zhàn)爭,比方第一次世界大戰(zhàn)它始終保持中立,但無奈第二次世界大戰(zhàn)中被德國短暫占領(lǐng),時(shí)間為1940-1945年,隨后繼續(xù)獨(dú)立。西佛爾機(jī)場就是戰(zhàn)后1967年4月建成及投入運(yùn)營的,當(dāng)時(shí)世界各國都在著手建立自己的國際機(jī)場,但是一個(gè)為世界服務(wù)的現(xiàn)代化機(jī)場需要什么特征與設(shè)計(jì)考慮呢,幾乎沒有一個(gè)國家可以拿出成熟的方案。

荷蘭政府牽頭組織了大量社會(huì)的優(yōu)秀設(shè)計(jì)人員,技術(shù)人員成立項(xiàng)目組,充分考慮機(jī)場未來的交通流量、國際乘客的共同性要求及乘客特征,盡量讓機(jī)場達(dá)成中性、合理、理想等設(shè)計(jì)特點(diǎn),跟著名的國際主義設(shè)計(jì)特點(diǎn)吻合,達(dá)到了能為廣泛乘客服務(wù)的目的,機(jī)場落成之后在整體性與完整性功能性上都讓歐洲國家感到震驚,這座巨大的標(biāo)志性建筑在建筑設(shè)計(jì)、室內(nèi)設(shè)計(jì)、平面設(shè)計(jì)及導(dǎo)視設(shè)計(jì)等方面所具備的現(xiàn)代主義風(fēng)格在長達(dá)20年的時(shí)間里,都成為歐洲國家設(shè)計(jì)國際機(jī)場時(shí)的重要參考依據(jù)。

所以當(dāng)時(shí)的荷蘭設(shè)計(jì)師完全可以喊一個(gè)口號(hào),叫:厲害了,我的機(jī)場!

3. 鐵路系統(tǒng)

荷蘭的鐵路系統(tǒng)是在機(jī)場完工之后相繼落成的,荷蘭設(shè)計(jì)有一個(gè)非常厲害的特點(diǎn)就是總體化規(guī)劃。如果設(shè)計(jì)師是演員,那么總體化規(guī)劃就是導(dǎo)演技能,荷蘭設(shè)計(jì)師善于此道,所以它的鐵路系統(tǒng)視覺化高度統(tǒng)一,形象與導(dǎo)視系統(tǒng)清晰簡明,功能性強(qiáng),而且設(shè)計(jì)項(xiàng)目中包含的內(nèi)容非常多,比方火車廂、火車站、客戶內(nèi)部、車票、路牌、標(biāo)識(shí)、乘務(wù)員制服等等,所以如果缺乏總體規(guī)劃,這是一項(xiàng)難以出色完成的設(shè)計(jì)工作。

經(jīng)過一段時(shí)間的運(yùn)營,荷蘭的這個(gè)鐵路系統(tǒng)在效率、安全性、舒適性上在全球都名列前茅。甚至被評(píng)為世界上設(shè)計(jì)得最完善的鐵路系統(tǒng)。

荷蘭的設(shè)計(jì)業(yè)為何如此的發(fā)達(dá)成熟,原因總的來說有幾個(gè)方面,比方國家相對比較小,擁有悠久的藝術(shù)歷史,比如產(chǎn)生倫勃朗、梵高、蒙德里安等世界知名藝術(shù)家,同時(shí)經(jīng)濟(jì)富裕繁榮,需要通過設(shè)計(jì)思考與自然搏斗等幾個(gè)綜合因素,形成具有很濃厚創(chuàng)作性的社會(huì)氛圍。

其中尤為重要的還有荷蘭政府對文化事業(yè)非??犊?,形成一個(gè)寬松的文化贊助系統(tǒng),設(shè)計(jì)師在一個(gè)資金充裕的環(huán)境里工作,很多時(shí)候不太需要考慮經(jīng)濟(jì)效益,所以更加專注于設(shè)計(jì)的合理性及藝術(shù)性上,自然就有更高層次的輸出。

談到荷蘭設(shè)計(jì)自然無法繞過其標(biāo)簽式的「風(fēng)格派」運(yùn)動(dòng),因?yàn)楫?dāng)代設(shè)計(jì)其實(shí)受其影響非常深遠(yuǎn),史太濃這次使用倒敘手法,先看結(jié)果再找原因,所以下一期我們將會(huì)聊一聊荷蘭的風(fēng)格派產(chǎn)生、特點(diǎn)、代表人物及對現(xiàn)代設(shè)計(jì)的影響。

藍(lán)藍(lán)設(shè)計(jì)www.yvirxh.cn )是一家專注而深入的界面設(shè)計(jì)公司,為期望卓越的國內(nèi)外企業(yè)提供卓越的UI界面設(shè)計(jì)、BS界面設(shè)計(jì) 、 cs界面設(shè)計(jì)  ipad界面設(shè)計(jì) 、 包裝設(shè)計(jì) 、 圖標(biāo)定制 、 用戶體驗(yàn) 、交互設(shè)計(jì)、 網(wǎng)站建設(shè) 、平面設(shè)計(jì)服務(wù)。

10個(gè)設(shè)計(jì)師常犯的小錯(cuò)誤

用心設(shè)計(jì)

如果您想訂閱本博客內(nèi)容,每天自動(dòng)發(fā)到您的郵箱中, 請點(diǎn)這里

 

之前有句古話:“好的設(shè)計(jì)都是顯而易見的”現(xiàn)在看來可能已經(jīng)過時(shí)了,而且我很確定的說在之前的幾個(gè)世紀(jì)它都有不同的形式。它可以是一個(gè)好的美食、音樂、建筑、服飾、哲學(xué)以及其他的一切。

需要值得注意的是人類思維的變化非常緩慢,對人類行為的知識(shí)在至少50年左右的時(shí)間內(nèi)都不會(huì)過時(shí)。為了使讀者們便于理解,我們將會(huì)幫助我們設(shè)計(jì)偉大的產(chǎn)品的設(shè)計(jì)原則保持一致性。我們每個(gè)月都會(huì)至少被提醒一次這些小的設(shè)計(jì)原則,以至于我們可以更好的進(jìn)行設(shè)計(jì)。

人類大腦的容量每年都幾乎不會(huì)改變,所以研究人類行為的見解將有很長的保質(zhì)期。二十年前對用戶來說很困難的東西今天可能依舊困難。——j·尼爾森

回顧:不要讓我思考

早在2000年,Steve Krug就曾列出一些有用的設(shè)計(jì)原則,在現(xiàn)在看來依然很有價(jià)值和影響的互聯(lián)網(wǎng)泡沫破裂之后。即使后來有一些修訂版本,但是內(nèi)容依然沒有什么改變。是的,你可能會(huì)說現(xiàn)在的互聯(lián)網(wǎng)看起來更現(xiàn)代,網(wǎng)站更有組織(而且還有更多的flash)。但我的意思是,人類的行為幾乎沒有改變。我們總是希望“不要讓我思考”原則適用于任何跟我們產(chǎn)生互動(dòng)的產(chǎn)品(無論是微波爐、電視、智能手機(jī)或是汽車)。

1、我們從不閱讀,我們都是一掃而過

這個(gè)原因是:在閱讀過程中我們都帶有一個(gè)使命,因此我們只尋找我們感興趣的東西。例如,我很少記得自己瀏覽過的產(chǎn)品網(wǎng)站主頁上的大部分文字。為什么?因?yàn)榇蠖鄶?shù)上網(wǎng)的用戶都在努力完成一些事情,而且是快速完成的。我們沒有多余的時(shí)間去閱讀。但是我們?nèi)匀环帕撕芏辔淖衷诰W(wǎng)站上因?yàn)槲覀冋J(rèn)為人們需要知道這些。或者正如一些設(shè)計(jì)師們所說的:“它增加了體驗(yàn)”。

使用大量的標(biāo)題——它們會(huì)告訴你每個(gè)部分是關(guān)于什么的,或者它們是否與這個(gè)人相關(guān)。無論哪種方式,它們都能幫助你決定繼續(xù)瀏覽或離開網(wǎng)站

段落要短——段落長的話會(huì)讓讀者很難確定自己的位置,而且它們比一系列短段落更難瀏覽。在段落中總有一個(gè)合理的地方把它分成兩段。

使用項(xiàng)目符號(hào)列表——幾乎任何東西都可以是項(xiàng)目符號(hào)列表。你有一個(gè)用逗號(hào)分隔很多東西的句子嗎?然后它可以是一個(gè)項(xiàng)目列表。另外,不要忘記在項(xiàng)目列表行之間留出空間,以便進(jìn)行最佳讀取。以Medium為例。

突出關(guān)鍵字——許多頁面掃描過程包括尋找關(guān)鍵字和短語。用粗體顯示最重要的一個(gè),這樣更容易找到。此外,不要突出太多的東西,因?yàn)樗鼤?huì)失去效率。

2、創(chuàng)建有效的視覺層級(jí)

另一個(gè)有助于掃描頁面的重要方面是提供適當(dāng)?shù)囊曈X層次結(jié)構(gòu)。我們必須弄清楚,頁面的外觀描述了元素之間的關(guān)系。有幾個(gè)原則:

一件事越重要,它就越突出。最重要的東西要么是更大的,要么是更大膽的顏色設(shè)置。

邏輯上相關(guān)的東西,在視覺上也一樣相關(guān)。例如,在相同的視覺樣式下或在相同的標(biāo)題下進(jìn)行分組的事情一般都是相似的。

3、不要重復(fù)造輪子

我們相信人們想要更多的新東西。但我們忘記了,市場上有很多app,每個(gè)都需要我們的時(shí)間。每一個(gè)都有不同的互動(dòng),每一個(gè)都需要我們學(xué)習(xí)。當(dāng)我們想到:“哦,伙計(jì),又一個(gè)要學(xué)習(xí)的應(yīng)用程序?!”

在我說這句話之前,有一點(diǎn)很重要的我們需要知道

作為設(shè)計(jì)師,當(dāng)被要求設(shè)計(jì)新東西時(shí),我們會(huì)忍不住去嘗試重新發(fā)明輪子。因?yàn)橄衿渌艘粯幼鍪滤坪跏清e(cuò)的。我們被雇來做一些不同的事情。更不用說,業(yè)界很少會(huì)因?yàn)樵O(shè)計(jì)出“最佳使用慣例”的產(chǎn)品而獲得獎(jiǎng)勵(lì)和贊揚(yáng)。

在重新發(fā)明輪子之前,你必須了解你想要顛覆和創(chuàng)新的東西的價(jià)值(時(shí)間、精力、知識(shí))。

4、產(chǎn)品使用說明必須消失

我們的工作是讓事情變得清晰明了。如果顯而易見不是一種選擇,那么至少不言自明。關(guān)于指令你需要知道的主要事情是沒有人會(huì)去讀它們。我們的目標(biāo)是去掉這些說明,使一切都一目了然。但在必要的時(shí)候,盡可能地削減(但實(shí)際上,沒人會(huì)去讀它們)。我們蒙混過關(guān)。

如果它不明顯,那么我們應(yīng)該力求不言自明。

以宜家為例。如果你讓一個(gè)普通人從宜家(IKEA)組裝一個(gè)衣柜,我敢肯定,他在大多數(shù)情況下都會(huì)把它組裝好。為什么?在大多數(shù)情況下,如果我們面前有一幅清晰的圖畫,我們就能清楚地看到它應(yīng)該如何裝配。但即使在他們看說明書的情況下,沒有文字,只有圖像。

5、我們并不在乎你的產(chǎn)品是如何運(yùn)作的

對于大多數(shù)人來說,了解或理解你的產(chǎn)品是如何工作的并不重要。不是因?yàn)樗麄儾宦斆?,而是因?yàn)樗麄儾辉诤酢?strong style="color:#000000;">因此,一旦他們確定了你的產(chǎn)品的用途,他們就很少會(huì)轉(zhuǎn)而使用其他產(chǎn)品。

讓我們以蘋果AirPods為例。我們都可以承認(rèn),就你所付出的代價(jià)而言,它們是最糟糕的耳機(jī)。但當(dāng)我觀察人們?nèi)绾闻c它互動(dòng)時(shí),我明白了他們購買它的真正原因。他們不會(huì)讓你思考為什么它不工作。你甚至沒有注意到他們有新技術(shù)。

我看著我媽媽是如何與它們互動(dòng)的,她從來沒有問過我背后的技術(shù)是什么,或者它們是如何工作的。她知道,只要你在你的設(shè)備附近打開盒子,它就會(huì)連接起來。它是那么容易。

6、人們不會(huì)去尋找“微妙的線索”——我們很匆忙

我最喜歡的一點(diǎn)。我們設(shè)計(jì)師喜歡給用戶微妙的效果和添加美麗的快樂。對吧?那么,如果我告訴你你的用戶不關(guān)心它呢?不管他們告訴你他們有多關(guān)系,可是他們沒有。第一次?是的。第二次?好的。第三次呢?說實(shí)話,我要看多少才能看夠?

為什么會(huì)這樣?與app的愉悅感和微妙的效果相比,生活是一個(gè)壓力更大、要求更高的環(huán)境。例如,你是一個(gè)父親,你的孩子因?yàn)橄胍苛芏饨?,狗在叫,因?yàn)橛腥嗽谇伴T叫喚,而你正試圖訂一張40分鐘后就會(huì)開走的火車票。在那個(gè)特定的時(shí)刻,人們不會(huì)對你微妙的暗示表示不滿。另一方面,我們可以使用它們,但不是當(dāng)它殺死用戶流的時(shí)候。

7、焦點(diǎn)小組不是可用性測試

Focus group(焦點(diǎn)小組)指的是一群坐在桌邊討論事情的人。他們談?wù)撍麄儗Ξa(chǎn)品的看法,過去的經(jīng)驗(yàn),他們對新概念的感受和反應(yīng)。焦點(diǎn)小組對于確定你的受眾想要什么是非常好的。

可用性測試是一次觀察一個(gè)人試圖使用某樣?xùn)|西(在本例中是你的產(chǎn)品)。在本例中,你要求他們執(zhí)行特定的操作,以查看是否需要在概念中修復(fù)某些內(nèi)容。所以焦點(diǎn)小組是關(guān)于傾聽的,可用性測試是關(guān)于觀察的。

8、我們允許個(gè)人的感覺占據(jù)整個(gè)過程

我們所有設(shè)計(jì)數(shù)字產(chǎn)品的人都有這樣的時(shí)刻:“我也是一個(gè)用戶,所以我知道什么是好什么是壞?!闭?yàn)槿绱?,我們往往對自己喜歡什么、不喜歡什么有強(qiáng)烈的感覺。

我們喜歡用帶______的產(chǎn)品,或者我們認(rèn)為______是一個(gè)很大的痛苦。而當(dāng)我們在一個(gè)團(tuán)隊(duì)工作時(shí),往往很難在一開始察覺這些感覺。其結(jié)果是滿屋子的人都對如何設(shè)計(jì)一個(gè)偉大的產(chǎn)品有著強(qiáng)烈的個(gè)人情感。我們傾向于認(rèn)為大多數(shù)用戶都和我們一樣。

9、你問了錯(cuò)誤的問題

如果你問:“人們喜歡下拉菜單嗎?”正確的問題是:“在這個(gè)上下文中,這個(gè)下拉菜單,加上這些詞,是否為可能使用這個(gè)網(wǎng)站的人創(chuàng)造了良好的體驗(yàn)?”

我們應(yīng)該撇開“人們喜歡它嗎?”并深入研究設(shè)計(jì)的戰(zhàn)略背景。

原因是如果我們關(guān)注人們喜歡什么,我們就會(huì)失去注意力和精力??捎眯詼y試將消除任何“喜歡”,并向您展示需要做什么。

10、當(dāng)一個(gè)人使用了你的產(chǎn)品,你忘了她可能并不會(huì)花時(shí)間思考

我在哪兒?

我應(yīng)該在哪里開始?

他們把_____放在哪里了?

這一頁上最重要的東西是什么?

他們?yōu)槭裁催@么稱呼它?

那是廣告還是網(wǎng)站的一部分?

關(guān)鍵是,在使用你的產(chǎn)品時(shí),我們腦海中浮現(xiàn)的每一個(gè)問題,都只會(huì)增加認(rèn)知負(fù)荷。它分散了我們對“我為什么在這里”和“我需要做什么”的注意力。通常,當(dāng)人們只是想知道這個(gè)按鈕是否可以點(diǎn)擊時(shí),他們并不喜歡解謎。

每次你讓用戶點(diǎn)擊不工作的東西,或者它看起來像一個(gè)按鈕/鏈接,但它不是,這也會(huì)增加用戶的一堆問題。之所以會(huì)出現(xiàn)這種情況,是因?yàn)樯a(chǎn)產(chǎn)品的人并不太關(guān)心產(chǎn)品。

 藍(lán)設(shè)計(jì)www.yvirxh.cn )是一家專注而深入的界面設(shè)計(jì)公司,為期望卓越的國內(nèi)外企業(yè)提供卓越的UI界面設(shè)計(jì)、BS界面設(shè)計(jì) 、 cs界面設(shè)計(jì) 、 ipad界面設(shè)計(jì) 、 包裝設(shè)計(jì)

極簡主義扁平化配色作品

用心設(shè)計(jì)

今天分享來自設(shè)計(jì)師 Dumma 設(shè)計(jì)的極簡主義扁平化配色作品,這些作品的顏色非常好看,也非常特別。

這不僅僅是一組配色方案這么簡單,設(shè)計(jì)師一共設(shè)計(jì)了8組色彩搭配,每組顏色分成5個(gè)色塊,并將上、下兩個(gè)色塊設(shè)置不一樣的高度,就能形成一張非常漂亮的海報(bào),同時(shí)設(shè)計(jì)師還有把這些配色用到了其它方面,我們一起來往下看吧:-)

如何應(yīng)用這些配色?

配色方案很漂亮,但是如何如何應(yīng)用這些配色讓作品更有意義呢?DUMMA 設(shè)計(jì)師想到把這些配色印刷到實(shí)物產(chǎn)品上,比如杯子、時(shí)鐘、被單、海報(bào)等實(shí)物上,真的非常搭配,同時(shí)也用來作為自己原創(chuàng)商品在網(wǎng)上進(jìn)行銷售,并獲得利潤,真是一舉兩得。

▲抱枕

▲極簡時(shí)鐘1

▲極簡時(shí)鐘2

▲被單

▲沐浴簾1

▲淋浴簾2

▲旅行杯

▲海報(bào)

▲手提袋

喜歡這些配色嗎?請拿去練手,作為設(shè)計(jì)師,有空的時(shí)候也可以做點(diǎn)創(chuàng)意練習(xí),并像 DUMMA 設(shè)計(jì)師一樣,印刷到海報(bào)或者杯子上,如果你認(rèn)為自己的作品非常好看的話,也可以銷售它,業(yè)余賺點(diǎn)零花也不錯(cuò),說不定有成為爆款的潛力呢。

如果您想訂閱本博客內(nèi)容,每天自動(dòng)發(fā)到您的郵箱中, 請點(diǎn)這里

 


藍(lán)藍(lán)設(shè)計(jì)www.yvirxh.cn )是一家專注而深入的界面設(shè)計(jì)公司,為期望卓越的國內(nèi)外企業(yè)提供卓越的UI界面設(shè)計(jì)、BS界面設(shè)計(jì) 、 cs界面設(shè)計(jì) 、 ipad界面設(shè)計(jì) 、 包裝設(shè)計(jì)

助推理論 - 為用戶設(shè)計(jì)更好的選擇

資深UI設(shè)計(jì)者



如果您想訂閱本博客內(nèi)容,每天自動(dòng)發(fā)到您的郵箱中, 請點(diǎn)這里


在Medium上看到這篇行為經(jīng)濟(jì)學(xué)理論的文章,獲益良多。助推理論在體驗(yàn)設(shè)計(jì)領(lǐng)域也有很多的案例,所以翻譯成中文分享給大家。

Image title

圖片來源:42courses.com


上圖中的20厘米和30厘米盤子那個(gè)看起來會(huì)讓你少吃一點(diǎn)?理性思考一下,20厘米的盤子肯定是最適合少吃的,因?yàn)椴荒苌厦娣盘嗟氖澄?。但在自助餐廳或者吃工作餐的時(shí)候,考慮到現(xiàn)實(shí)情況中食物是免費(fèi)的,大家不會(huì)過多考慮盤子的大小。所以把30厘米的盤子放在最顯眼的地方,大家肯定會(huì)很大概率的選擇它。


我們經(jīng)常使用的產(chǎn)品在潛意識(shí)層對我們的影響比我們想象的更多。為什么會(huì)這樣呢?因?yàn)榇蠹也⒉豢偸怯袝r(shí)間考慮每一個(gè)動(dòng)作。最近認(rèn)知心理學(xué),社會(huì)心理學(xué)和行為經(jīng)濟(jì)學(xué)方面的學(xué)術(shù)研究表明,我們每天90%以上的決策都是在無意識(shí)的情況下自動(dòng)進(jìn)行的。


因此我們可以將一些小技巧應(yīng)用到我們的腦中,以便以更好的方式完成某些事情。這些小技巧被稱為——助推。


助推能顯著改變?nèi)祟惾魏蔚男袨?,怎么樣才算助推呢?干預(yù)過程必須簡單快捷。例如將水果放在眼睛水平位置,可以有效的刺激拿起或購買。 

——?Richard Thaler


Image title

圖片來源:42courses.com


正如Richard Thaler所著的《助推》所述,任何創(chuàng)造決策環(huán)境的人都被稱為“選擇架構(gòu)師”。所有工作類型中幾乎都會(huì)存在這一部分(從醫(yī)生、會(huì)計(jì)師到建筑師…)。



現(xiàn)狀偏見


在我們深入討論助推是如何改善生活的例子之前,您必須了解什么是現(xiàn)狀偏見。由于種種原因,人們通常傾向于堅(jiān)持自己的現(xiàn)狀。


現(xiàn)狀偏見是一種情感偏見,一種對現(xiàn)狀的偏好。以目前的基線(或現(xiàn)狀)為參考點(diǎn),對該基線的任何更改都被視為損失。

——維基百科


現(xiàn)狀偏見的一個(gè)例子:當(dāng)你買了一部新的手機(jī),你就可以更改鈴聲、壁紙、預(yù)安裝的App、語音郵件等。但大多數(shù)手機(jī)制造商已經(jīng)為您預(yù)先進(jìn)行了特定設(shè)置。研究表明,即使自己進(jìn)行設(shè)置更適合自己一些,大家還是會(huì)堅(jiān)持使用預(yù)先進(jìn)行的特定設(shè)置。


另一個(gè)關(guān)于現(xiàn)狀偏見的例子是學(xué)生和他們在教室里的座位。大多數(shù)老師都知道,即使沒有座位表,學(xué)生們在課堂上也傾向于坐在同一個(gè)地方,即使因?yàn)檎n程變動(dòng)而更換教室。



僅通過改變地方來改變飲食習(xí)慣


首先用一個(gè)非常好的例子來說明助推是如何運(yùn)作的,谷歌使用了選擇架構(gòu),從而幫助員工做出更健康的飲食選擇搭配。谷歌的自助餐廳以免費(fèi)和美味而聞名,但食物并不總是最健康的,因?yàn)槿藗兘?jīng)常拿的食物多于自己所需要的,所有有一部分人逐漸胖了起來。


所以他們把自助餐廳重布置一番,把沙拉當(dāng)做員工看到的第一個(gè)食物,最后才是甜食和其他“不太健康的食物”。為什么這樣做呢?因?yàn)楫?dāng)你餓的時(shí)候,你會(huì)把第一眼看到的東西放在你的盤子里。另外他們通過視覺引導(dǎo)將健康食品貼上綠色標(biāo)簽,高熱量的食物被標(biāo)上紅色。


還有一個(gè)明顯的例子是:我們非常清楚當(dāng)你空著肚子去超市的時(shí)候,往往會(huì)買各種各樣的本來沒打算買的食物(巧克力)。 


Image title

圖片來源:42courses.com



默認(rèn)選項(xiàng)會(huì)產(chǎn)生重大影響


因此設(shè)置默認(rèn)選項(xiàng)或設(shè)置可以對結(jié)果產(chǎn)生重大影響。從增加儲(chǔ)蓄到改善健康,再到為移植手術(shù)提供器官。而一個(gè)精心選擇的默認(rèn)設(shè)置只是助推的力量的一個(gè)例證。


例如,如果你是一家金融公司,目的是想激勵(lì)大家投資并存更多的錢,你便可以做出一個(gè)默認(rèn)的選項(xiàng),每個(gè)月把一個(gè)人10%的工資轉(zhuǎn)到儲(chǔ)蓄帳戶,另5%轉(zhuǎn)到一個(gè)特定的基金,其他的錢可以按照用戶的意愿使用,而不是讓客戶自己把這10%存入儲(chǔ)蓄帳戶。 



有時(shí)“選擇加入”應(yīng)該是默認(rèn)值

Image title

圖片來源:42courses.com


默認(rèn)設(shè)置可以挽救某人的生命。例如蘋果電腦上的健康A(chǔ)pp上沒有自動(dòng)“選擇加入”器官捐獻(xiàn),你得自己設(shè)置。但大多數(shù)人甚至不知道有這樣的功能存在,所以我們錯(cuò)過了很多潛在的救生通道。


另一方面,我們可以標(biāo)記出復(fù)選框且通知用戶,如果他們想自定義,可以選擇退出我們的默認(rèn)設(shè)定。但是有意思的是人們會(huì)選擇我們的默認(rèn)選項(xiàng),因?yàn)槲覀円呀?jīng)為他們做了選擇。 



以醫(yī)生數(shù)據(jù)為切口來促進(jìn)銷售


在15周的試驗(yàn)期內(nèi),有醫(yī)生用研究數(shù)據(jù)表明,水果或蔬菜能改善健康(無意識(shí)暗示影響行為的一種方式),所以新鮮水果和其他健康食品的銷售增幅高達(dá)30%。



創(chuàng)建指定的購物手推車零件

Image title

圖片來源:42courses.com


超市早就意識(shí)到了這一點(diǎn),并且經(jīng)常嘗試使用不同的推桿。NMSU商學(xué)院的助理教授Collin Payne在新墨西哥州的一家超市進(jìn)行了一項(xiàng)研究。他在購物車的寬度上畫了一條黃色的管道帶,從而創(chuàng)造了一個(gè)視覺的微移。并在購物車上貼上告示,要求購物者把水果和蔬菜放在線的前面,其余的食品則放在線的后面。


可以看到的是水果和蔬菜的購買率增長了102%,而這只是一個(gè)簡單的標(biāo)志和路線改變?!狿ayne


這促使人們購買更多的水果和蔬菜,并且不會(huì)降低超市利潤。這些小的干預(yù)措施簡單易行,而且費(fèi)用低廉,但對改善人們的飲食有著巨大的影響。 



用不同的方式表達(dá)

Image title

圖片來源:42courses.com


在做決定時(shí)候我們傾向于更加積極的表達(dá)方式。例如醫(yī)生建議你做手術(shù),如果他告訴你有10%的死亡幾率,你可能會(huì)選擇不做手術(shù)。但是如果醫(yī)生告知你90%的時(shí)候一切順利,你就會(huì)更愿意選擇做這個(gè)手術(shù)。


同樣的事情也在我身上發(fā)生過,當(dāng)醫(yī)生建議我做手術(shù)的時(shí)候,他說手術(shù)失敗的可能性很小,我拒絕了。直到最近我才意識(shí)到,如果他先告訴我積極的一面,我就會(huì)選擇做手術(shù)。因此構(gòu)建默認(rèn)消息的表達(dá)方式也是很有意義的,因?yàn)樗鼤?huì)改變你對產(chǎn)品的基礎(chǔ)感知。 



增加默認(rèn)比例

Image title

圖片來源:42courses.com


你可能還在紐約黃色出租車上會(huì)看到三個(gè)小費(fèi)選項(xiàng)。在行程結(jié)束時(shí)你會(huì)在面板上看到20%、25%、30%的三個(gè)默認(rèn)小費(fèi)比例選項(xiàng)。這些預(yù)先設(shè)置的選項(xiàng)設(shè)置了一個(gè)默認(rèn)的要給的小費(fèi)數(shù)額。有意思的是把默認(rèn)小費(fèi)比例改成更高,人們小費(fèi)也就會(huì)越多。


小費(fèi)的均值大約維持10%左右,當(dāng)采用這上述的方法后,小費(fèi)的比例上升到22%,如果按照現(xiàn)金計(jì)算,這三個(gè)選項(xiàng)導(dǎo)致客戶每年額外支付144,146,165美元的小費(fèi)。


這就像一些慈善機(jī)構(gòu)申請捐款一樣,當(dāng)展示出人們平均捐贈(zèng)三個(gè)選項(xiàng)分別為100美元、250美元或500美元時(shí),我們通常傾向于選擇的選項(xiàng)。所以如果你將三種選項(xiàng)的最底標(biāo)準(zhǔn)調(diào)高就有可能獲得更多的捐贈(zèng)。 



制造進(jìn)步的假象以鼓勵(lì)采取行動(dòng)

Image title

圖片來源:42courses.com


你在很多咖啡店看到了上圖這個(gè)例子,你要做的就是把剩下的內(nèi)容填上。因?yàn)槿绻o你一張空卡,你就有很大的可能不會(huì)填寫,咖啡店從而失去這個(gè)用戶。


如何將此方法應(yīng)用于App上呢?例如當(dāng)有進(jìn)度或下載條時(shí),您已經(jīng)可以從10%開始。因?yàn)橛脩魧?%的進(jìn)度和10%進(jìn)度在理解上是有本質(zhì)區(qū)別的。后者可以給你一個(gè)輕微的鼓勵(lì),讓你繼續(xù)前進(jìn)或等待。 



Schiphol的洗手間

Image title

在所有案例中,這個(gè)案例最小,但仍可以說明這個(gè)重要問題


讓我們在一個(gè)有趣的案例上應(yīng)用助推理論,在阿姆斯特丹希普爾機(jī)場的男廁所,因?yàn)槟腥送ǔ2粫?huì)太注意他們他們瞄準(zhǔn)的地方,所以可能會(huì)造成一些混亂(這個(gè)案例大概只有男孩子明白)。但是如果他們看到了明確目標(biāo),他們更傾向于瞄準(zhǔn)目標(biāo),這樣便會(huì)增加準(zhǔn)確性和注意力。


經(jīng)濟(jì)學(xué)家Aad Kieboom說“如果一個(gè)人看見一只蒼蠅,他就瞄準(zhǔn)它,它提高了目標(biāo)準(zhǔn)確率?!彼笇?dǎo)了男廁的修整,并且組織工作人員在小便池中進(jìn)行了準(zhǔn)確度試驗(yàn),發(fā)現(xiàn)有效減少尿液了80%的溢出。



寫在最后…


腦補(bǔ)一下,假設(shè)你是兩個(gè)孩子的父母。每天他們都會(huì)去廚房拿些糖果,他們總是會(huì)拿更多。所以與其對他們說“不能拿這么多”,從而破壞你們的親子關(guān)系,還不如你在廚房只留下2到4塊糖果,給他們一個(gè)默認(rèn)選擇,這樣他們就不會(huì)再多拿,你們的家庭關(guān)系也能更和睦。


這些例子只是行為經(jīng)濟(jì)學(xué)領(lǐng)域的一些案例。但是可以很容易地應(yīng)用于您設(shè)計(jì)或創(chuàng)建的任何東西上面——從App到商家服務(wù)。


最重要的是要記住大家都很忙并且很懶,不會(huì)考慮影響他們生活的小細(xì)節(jié)。即使他們能夠獨(dú)立完成一些思考,在目前的生活環(huán)境中也沒有足夠的精力來處理這問題。所以我們可以幫助他們作出更好和更合理的決定。

藍(lán)藍(lán)設(shè)計(jì)www.yvirxh.cn )是一家專注而深入的界面設(shè)計(jì)公司,為期望卓越的國內(nèi)外企業(yè)提供卓越的UI界面設(shè)計(jì)、BS界面設(shè)計(jì)  cs界面設(shè)計(jì) 、 ipad界面設(shè)計(jì) 、 包裝設(shè)計(jì)  圖標(biāo)定制 、 用戶體驗(yàn) 、交互設(shè)計(jì)、 網(wǎng)站建設(shè) 、平面設(shè)計(jì)服務(wù)。




交互設(shè)計(jì)常識(shí):設(shè)計(jì)模型分析

用心設(shè)計(jì)

如果您想訂閱本博客內(nèi)容,每天自動(dòng)發(fā)到您的郵箱中, 請點(diǎn)這里

 

“工欲善其事,必先利其器”;作為設(shè)計(jì)人員來說,設(shè)計(jì)方法和設(shè)計(jì)模型就是輔助我們更好做設(shè)計(jì)的工具。就像廚師做菜時(shí)候的菜譜一樣;面對新的菜種,能更快指引我們做出味道不錯(cuò)的菜肴。

體系化的設(shè)計(jì)方法不僅能更好的指導(dǎo)設(shè)計(jì)師做設(shè)計(jì);另一個(gè)方面,經(jīng)過設(shè)計(jì)方法包裝后的設(shè)計(jì),能讓設(shè)計(jì)師更坦然面對來自各方的質(zhì)疑,更專業(yè)的講述自己的設(shè)計(jì)依據(jù)。在做不同菜肴的時(shí)候,我們需要不同的菜譜來指引;而在不同的設(shè)計(jì)階段,設(shè)計(jì)師也需要不同的設(shè)計(jì)模型/方法,讓我們更靈活的做設(shè)計(jì)分析與輸出。

下面從接到項(xiàng)目需求 > 體驗(yàn)迭代優(yōu)化階段,筆者將為大家詳細(xì)講解以下 5 種設(shè)計(jì)模型,并配出具體實(shí)踐的案例,希望對大家有所啟發(fā)。

模型一:SWOT 模型

1. 概念介紹

SWOT分析法(也稱 TOWS 分析法、道斯矩陣)即態(tài)勢分析法,20世紀(jì)80年代初由美國舊金山大學(xué)的管理學(xué)教授韋里克提出,經(jīng)常被用于企業(yè)戰(zhàn)略制定、競爭對手分析等場合。

在現(xiàn)在的戰(zhàn)略規(guī)劃報(bào)告里,SWOT分析應(yīng)該算是一個(gè)眾所周知的工具。來自于麥肯錫咨詢公司的SWOT分析,包括分析企業(yè)的優(yōu)勢(Strengths)、劣勢(Weaknesses)、機(jī)會(huì)(Opportunities)和威脅(Threats)。

2. 使用場景

主要用在產(chǎn)品前期的戰(zhàn)略規(guī)劃中;用于項(xiàng)目成員知己知彼,同時(shí)也能知道在行業(yè)領(lǐng)域自己的產(chǎn)品所處的位置和核心競爭力是什么;對于產(chǎn)品方向的定位和全方位分析有復(fù)用價(jià)值。

3. 計(jì)價(jià)值

SWOT分析實(shí)際上是將對企業(yè)內(nèi)外部條件各方面內(nèi)容進(jìn)行綜合和概括,進(jìn)而分析組織的優(yōu)劣勢、面臨的機(jī)會(huì)和威脅的一種方法。

優(yōu)劣勢分析主要是著眼于企業(yè)自身的實(shí)力及其與競爭對手的比較,而機(jī)會(huì)和威脅分析將注意力放在外部環(huán)境的變化及對企業(yè)的可能影響上 。在分析時(shí),應(yīng)把所有的內(nèi)部因素(即優(yōu)劣勢)集中在一起,然后用外部的力量來對這些因素進(jìn)行評(píng)估。

4. 具體實(shí)踐案例說明

下圖是筆者曾為的阿里內(nèi)部某個(gè)數(shù)據(jù)服務(wù)平臺(tái)分析的案例;側(cè)重介紹了為什么要做這個(gè)數(shù)據(jù)平臺(tái);以及做這個(gè)平臺(tái)我們項(xiàng)目組的優(yōu)劣勢和機(jī)會(huì)點(diǎn)分別是什么。在給老板匯報(bào)產(chǎn)品來源&方向時(shí)是非常有效的。

最后,SWOT 分析模型其實(shí)還可以與商業(yè)畫布相結(jié)合,便于更全面對項(xiàng)目/業(yè)務(wù)進(jìn)行快速分析和深入了解;深入懂業(yè)務(wù)的設(shè)計(jì)師才能真正在團(tuán)隊(duì)中進(jìn)行發(fā)聲,提出超越 UI 層的建設(shè)性意見。

模型二:Google Design Sprint

1. 概念介紹

Design Sprint, 設(shè)計(jì)沖刺,顧名思義就是要在短時(shí)間內(nèi)做出好設(shè)計(jì);是由 Google 提出的設(shè)計(jì)方法。

2. 使用場景

設(shè)計(jì)沖刺這個(gè)設(shè)計(jì)方法主要適用于短時(shí)間就需要產(chǎn)出設(shè)計(jì)方案;例如一些 Workshop 的共建, 產(chǎn)品迭代周期很快的新需求/任務(wù),需要系統(tǒng)化分析與輸出設(shè)計(jì)方案。

3. 設(shè)計(jì)價(jià)值

可以在很短的時(shí)間內(nèi)輸出一套系統(tǒng)化的設(shè)計(jì)策略及方案;

通過與不同背景的參與者進(jìn)行溝通協(xié)作,能獲取更多看事物的角度和差異化知識(shí);創(chuàng)造更多可能;

作為一種理想的設(shè)計(jì)教育工具,讓非科班的設(shè)計(jì)人員完整又快速了解產(chǎn)品&設(shè)計(jì)。

4.  具體實(shí)踐案例說明

設(shè)計(jì)沖刺的主要內(nèi)容包括 6 個(gè)階段:

理解(Understand):理解要為用戶解決的問題

定義(Define):明確產(chǎn)品策略(數(shù)據(jù)分析,用戶調(diào)研,設(shè)計(jì)原則制定等)

發(fā)散(Diverge):探索實(shí)現(xiàn)方案

決定(Decide):確定設(shè)計(jì)方案

原型(Prototype):構(gòu)建產(chǎn)品原型

驗(yàn)證(Validate):驗(yàn)證產(chǎn)品原型

模型三:GUCDR 模型

1.概念介紹

相比前一個(gè)設(shè)計(jì)沖刺模型,GUCDR 模型在設(shè)計(jì)過程中的實(shí)用性更強(qiáng),能讓你快速用起來,幫你系統(tǒng)性梳理信息;在實(shí)際工作中,只要能夠回答畫布中的每個(gè)點(diǎn),即可形成完整的設(shè)計(jì)推演過程,讓設(shè)計(jì)思路逐漸清晰起來。

G:Goal

U:User

C:Condition

D:Design

R:Realize

2. 使用場景

GUCDR 模型很適合用于前期需求調(diào)研和整理階段;特別是在自己不是很熟悉的領(lǐng)域中,把信息按照模型和畫布中的點(diǎn)進(jìn)行歸類匯總;最大限度的讓自己的設(shè)計(jì)思維和信息邏輯得到詮釋。

3. 設(shè)計(jì)價(jià)值

3.1  對設(shè)計(jì)的需求來源及設(shè)計(jì)目標(biāo)的聚焦定位,非常有價(jià)值,能快入深入了解業(yè)務(wù)背景;

3.2  對設(shè)計(jì)階段的目標(biāo)拆解,從設(shè)計(jì)目標(biāo) > 設(shè)計(jì)策略 > 設(shè)計(jì)方案,層層遞進(jìn),設(shè)計(jì)方案輸出的邏輯性和針對性很強(qiáng)。

4.  具體實(shí)踐案例說明

GUCDR 模型在具體的使用過程中,可以和 GUCDR 畫布結(jié)合起來一起使用。信息下鉆的更深入具體,從項(xiàng)目目標(biāo)到設(shè)計(jì)落地,每個(gè)階段都有具體的節(jié)點(diǎn)支撐,在使用過程中只需要把信息直接輸入到對應(yīng)的位置即可。下圖為 GUCDR 畫布模板,可直接把業(yè)務(wù)相關(guān)信息輸入進(jìn)來。

模型四:雙鉆模型

1. 概念介紹

雙鉆設(shè)計(jì)模型由英國設(shè)計(jì)協(xié)會(huì)提出,該設(shè)計(jì)模型的核心是:發(fā)現(xiàn)正確的問題、發(fā)現(xiàn)正確的解決方案。

雙鉆模型是一個(gè)結(jié)構(gòu)化的設(shè)計(jì)方法,被很多設(shè)計(jì)師喜愛和使用。

探索/調(diào)研——透析問題(發(fā)散)

定義/合成——聚焦領(lǐng)域(集中)

發(fā)展/構(gòu)思——潛在問題(發(fā)散)

傳達(dá)/實(shí)現(xiàn)——實(shí)施方案(集中)

2. 使用場景

一般應(yīng)用在產(chǎn)品開發(fā)過程中的需求定義和交互設(shè)計(jì)階段;教我們?nèi)绾螌ξ粗目赡艿氖挛镞M(jìn)行探索;一步步到達(dá)已知的理應(yīng)的層面。

3. 操作使用說明

雙鉆模型的四個(gè)階段也許很精簡并且合并到兩個(gè)主要的階段。

第一階段——做對的事(菱形1——探索和定義)

第二階段——把事情做對(菱形2——開發(fā)和履行)

4.  具體實(shí)踐案例說明

下圖是對阿里內(nèi)部一款移動(dòng)運(yùn)維產(chǎn)品的分析,分析其從 0-1 的方向探索和從 1-1.5 的發(fā)展歷程:

下圖是曾經(jīng)在一個(gè)設(shè)計(jì)講座中,滴滴 CDX 一位設(shè)計(jì)師的分享,她把雙鉆模型利用到設(shè)計(jì)的研究和輸出階段,個(gè)人感覺此模型此刻的使用場景也很貼切;不僅僅是在完整的一個(gè)項(xiàng)目中,在單一的某個(gè)階段雙鉆模型也是理念很好的承載容器。

模型五:卡諾模型

1.概念介紹

kano模型是狩野紀(jì)昭教授發(fā)明的一種工具,以分析用戶需求對用戶滿意的影響為基礎(chǔ),體現(xiàn)了產(chǎn)品性能和用戶滿意之間的非線性關(guān)系。

在卡諾模型中,將產(chǎn)品和服務(wù)的質(zhì)量特性分為五種類型:

1> 魅力屬性:用戶意想不到的,如果不提供此需求,用戶滿意度不會(huì)降低,但當(dāng)提供此需求,用戶滿意度會(huì)有很大提升;

2> 期望屬性:當(dāng)提供此需求,用戶滿意度會(huì)提升,當(dāng)不提供此需求,用戶滿意度會(huì)降低;

3> 必備屬性:當(dāng)優(yōu)化此需求,用戶滿意度不會(huì)提升,當(dāng)不提供此需求,用戶滿意度會(huì)大幅降低;

4> 無差異因素:無論提供或不提供此需求,用戶滿意度都不會(huì)有改變,用戶根本不在意;

5> 反向?qū)傩裕河脩舾径紱]有此需求,提供后用戶滿意度反而會(huì)下降。

2. 使用場景

卡諾模型的主要使用場景是對用戶需求分類;

另一種是對多個(gè)功能點(diǎn)進(jìn)行優(yōu)先級(jí)排序。

3. 具體使用操作

步驟一:設(shè)計(jì)問卷調(diào)查表,實(shí)施有效的問卷調(diào)查

KANO 模型的問卷問法,是對每個(gè)質(zhì)量特性都由正向和負(fù)向兩個(gè)問題構(gòu)成,分別測量用戶在面對存在或不存在某項(xiàng)質(zhì)量特性時(shí)的反應(yīng)。問卷中的問題答案采用五級(jí)選項(xiàng)分別是:

我很喜歡:讓你感到滿意、開心、驚喜。

理應(yīng)如此:你覺得是應(yīng)該且必備的功能。

無所謂:你不會(huì)特別在意,但還可以接受。

勉強(qiáng)接受:你不喜歡,但可以接受。

我很不喜歡:讓你感到不滿意。

步驟二:問卷結(jié)果整理,進(jìn)行數(shù)據(jù)分析

根據(jù)問卷結(jié)果進(jìn)行 KANO 模型二維屬性歸屬分析,可得出魅力屬性、期望屬性、必備屬性、無差異屬性、反向?qū)傩耘c可疑結(jié)果的功能屬性歸類百分比。除了對屬性的歸屬探討外,并通過百分比計(jì)算出 Better-Worse 系數(shù),表示某功能可以增加滿意或者消除很不喜歡的影響程度。

增加后的滿意系數(shù) Better/SI=(A+O)/(A+O+M+I)

消除后的不滿意系數(shù) Worse/DSI=-1*(O+M)/(A+O+M+I)

根據(jù) better-worse 系數(shù)值,將散點(diǎn)圖劃分為四個(gè)象限。

第一象限/期望屬性:better 與 worse系數(shù)成正比;表示產(chǎn)品提供此功能,用戶滿意度會(huì)提升,不提供此功能,用戶滿意度會(huì)降低,這是質(zhì)量的競爭性屬性,應(yīng)盡力去滿足用戶的期望型需求。

第二象限/魅力屬性:better系數(shù)值高,worse 系數(shù)絕對值低的情況。表示不提供此功能,用戶滿意度不會(huì)降低,提供此功能,用戶滿意度和忠誠度會(huì)有很大提升;

第三象限/無差異屬性:better系數(shù)值低,worse系數(shù)絕對值也低的情況。即無論提供或不提供這些功能,用戶滿意度都不會(huì)有改變,這些功能點(diǎn)是用戶并不在意的功能。

第四象限/必備屬性:better系數(shù)值低,worse系數(shù)絕對值高的情況。當(dāng)產(chǎn)品提供此功能,用戶滿意度不會(huì)提升,當(dāng)不提供此功能,用戶滿意度會(huì)大幅降低;此象限的功能是最基本的功能,這些需求是用戶認(rèn)為產(chǎn)品有義務(wù)做到的事情。

步驟三:數(shù)據(jù)解讀,將結(jié)果落地實(shí)施

KANO 模型是對功能需求的優(yōu)先級(jí)進(jìn)行探索,具體情況還需要和業(yè)務(wù)方進(jìn)行討論,結(jié)合實(shí)際情況后制定可行的產(chǎn)品功能開發(fā)優(yōu)先級(jí)順序,以將調(diào)研結(jié)果落地實(shí)施。

4. 具體案例實(shí)踐說明

題目:根據(jù)報(bào)警內(nèi)容,“掌上運(yùn)維”提供運(yùn)維操作建議(如磁盤滿了智能推薦執(zhí)行日志清理等)

步驟一:設(shè)計(jì)問卷問題,發(fā)放問卷

步驟二:問卷統(tǒng)計(jì),進(jìn)行 KANO 模型二維屬性歸屬分析

步驟三:根據(jù)問卷統(tǒng)計(jì)的用戶數(shù)據(jù);計(jì)算出每個(gè)區(qū)域的百分比;

具體計(jì)算方式是全部區(qū)域的人數(shù)相加作為分母;每個(gè)格子中的數(shù)字作為分子,即可得出每個(gè)格子的百分比出來。

具體百分比得出后,將下表中標(biāo) A、O、M、I、R、Q 的格子中百分比相加,即可得到五種屬性對應(yīng)的百分比。本調(diào)查結(jié)果可以得到A魅力屬性占比為42.1%,O期望屬性占比9%,M必備屬性占比1.2%,I無差異屬性占比38.9%,R反向?qū)傩哉急?.8%,Q可疑結(jié)果占比7%。

步驟四:根據(jù) Better-Worse 計(jì)算公式,得出 Better-Worse 系數(shù),明確功能落點(diǎn)象限。

步驟五:多個(gè)功能需求結(jié)果對比進(jìn)行優(yōu)先級(jí)排序。

模型六:METUX 幸福模型

1. 概念介紹

為了幫助大家更好地進(jìn)行“幸福設(shè)計(jì)”,卡里羅教授分享了他的一個(gè)模型——Motivation, Engagement and Thriving in theUser Experience (METUX)。

2. 使用場景

產(chǎn)品成熟穩(wěn)定期,需對產(chǎn)品&用戶體驗(yàn)進(jìn)行提升時(shí);或需綜合對產(chǎn)品體驗(yàn)進(jìn)行評(píng)估分析時(shí);提升用戶幸福感,希望產(chǎn)品能對用戶行為方式及生活質(zhì)量有所影響時(shí)。

3. 主要使用操作

在考慮用戶體驗(yàn)時(shí),從4個(gè)層次進(jìn)行考慮:

??  第一層是“界面”體驗(yàn):用戶與產(chǎn)品交互時(shí)的體驗(yàn)如何。

??  第二層是“任務(wù)”體驗(yàn):界面之上是用戶完成的任務(wù)。如利用智能手環(huán)計(jì)步,用戶在完成任務(wù)時(shí)體驗(yàn)如何。

??  第三層是“行為”體驗(yàn):任務(wù)之上是用戶的行為。如用戶購買智能手環(huán)的目的是運(yùn)動(dòng),此時(shí)行為可能是跑步、騎自行車。因此產(chǎn)品在任務(wù)之上應(yīng)該深入關(guān)注用戶行為上的體驗(yàn)。

??  第四層是“生活”體驗(yàn):行為會(huì)對生活產(chǎn)生影響。如運(yùn)動(dòng)過量可能導(dǎo)致身體受損。

在設(shè)計(jì)過程中,應(yīng)該關(guān)注“勝任力”、“自主性”和“關(guān)系”三個(gè)關(guān)鍵因素,這些基本心理訴求是動(dòng)機(jī)、投入感和幸福感的根本。

藍(lán)藍(lán)設(shè)計(jì)www.yvirxh.cn )是一家專注而深入的界面設(shè)計(jì)公司,為期望卓越的國內(nèi)外企業(yè)提供卓越的UI界面設(shè)計(jì)、BS界面設(shè)計(jì) 、 cs界面設(shè)計(jì) 、 ipad界面設(shè)計(jì) 、 包裝設(shè)計(jì)

想打造高粘度的產(chǎn)品,你真的懂用戶的潛在動(dòng)機(jī)么?

資深UI設(shè)計(jì)者

如果您想訂閱本博客內(nèi)容,每天自動(dòng)發(fā)到您的郵箱中, 請點(diǎn)這里

你有沒有問過自己,你為什么要玩游戲?除了游戲本身可以讓你放松之外,多數(shù)情況下,是游戲本身有趣的屬性讓你著迷。不斷試錯(cuò)的過程中,你會(huì)不斷發(fā)現(xiàn)新的東西,這種新東西可以是新的故事劇情,也可以是新的物品、新的活動(dòng)、新的等級(jí)。

當(dāng)人們將游戲化設(shè)計(jì)應(yīng)用于 APP 和網(wǎng)頁設(shè)計(jì)的時(shí)候,經(jīng)常只是相對簡單地運(yùn)用游戲的概念,而忽略了用戶深層次的行為模式和內(nèi)在驅(qū)動(dòng)力。借助不同的驅(qū)動(dòng)模型,設(shè)置不同的反饋和成就系統(tǒng),能讓產(chǎn)品呈現(xiàn)出不一樣的樂趣。在很多時(shí)候,與其借鑒一些模式化的方法,不如抓住用戶深層次的心理觸發(fā)點(diǎn),在過程上下心思,不合理的獎(jiǎng)勵(lì)不如沒有。

說易行難,接下來我會(huì)舉例說明如何借助用戶的動(dòng)機(jī)和內(nèi)在驅(qū)動(dòng)力,來提供更好的游戲化體驗(yàn)。

動(dòng)機(jī) 1.0

Daniel Pink 在他的書《Drive》中描述了一個(gè)非常關(guān)鍵的實(shí)驗(yàn),這個(gè)實(shí)驗(yàn)重塑了我們看待動(dòng)機(jī)的方式。這個(gè)實(shí)驗(yàn)是由威斯康星大學(xué)心理學(xué)教授 Harry F·Harlow 在上世紀(jì)40年代所完成。他和他的同事搜集了8只猴子,并且將它們放在籠子里,讓它們分開解決機(jī)械難題。這個(gè)難題包含一系列不同的操作,這些猴子需要從一塊扁平的木板上拔出插銷,松開鉤子并且抬起帶有鉸鏈的蓋板。

在實(shí)驗(yàn)進(jìn)行到13天左右的時(shí)候,猴子們在自己的摸索中解決了這個(gè)問題。這個(gè)事情很有趣,因?yàn)闆]有人去指導(dǎo)它們?nèi)绾稳プ?。沒有人為此提供獎(jiǎng)勵(lì)——任何形式的獎(jiǎng)勵(lì)都沒有,沒有食物、沒有掌聲也沒有情感獎(jiǎng)勵(lì)。這與我們通常所認(rèn)為的激勵(lì)機(jī)制是背道而馳的。我們通常會(huì)試圖使用贊美、獎(jiǎng)勵(lì)、加薪這樣的方式來促進(jìn)行動(dòng)。通過這個(gè)實(shí)驗(yàn),其實(shí)我們可以更清晰的意識(shí)到一件事情:

猴子能夠解決這個(gè)問題,因?yàn)樗鼈儼l(fā)現(xiàn)這個(gè)過程本身是令人滿意而愉悅的。完成任務(wù)本身的過程所產(chǎn)生的快樂,就是一種給自己的回報(bào)。

動(dòng)機(jī) 2.0

在1969年的時(shí)候,Edward Deci 進(jìn)行了類似的實(shí)驗(yàn),他的實(shí)驗(yàn)在之前的基礎(chǔ)上,在人類身上進(jìn)行了驗(yàn)證,并且進(jìn)行了更加深入的測試。Deci 的實(shí)驗(yàn)使用的道具是一種名為 Soma 的立體拼圖,這種拼圖包含7個(gè)不同的塑料組件,玩家可以根據(jù)需求組成不同的造型,最終的結(jié)果取決于玩家的想象力。

Deci 選擇了一組實(shí)驗(yàn)對象,其中有男有女,他們被平均分成AB兩組。在為期3天的實(shí)驗(yàn)過程中,他們先是上了一個(gè)小時(shí)的課了解這種拼圖的玩法,之后就讓他們開始自行探索。在這個(gè)過程中,實(shí)驗(yàn)人員會(huì)在隔壁房間中他們進(jìn)行觀察。

這個(gè)實(shí)驗(yàn)的關(guān)鍵之處就在于分組對比。其中,A組在第一天是沒有得到任何獎(jiǎng)勵(lì)的,第二天他們會(huì)因?yàn)榕Χ玫浇疱X獎(jiǎng)勵(lì),第三天他們又是沒有得到任何獎(jiǎng)勵(lì)。而B組在這3天當(dāng)中,從頭到尾是沒有得到任何獎(jiǎng)勵(lì)的。而 Deci 發(fā)現(xiàn)了一個(gè)問題,與 A組相比,B組在第三天當(dāng)中會(huì)玩更長的時(shí)間。Deci 因此得出結(jié)論:

當(dāng)金錢被作為活動(dòng)的外部獎(jiǎng)勵(lì)的時(shí)候,被測試者會(huì)對活動(dòng)本身逐漸失去興趣。

外部獎(jiǎng)勵(lì)可以給活動(dòng)提供短期的的激勵(lì),讓用戶腦部分泌少量多巴胺,但是它會(huì)產(chǎn)生很明顯的依賴性。這種獎(jiǎng)勵(lì)機(jī)制類似于一杯濃咖啡所帶來的提升效果,但是效果會(huì)在幾個(gè)小時(shí)內(nèi)飛快消逝。這種激勵(lì)機(jī)制會(huì)降低一個(gè)人持續(xù)跟進(jìn)項(xiàng)目的長期動(dòng)機(jī)。

人類有尋求新奇事物、追隨挑戰(zhàn)、尋求擴(kuò)展、自我鍛煉的能力,探索和學(xué)習(xí)是一種本能傾向。對于發(fā)展和提升感興趣的人,無論是兒童、學(xué)生還是員工更應(yīng)該專注于內(nèi)在動(dòng)機(jī),而不是通過外部激勵(lì)來獲取刺激?!狤dward Deci

這就是為什么當(dāng)你問一個(gè)孩子為什么玩游戲的時(shí)候,他的答案從來都是「因?yàn)橛螒蛴腥ぁ?。我們對于?jiǎng)勵(lì)和激勵(lì)關(guān)注過多,我承認(rèn)它們是必不可少的,但是重要程度并沒有那么高。

游戲化的樂趣所在

我有一個(gè)朋友在游戲行業(yè)工作過,當(dāng)我準(zhǔn)備使用游戲化設(shè)計(jì)來提升我當(dāng)前項(xiàng)目的時(shí)候,就找他來幫我出主意。

徽章、關(guān)卡和升級(jí)、積分這些東西都是外部獎(jiǎng)勵(lì)的一種,有時(shí)候你需要給用戶一些實(shí)時(shí)的反饋和獎(jiǎng)勵(lì),那么這些外部影響就是必不可少的。朋友告訴我,需要給用戶一些動(dòng)力來每天打開應(yīng)用,當(dāng)用戶持續(xù)地關(guān)注和投入精力的時(shí)候,他們需要能在其中找到新的東西。這可能是新的故事走向,又或者是連續(xù)登錄7天獲得的特定獎(jiǎng)勵(lì)。更重要的是,需要讓用戶在使用這款 APP 的時(shí)候,自然地進(jìn)入心流狀態(tài)。

心流狀態(tài)有很多種不同的達(dá)成方式。當(dāng)我們有一個(gè)明確的目標(biāo),一個(gè)具有挑戰(zhàn)性的任務(wù),當(dāng)我們有足夠的技能來應(yīng)對這個(gè)挑戰(zhàn)的時(shí)候,它就會(huì)出現(xiàn)?;蛘弋?dāng)我們有接近目標(biāo)的能力且能進(jìn)行再次嘗試的時(shí)候,會(huì)更好?!狫ane McGonigal

朋友的建議讓我有了一個(gè)有趣的想法,我覺得有個(gè)游戲化模型可以更好地應(yīng)用在 APP 當(dāng)中:每日更新且不重復(fù)的任務(wù)。

每日任務(wù)

我們喜歡各種各樣的任務(wù),它們像挑戰(zhàn),也像冒險(xiǎn)。我們喜歡有目標(biāo),也喜歡為了達(dá)成目標(biāo)而尋求方法。某種意義上大家都很喜歡磨礪,因?yàn)檫@其實(shí)是有趣的。那么我們可以讓用戶每天都有機(jī)會(huì)碰到新的任務(wù),且這些任務(wù)并不是重復(fù)的。我的設(shè)計(jì)項(xiàng)目正處于一個(gè)非常早期的階段,但我很樂意與你分享我的經(jīng)驗(yàn)和想法,以及思考的過程。

舉個(gè)例子,假設(shè)你正在學(xué)習(xí)一門新的語言,拿目前最熱的語言學(xué)習(xí)工具 Duolingo 為例,它目前就缺乏學(xué)習(xí)語言的日常挑戰(zhàn),人們無法以一種更加有趣新鮮的方式從中獲取語言的知識(shí)。

透過任務(wù)來進(jìn)行學(xué)習(xí),是一種非常具體而有效的提升手段。無論你何時(shí)想要進(jìn)步,都可以在的任務(wù)挑戰(zhàn)中選擇一個(gè)。比如,今天你會(huì)通過推送獲得三個(gè)新任務(wù),其中一個(gè)是使用的詞匯來寫一首四行短詩,對于一個(gè)更加高階的用戶,可以讓他寫一個(gè)虛擬的角色,構(gòu)建一個(gè)簡短的故事,并且和其他人分享。通過完成這些任務(wù),可以獲得額外的積分提升,或者經(jīng)驗(yàn)加成。

實(shí)現(xiàn)想法

關(guān)于這種每日任務(wù)的方法,對我而言是非常有效的。首先它適用于很多不同的游戲和數(shù)字產(chǎn)品。這個(gè)模型并不復(fù)雜,每天完成任務(wù)之后可以獲得游戲或者 APP 中的虛擬貨幣獎(jiǎng)勵(lì)或者兌換經(jīng)驗(yàn)值,你可以拿這些東西來購買虛擬物品或者服務(wù)。

我在實(shí)現(xiàn)過程中,會(huì)盡量控制激勵(lì)機(jī)制,盡量只使用經(jīng)驗(yàn)值來回饋用戶,幫助用戶來提升自己。一方面我想先測試一下每日任務(wù)這種機(jī)制,看看它們是否足夠有趣,能不能讓用戶在沒有外部動(dòng)力的情況下,接受并習(xí)慣它們。另一方面,我也希望用戶可以使用經(jīng)驗(yàn)值或者點(diǎn)數(shù)來換取物品或者服務(wù),我認(rèn)為這樣的兩種激勵(lì)機(jī)制能夠形成一個(gè)比較合理的正循環(huán),幫助用戶提高個(gè)人技能,成為更好的自己。如果整個(gè)過程順滑且有趣,就足夠有效。

這是提升自我效能的一種經(jīng)典途徑:接受目標(biāo),努力達(dá)成,獲得回饋,繼續(xù)提高特定技能,繼續(xù)努力,最終獲得成功。你并不需要脫離這條路徑的游戲,因?yàn)樘魬?zhàn)和提高能力是游戲的本質(zhì),這個(gè)路徑是絕大多數(shù)游戲真正意義上讓人著迷的原因所在?!狫ane McGonigal

Edward Deci 在實(shí)驗(yàn)中發(fā)現(xiàn)的另外一個(gè)重要觀點(diǎn)是,對于原本就非常有趣的游戲而言,在任務(wù)中加入一些外在獎(jiǎng)勵(lì)往往會(huì)降低本身的吸引力和用戶的內(nèi)在驅(qū)動(dòng)力。這和俄羅斯經(jīng)濟(jì)學(xué)家 Anton Suvorov 在他的研究中所發(fā)現(xiàn)的規(guī)律如出一轍:

獎(jiǎng)勵(lì)是存在上癮性的,一旦提出獎(jiǎng)勵(lì),人們會(huì)開始期待任務(wù)所帶來的潛在回報(bào),而反過來這也促使獎(jiǎng)勵(lì)無法停止,必須持續(xù)地發(fā)放下去。

而在《Punished by Rewards》(獎(jiǎng)勵(lì)的懲罰)這本書中,還提到另外一個(gè)有趣的實(shí)驗(yàn):「在一個(gè)為期12天的課程當(dāng)中,在有獎(jiǎng)勵(lì)的前提下讓四五年級(jí)的學(xué)生玩一個(gè)數(shù)學(xué)游戲,在獎(jiǎng)勵(lì)激勵(lì)之下學(xué)生們適時(shí)地參與進(jìn)來了,當(dāng)獎(jiǎng)勵(lì)消失的時(shí)候,他們對于游戲的興趣很快就減弱了?!寡芯咳藛T得出結(jié)論:

強(qiáng)大的系統(tǒng)化的獎(jiǎng)勵(lì)機(jī)制可以促進(jìn)特定活動(dòng)的參與度,在沒有額外的物質(zhì)獎(jiǎng)勵(lì)和社交獎(jiǎng)勵(lì)的前提下,它也有可能會(huì)降低任務(wù)的持續(xù)參與度。

提升用戶的自我效能

自我效能感是個(gè)人對自己完成某方面工作能力的主觀評(píng)估。評(píng)估的結(jié)果如何,將直接影響到一個(gè)人的行為動(dòng)機(jī)。

解決一些簡單、日常的任務(wù)是增加個(gè)人自我價(jià)值并且重新梳理思路,調(diào)整心態(tài)的好辦法。正如同 Jane McGonigal 在她的書《SuperBetter》中所說:

當(dāng)你有機(jī)會(huì)嘗試不同的策略并且互動(dòng)反饋的時(shí)候,你會(huì)得到更加頻繁、更加強(qiáng)烈的多巴胺分泌。你不僅可以從中獲得樂趣,而且從長遠(yuǎn)來看,思維方式也能因此而發(fā)生改變。你的大腦會(huì)開始琢磨之前覺得無法實(shí)現(xiàn)的事情,并且開始力圖學(xué)習(xí)更多的東西來努力實(shí)現(xiàn)目標(biāo)。你會(huì)變得期望學(xué)習(xí),希望改進(jìn),并且渴望成功,這才是正確的打開方式。

這就是為什么使用合理的日常任務(wù)能夠改善游戲化設(shè)計(jì)的模式,提升產(chǎn)品黏度,它包含了多樣性,不是強(qiáng)制性的,能夠帶來持續(xù)的影響。當(dāng)然,你能給用戶所提供的任務(wù)類型,取決于你的想象力。

藍(lán)藍(lán)設(shè)計(jì)www.yvirxh.cn )是一家專注而深入的界面設(shè)計(jì)公司,為期望卓越的國內(nèi)外企業(yè)提供卓越的UI界面設(shè)計(jì)、BS界面設(shè)計(jì) 、 cs界面設(shè)計(jì) 、 ipad界面設(shè)計(jì) 、 包裝設(shè)計(jì) 、 圖標(biāo)定制 、 用戶體驗(yàn) 、交互設(shè)計(jì)、 網(wǎng)站建設(shè) 平面設(shè)計(jì)服務(wù)。

最好的UI設(shè)計(jì)界面設(shè)計(jì)的8條黃金法則

用心設(shè)計(jì)

如果您想訂閱本博客內(nèi)容,每天自動(dòng)發(fā)到您的郵箱中, 請點(diǎn)這里

 

設(shè)計(jì)師需要每天解決問題,找到合適的解決方案需要深入研究和精心策劃的測試。發(fā)現(xiàn)一種適合所有人的方法或秘密公式可以自動(dòng)解決我們所有的界面設(shè)計(jì)問題。我們可能還沒有答案,但我們確實(shí)知道我們有時(shí)可以采取的某些捷徑。


“啟發(fā)式”是簡單而有效的規(guī)則,可以幫助我們形成判斷并做出決策。我們可以將它們視為UI最佳實(shí)踐的一般指導(dǎo)原則。 


注意:這些規(guī)則有其時(shí)間和地點(diǎn),并不是可用性測試的替代品。


雖然Jakob Nielsen的10個(gè)用戶界面設(shè)計(jì)啟發(fā)式算法可能是最流行的啟發(fā)式算法,但還有其他一些。Ben Shneiderman創(chuàng)建了一個(gè)最好的固體交互設(shè)計(jì)指南,稱為設(shè)計(jì)用戶界面,它揭示了他自己的原則集合,被稱為“八個(gè)黃金接口設(shè)計(jì)規(guī)則”。我們今天要看這些規(guī)則。


Image title


Loren Terveen和Ben Shneiderman在馬里蘭大學(xué)的Webshop 2011 ©Marc Smith


1.  爭取一致性


設(shè)計(jì)“一致的接口”意味著對相似的情況使用相同的設(shè)計(jì)模式和相同的動(dòng)作序列。這包括但不限于在用戶旅程中在提示屏幕,命令和菜單中正確使用顏色,排版和術(shù)語。 


請記住:一致的界面將使您的用戶更容易完成他們的任務(wù)和目標(biāo)。


Image title


       Namastelight by Martin Strba風(fēng)格指南是確保設(shè)計(jì)過程一致性的一種方法。


2.  啟用常用用戶使用快捷方式


說到使用UI規(guī)則作為快捷方式,您的用戶也將受益于快捷方式,特別是如果他們需要經(jīng)常完成相同的任務(wù)。 


專家用戶可能會(huì)發(fā)現(xiàn)以下功能有用: 


縮略語


功能鍵


隱藏的命令


宏觀設(shè)施


Image title


                                     Khalid Hasan Zibon的上下文菜單


3.  提供信息反饋


您需要讓用戶隨時(shí)了解流程每個(gè)階段的情況。這種反饋需要有意義,相關(guān),清晰,并符合上下文。


Image title


                                            文件上傳者Antonija Vresk 


4.  設(shè)計(jì)對話以產(chǎn)生關(guān)閉


讓我解釋。動(dòng)作序列需要有開頭,中間和結(jié)尾。任務(wù)完成后,如果是這種情況,請為他們的用戶提供信息反饋和明確定義的選項(xiàng),以便為您的用戶安心。不要讓他們疑惑!Image title


                                    Jose Antonio Orellana的Flash消息


5.  提供簡單的錯(cuò)誤處理


應(yīng)設(shè)計(jì)一個(gè)良好的界面,以盡可能避免錯(cuò)誤。但是當(dāng)錯(cuò)誤發(fā)生時(shí),您的系統(tǒng)需要讓用戶輕松了解問題并知道如何解決問題。處理錯(cuò)誤的簡單方法包括顯示清晰的錯(cuò)誤通知以及描述性提示以解決問題。Image title


                                       由Adnan Khan進(jìn)行的Litmus形式驗(yàn)證


6.  允許輕松撤銷行動(dòng)


在發(fā)生錯(cuò)誤之后找到“撤消”選項(xiàng)立即得到解脫。如果他們知道有一種簡單的方法可以解決任何事故,那么您的用戶就會(huì)感到不那么焦慮,更有可能探索各種選擇。 


此規(guī)則可應(yīng)用于任何操作,操作組或數(shù)據(jù)輸入。它可以從簡單的按鈕到整個(gè)行動(dòng)歷史。 Image title


                                           Tyler Beauchamp撤銷倒計(jì)時(shí)


7.  支持內(nèi)部控制點(diǎn)


一,定義:


“在人格心理學(xué)中,控制點(diǎn)是人們相信他們能夠控制事件結(jié)果的程度” -  Julian Rotter


為用戶提供控制和自由非常重要,這樣他們才能感覺到他們負(fù)責(zé)系統(tǒng),而不是相反。避免意外,中斷或任何未被用戶提示的內(nèi)容。 


用戶應(yīng)該是行動(dòng)的發(fā)起者而不是響應(yīng)者。Image title


                                   Vlad Ponomarenko的權(quán)限對話框


8.  減少短期內(nèi)存負(fù)載


我們的注意力有限,我們可以采取任何措施使用戶的工作更輕松,更好。我們更容易識(shí)別信息而不是回憶信息。在這里,我們可以參考尼爾森描述“ 對召回的認(rèn)可 ” 的原則之一。如果我們保持接口簡單和一致,遵守模式,標(biāo)準(zhǔn)和慣例,我們已經(jīng)為更好的識(shí)別和易用性做出了貢獻(xiàn)。 


我們可以添加一些功能,以幫助我們的用戶,具體取決于他們的目標(biāo)。例如,在電子商務(wù)環(huán)境中,最近查看或購買的項(xiàng)目列表。Image title


                                     最近查看的膠囊由Gavin Williams聯(lián)系


結(jié)論


雖然您應(yīng)該始終采用基于啟發(fā)式算法的決策,但遵循一系列規(guī)則和指南將引導(dǎo)您朝著正確的方向前進(jìn),并允許您在設(shè)計(jì)過程的早期發(fā)現(xiàn)主要的可用性問題。這八個(gè)原則適用于大多數(shù)用戶界面; 它們來自Shneiderman自己的經(jīng)驗(yàn),經(jīng)過三十多年的精心改進(jìn)。其他人,如雅各布尼爾森和唐諾曼已經(jīng)擴(kuò)展了這些規(guī)則,并貢獻(xiàn)了他們自己的變化。 


您也可以使用這些作為靈感來創(chuàng)建自己的啟發(fā)式方法,或者結(jié)合現(xiàn)有的示例來解決您自己的設(shè)計(jì)問題。

藍(lán)藍(lán)設(shè)計(jì)www.yvirxh.cn )是一家專注而深入的界面設(shè)計(jì)公司,為期望卓越的國內(nèi)外企業(yè)提供卓越的UI界面設(shè)計(jì)、BS界面設(shè)計(jì) 、 cs界面設(shè)計(jì) 、 ipad界面設(shè)計(jì) 、 包裝設(shè)計(jì)

從心理學(xué)聊下構(gòu)圖那些事

資深UI設(shè)計(jì)者

如果您想訂閱本博客內(nèi)容,每天自動(dòng)發(fā)到您的郵箱中, 請點(diǎn)這里

平面與版式背后是千年來人類讀取信息形成的習(xí)慣、約定俗成的閱讀方式和心理學(xué)等,想成為一個(gè)優(yōu)秀的設(shè)計(jì)師,我們需要進(jìn)一步了解設(shè)計(jì)背后的原理以及表達(dá)信息的多種方法。

Image title


在中國繪畫中,有所謂章法、布局。中國繪畫最講究“經(jīng)營位置”,因而有了中國畫高遠(yuǎn),深遠(yuǎn),平遠(yuǎn)獨(dú)特意境的畫風(fēng)體系。大家學(xué)習(xí)的設(shè)計(jì)體系中對構(gòu)圖的分析就更加的全面,比如大家都了解的形式美學(xué)法則:均衡與對稱、漸次與重復(fù)、對比與調(diào)和、比例與尺度、節(jié)奏與韻律、體與主體、微差與統(tǒng)調(diào)、特異與秩序、前者多顯示生動(dòng)型,而后者顯示秩序型。


那為什么會(huì)總結(jié)出這些理論與法則?究竟又是什么在影響著我們的觀察與思考呢?有時(shí)候我們會(huì)不會(huì)遇到這些問題:


1. 有時(shí)候我們在面對需求,需要強(qiáng)理論支撐自己的設(shè)計(jì),但又找不到切入點(diǎn),總會(huì)拿什么對比,對稱,韻律說事,需求方卻不為所動(dòng)……


2. 在平時(shí)的設(shè)計(jì)工作當(dāng)中,大家不可避免的會(huì)參考和研習(xí)其他設(shè)計(jì)大師,同行的各類設(shè)計(jì)作品,大家肯定會(huì)有各自關(guān)注的點(diǎn),創(chuàng)意,排版,顏色,細(xì)節(jié)刻畫等等等等,無論是那種類型的設(shè)計(jì)作品(平面,招貼,海報(bào),H5,banner等),有時(shí)候會(huì)不會(huì)感到:看了好多作品,臨摹了好多作品,依然做不好設(shè)計(jì);問題出在哪里呢?


3. 我們總會(huì)收集一大堆的素材參考,那你的評(píng)判方式是什么?你又是如何分析畫面?為什么好,好又好在哪里?……


接下來我們透過視覺表象,揭開那些神秘的面紗,希望通過我自己的學(xué)習(xí)和研究,能夠?qū)Υ蠹矣兴鶐椭?/strong>






Image title




Image title


為了更快地解析周圍的世界,大腦會(huì)投機(jī)取巧地偷懶。大腦每秒要接收約4000萬次的感官信息輸入,并試圖完全解析出它們的意義,所以它會(huì)根據(jù)以往的經(jīng)驗(yàn),猜測我們看見了什么。 


Image title


經(jīng)典再現(xiàn),看左邊的圖,第一眼能看到一個(gè)黑邊三角形,上面疊了一個(gè)白色倒三角,右邊的圖,你能明顯感知到一個(gè)矩形。


卡尼薩三角


這是1955年,由意大利心理學(xué)家發(fā)現(xiàn),并以她名字命名的“卡尼薩三角”。這個(gè)視錯(cuò)覺表明我們的大腦把實(shí)際上不存在的三角形輪廓線畫了出來。


我們把根本不存在的輪廓線稱為主觀輪廓。




Image title


對于識(shí)別具體物體來說,中央視覺是最重要的;

對于認(rèn)知整體場景而言,周邊視覺更為關(guān)鍵 ;


Image title



通過電腦屏幕觀看網(wǎng)頁,你并不用刻意瀏覽,而是整體掃過就能判斷整個(gè)頁面的內(nèi)容。所以大多數(shù)人都低估了周邊視覺對于我們理解事物的重要性,人對場景的認(rèn)知似乎都來自周邊視覺。




Image title


發(fā)現(xiàn)規(guī)律有助于快速處理時(shí)刻接收的感官信息。


Image title



看上面的圖,你會(huì)很自然的將其分成4組,每兩個(gè)點(diǎn)一組,共8個(gè)點(diǎn),而不是上來就直接定義有8個(gè)點(diǎn)。


大腦視覺皮質(zhì)中的細(xì)胞分工不同,分別只對橫線、豎線、邊線和特定角度的線作出反應(yīng)。  




講完上述三個(gè)心理學(xué)常識(shí),我們看下這三個(gè)點(diǎn)對應(yīng)到我們設(shè)計(jì)當(dāng)中又是如何一番情景,看下圖:


Image title




輪廓



之所以將第一個(gè)心理學(xué)觀點(diǎn)與輪廓關(guān)聯(lián),是因?yàn)樵谖覀冊O(shè)計(jì)過程中任何一個(gè)形式的產(chǎn)生都會(huì)形成一個(gè)輪廓,那畫面元素多起來之后,畫面就會(huì)被這些輪廓分割成一個(gè)負(fù)向空間,很多時(shí)候我們都會(huì)忽視這個(gè)隱藏存在的形式,有時(shí)大家怎么調(diào)整一個(gè)設(shè)計(jì)元素本身,都會(huì)感覺不盡如人意,其實(shí)有一種可能是:這個(gè)元素在整個(gè)畫面中所形成的輪廓并沒有達(dá)到同步的和諧;


如下圖插畫,一個(gè)女性形象,畫風(fēng)簡潔干凈,畫面給人很強(qiáng)的整體感與完整型。如果是我們,會(huì)不會(huì)更多的去關(guān)注這個(gè)插畫的精彩之處是比基尼處理很生動(dòng),人物陰影細(xì)節(jié)刻畫的很到位?但是關(guān)鍵點(diǎn)是這些嗎?


Image title


繼續(xù)分析,如下圖:


Image title


圖A,把整個(gè)圖形黑白化后,想想我們的第一個(gè)心理學(xué)觀點(diǎn),一幅畫面第一影響我們的是腦海里形成的這個(gè)輪廓。像這個(gè)畫面,一個(gè)完整近似幾何般的人物輪廓(樣圖白色部分),同時(shí)這個(gè)輪廓所分割形成的空間(樣圖黑色部分),讓整個(gè)畫面安靜有序規(guī)則,讓人的視線能夠自然流淌,不會(huì)輕易地跳動(dòng)轉(zhuǎn)換;所以圖B,你會(huì)發(fā)覺,不管我如何填充紋理圖片,這樣一個(gè)畫面是始終和諧,沒有違和感的。再比較下圖:


Image title



筆者隨機(jī)處理的一個(gè)形狀,有沒有發(fā)覺,在沒有一個(gè)有序優(yōu)美的輪廓之下,縱然你把內(nèi)部的修飾刻畫的再如何精彩,這個(gè)畫面依然是索然無味,毫無生氣的。




Image title



設(shè)計(jì)元素要注重輪廓的修飾提煉——在設(shè)計(jì)表達(dá)過程中,不管是何種設(shè)計(jì),我們都要注重每個(gè)呈現(xiàn)元素的輪廓是否精巧,注意腦海里主觀輪廓之外的負(fù)空間是否舒服與和諧,畫面是通過這些彼此聯(lián)系的,不要一上來就關(guān)注所謂的細(xì)節(jié),經(jīng)營你的形狀。


Image title




留白



第二個(gè)心理學(xué)觀點(diǎn)與留白相關(guān),是因?yàn)檎w認(rèn)知與周邊視覺關(guān)聯(lián)極大,看下圖:


Image title


好了,大家能夠認(rèn)知到什么程度,這是什么?怕是大家怎么猜都不會(huì)確定這個(gè)是什么。


Image title


當(dāng)筆者呈現(xiàn)完整圖畫后,大家是不是一下子就豁然開朗了。留白是至關(guān)重要的,留白很重要的一點(diǎn)是加強(qiáng)了元素與元素之間的關(guān)系,我們通過創(chuàng)建輪廓來形成元素,元素與元素之間的關(guān)系,通過留白-元素之間形成的負(fù)空間,來相互影響,最終形成協(xié)調(diào)的畫面。留白可以形成空間,引導(dǎo),形狀等多種可能,讓作品更生動(dòng)更有呼吸。


Image title


看上圖,蘋果設(shè)計(jì)對留白的使用很了,通過產(chǎn)品嚴(yán)謹(jǐn)?shù)呐挪迹蠹铱梢院芮逦母惺艿轿矬w分割畫面后,留白的清晰走向以及秩序,你的視線會(huì)通過大腦的分析呈現(xiàn)出無限擴(kuò)展的空間,安靜空靈不干擾,更能彰顯蘋果設(shè)備本身的高端屬性。再簡單一點(diǎn)解釋,通過弱化周邊視覺的干擾,讓人更多的聚焦中央視覺,讓你對產(chǎn)品的感知更加深刻。這時(shí)候留白是空間,烘托畫面,安靜的美少女


Image title


看上述網(wǎng)頁設(shè)計(jì)作品,畫面通過主視覺形成的輪廓之后,呈現(xiàn)出大面積的留白空間,在這些空間基礎(chǔ)上,進(jìn)行了核心信息的展示。注意左圖黑色主輪廓的部分并沒有信息呈現(xiàn)(集中展示了品牌形象氣息),而在留白部分展示了文字信息加以說明;右圖部分則在折線這條主輪廓型的兩側(cè),有序展示了信息。這樣的設(shè)計(jì),在網(wǎng)頁滑屏過程中,增加了畫面的動(dòng)感效果,更重要的一點(diǎn)是在引導(dǎo)視線過程中,你會(huì)更關(guān)注內(nèi)容的信息呈現(xiàn),想想我們的視覺,對于認(rèn)知整體場景而言,周邊視覺更為關(guān)鍵;因?yàn)槟銜?huì)很不經(jīng)意的在意留在中央視覺(在設(shè)計(jì)中就是刻意設(shè)計(jì)引導(dǎo)你視覺的主輪廓)之外的東西,這時(shí)候留白是引導(dǎo),展示信息,完美的指揮家。


Image title


再看這組作品,理解這組留白相對比較復(fù)雜,注意筆者圖示位置的留白,很多時(shí)候,我們都習(xí)慣把畫滿一個(gè)畫面當(dāng)作第一要?jiǎng)?wù),填滿是可以保證我們看到的畫面至少是飽滿不空的,但是往往適得其反就是亂和沒有靈氣,所以一些設(shè)計(jì)作品試圖去突破一些視覺固式,那這時(shí)候留白就是一個(gè)極好的幫手,無形中啟到一個(gè)形狀的作用,補(bǔ)充畫面達(dá)到畫面的和諧統(tǒng)一,又增加韻味。像左圖就是通過一個(gè)紅色面積的模塊留白,與標(biāo)題呼應(yīng)的同時(shí),讓畫面方圓能夠更自然的流淌,增強(qiáng)畫面的靈動(dòng)感,右圖則通過添加元素,讓留白區(qū)域形成某種場景或者縱深,這樣就對文字形成了一種補(bǔ)充,烘托文字的效果,增強(qiáng)感受,兩者看似有明顯空白,但是整體又是完整的??聪聢D,其實(shí)這又牽扯到我們第一個(gè)講到的心理學(xué):眼見非腦見,我們的大腦會(huì)自動(dòng)去找尋某種輪廓。而這里輪廓的形成是通過留白去幫助實(shí)現(xiàn)的。這時(shí)候,留白是形狀,參與構(gòu)成,積極的組織者。


Image title




Image title



留白,是形式的延展...空間,引導(dǎo),形狀——元素在構(gòu)成畫面中一定會(huì)產(chǎn)生留白,留白對畫面的意義在于可以幫助我們更好的展示內(nèi)容,幫助我們營造空間,創(chuàng)造聯(lián)系,配合形式,讓畫面更加有序有感。




構(gòu)成



講到構(gòu)成,這個(gè)名詞大家都不陌生:一定的形態(tài)元素,按照視覺規(guī)律、力學(xué)原理、心理特性、審美法則進(jìn)行的創(chuàng)造性的組合。很顯然跟我們的心理學(xué)原理三不謀而合,人是習(xí)慣尋找規(guī)律,也很習(xí)慣創(chuàng)造規(guī)律,所以在設(shè)計(jì)領(lǐng)域,才有了對點(diǎn),線,面等不斷的研究與實(shí)踐,在抽象的形、色、質(zhì)的造型方法上不斷追求與探索。


Image title


看上圖,這是一張展覽海報(bào),海報(bào)簡潔干凈,穩(wěn)重大氣,沒有太多筆墨渲染,背景圖的選擇,以靜制動(dòng),讓整個(gè)海報(bào)有種高山流水,知音無限的濃郁氣息。先想下我們之前的說明:大腦視覺皮質(zhì)中的細(xì)胞分工不同,分別只對橫線、豎線、邊線和特定角度的線作出反應(yīng)。再結(jié)合下點(diǎn)線面構(gòu)成的知識(shí)。首先畫面三個(gè)大字,這是點(diǎn),然后由上到下一個(gè)“之”字形排開,斜線至此形成,你的第一視感規(guī)律完結(jié),接下來注意畫面背景圖的選擇,瀑布從上而下,這個(gè)水流的動(dòng)勢極大得幫助和引導(dǎo)了我們的視線閱讀,豎線至此形。畫面感就形成了,你會(huì)很自然舒服的去閱讀這個(gè)海報(bào)。


但是就此就結(jié)束了,視線總體流動(dòng)是這樣的,為什么設(shè)計(jì)師要把字放到畫面這個(gè)位置,而不是其他位置呢?想想剛剛說的規(guī)律,人喜歡規(guī)律,創(chuàng)造找尋規(guī)律,并以此為根據(jù)去實(shí)踐,這里就牽扯出了大自然里最神奇的定律黃金分割(今天的文章暫時(shí)不講,之后我會(huì)帶來關(guān)于黃金分割的文章分享哦),繼續(xù)看下圖,


Image title


首先,A1,A2這是畫面橫向?qū)挾壬蟽蓷l黃金風(fēng)格線,B1,B2,B3這是畫面縱向按順序的三條黃金風(fēng)格線,當(dāng)畫出這幾條黃金分割線,是不是一目了然,海報(bào)作者把核心元素有序安排在黃金風(fēng)格線及焦點(diǎn)之上,和諧之美,一張看似簡單的海報(bào)蘊(yùn)藏著如此豐富的魅力,我們也可以感悟到設(shè)計(jì)師本身嚴(yán)謹(jǐn)?shù)臍庀⒑蛯?gòu)成形式的細(xì)心推敲。如果是我們,又會(huì)是怎樣的呢?


Image title


再看上圖,大家可以自行按照上述的方式去分析一下。下圖海報(bào)可能更復(fù)雜些,但是其中的規(guī)律也是可以尋找的,畫面通過兩組不同斜面創(chuàng)造大的規(guī)律動(dòng)勢(右圖黑紅示意),同時(shí)巧妙的利用交叉后形成的三角形,形成點(diǎn)的元素,作為人物畫像的載體之用,因而三角形是從整體上而來,有序而有組織,相互有關(guān)系,不會(huì)顯得亂。


Image title


更令人驚奇的是,當(dāng)我也使用黃金分割試圖去進(jìn)一步分析和理解畫面的時(shí)候,你會(huì)發(fā)現(xiàn)人物的面部表情—眼神,全在分割線上,所以有沒有覺得,這個(gè)海報(bào)的每個(gè)人都感覺實(shí)在你在對視,莫名的一種震撼,畫面的張力,不得不佩服國外設(shè)計(jì)師的嚴(yán)謹(jǐn)。


Image title




Image title



合理使用點(diǎn)線面,引導(dǎo)組織畫面——優(yōu)秀的畫面從來不是無組織無秩序的,都是通過點(diǎn)線面的仔細(xì)經(jīng)營來創(chuàng)造最佳的視覺效果,而這個(gè)視覺效果,是能夠自發(fā)的去引導(dǎo)觀眾的視線,讓規(guī)律自然被閱讀,達(dá)到形神合一。




今天通過三個(gè)心理學(xué),引出設(shè)計(jì)中三個(gè)設(shè)計(jì)要點(diǎn)輪廓,留白,構(gòu)成,其實(shí)彼此之間是一個(gè)遞進(jìn)聯(lián)系,有了元素就會(huì)產(chǎn)生形狀,躍然紙上,則需要足夠的留白去為元素講故事,然后這個(gè)故事就是構(gòu)成,你使用如何的手段,讓他更豐富更有內(nèi)涵,一目了然。三者的有機(jī)結(jié)合就形成了我們所說的構(gòu)圖,視覺語言中構(gòu)圖是非常重要的底層環(huán)節(jié),相比華麗的細(xì)節(jié)和各種炫目的效果,畫面中隱藏的構(gòu)圖實(shí)際上才是視覺設(shè)計(jì)的核心!


Image title

Image title


看一下這些電影場景,是不是恍然大悟,看似復(fù)雜的場景,都建立在這些幾何圖形的基礎(chǔ)骨架之上,回憶下文章之初的心理學(xué)觀點(diǎn),其實(shí)設(shè)計(jì)知識(shí)背后是人類讀取信息幾千年來形成的習(xí)慣以及現(xiàn)代社會(huì)約定俗成的閱讀方式和心理學(xué)等,要想成為一個(gè)優(yōu)秀的設(shè)計(jì)師,我們需要進(jìn)一步地了解設(shè)計(jì)背后的原理以及表達(dá)信息的多種方法,就像研究表明,人類能識(shí)別 24 種基本形體,這些基礎(chǔ)形狀稱為幾何離子(方形,圓形,三角形,圓柱體,圓錐體等),這就落回到我們講到的心理學(xué):我們眼睛能夠?qū)ふ业囊?guī)律,而上圖的電影畫面也都構(gòu)建在此基礎(chǔ)之上,因?yàn)檫@樣的形式更容易讓我們的視覺去捕捉去理解。


講了這么多,就是希望能夠幫助大家在平時(shí)的設(shè)計(jì)工作和日常的學(xué)習(xí)積累過程中,能夠有一種思路和方法,去判斷和解讀作品,去分析這個(gè)設(shè)計(jì)為什么好,好在哪里,去把設(shè)計(jì)進(jìn)行有效的分解(元素本身的樣式,元素所在空間的留白,以及彼此之間的關(guān)聯(lián))給你自己的設(shè)計(jì)說明增加籌碼,以便更加得擲地有聲。


最后,既然我們知道了這些心理學(xué)知識(shí),了解到了我們的觀察習(xí)慣,在之后的設(shè)計(jì)過程中我們就需要努力做到以下幾點(diǎn):


1.  經(jīng)營好元素的輪廓和位置;


2.  人會(huì)不由自主地尋找規(guī)律,那就盡量多使用規(guī)律,利用分組和間隔創(chuàng)造規(guī)律;


3.  要讓某個(gè)物體(例如圖標(biāo))易于識(shí)別,就用簡單的幾何圖形來畫它。這會(huì)讓構(gòu)成物體的幾何離子更明顯,從而使人更快、更輕松地識(shí)別該物體;


4.  控制好你的形式,形式在內(nèi)容之下,形式服務(wù)內(nèi)容。文繁則質(zhì)衰,末勝則本虧,過分強(qiáng)調(diào)文飾與修辭,內(nèi)容就會(huì)受到遮蔽而顯得軟弱無力,形式重于內(nèi)容,其實(shí)就是舍本逐末。

藍(lán)藍(lán)設(shè)計(jì)www.yvirxh.cn )是一家專注而深入的界面設(shè)計(jì)公司,為期望卓越的國內(nèi)外企業(yè)提供卓越的UI界面設(shè)計(jì)、BS界面設(shè)計(jì) 、 cs界面設(shè)計(jì) 、 ipad界面設(shè)計(jì) 、 包裝設(shè)計(jì) 、 圖標(biāo)定制 、 用戶體驗(yàn) 、交互設(shè)計(jì)、 網(wǎng)站建設(shè) 、平面設(shè)計(jì)服務(wù)。

日歷

鏈接

個(gè)人資料

存檔