成都網(wǎng)頁設(shè)計(jì)教你打造“觸動人心的設(shè)計(jì)”

網(wǎng)頁設(shè)計(jì)說起來是很簡單的事情，將圖片和文字排版在一起，讓整個頁面看起來很和諧，然后制作成網(wǎng)頁放到服務(wù)器上，做成動態(tài)網(wǎng)站。但是一個優(yōu)秀的網(wǎng)頁設(shè)計(jì)師考慮的不僅僅是這些，他們需要制作出觸動人心的設(shè)計(jì)。怎么樣制作出這樣的網(wǎng)頁設(shè)計(jì)，下面有成都網(wǎng)頁設(shè)計(jì)大概的講解一下。也可以在這些文章中找一些靈感。 超實(shí)用！成都網(wǎng)頁設(shè)計(jì)如何讓頁面看起來高大上且有設(shè)計(jì)感 怎么樣讓用戶覺得簡潔的界面有細(xì)節(jié)？ 成都網(wǎng)頁設(shè)計(jì)極簡風(fēng)格網(wǎng)站需要哪些技巧？

成都網(wǎng)頁設(shè)計(jì)這個思路是我們整個設(shè)計(jì)方法的理論基石。(見下圖)

人的大腦是個超級存儲器，總是通過五感接受信息，被大腦識記，并且保存在記憶當(dāng)中，五感由于我們是從事互聯(lián)網(wǎng)設(shè)計(jì)行業(yè)，都是偏電腦頁面的一些設(shè)計(jì)， 所以主要能發(fā)揮的是視覺和聽覺，線下某些實(shí)物的工業(yè)設(shè)計(jì)還會有嗅覺，味覺，觸覺等等。圖中的“識記-保存-重現(xiàn)”是人類記憶的主要過程，重現(xiàn)包括回憶和再 認(rèn)兩個環(huán)節(jié)，我們這里提到的主要是指回憶，是在一定誘因的作用下，過去經(jīng)歷的事物在頭腦中的再現(xiàn)過程。擁有記憶的人通過看見了一些事物或者聽見了某些信 息，和大腦保存的過去進(jìn)行了重合配對，喚醒了記憶，那些畫面會被重現(xiàn)，在這個過程中你的大腦已經(jīng)不知不覺中招了、被刺激了，重現(xiàn)的畫面在你的腦海里久久不 能離去，以至于讓你做出一些意想不到的事，就是我們說的情緒行為，以我們自身為例，影響的就是購買決策，在我們的平臺上就有一群這樣的用戶，人稱“月光 族，剁手黨”…所以我們發(fā)現(xiàn)對于一個完全沒有記憶的人來說，其實(shí)是很難觸動情感的。通過大量的案例收集和討論給這樣的方式在設(shè)計(jì)中的運(yùn)用總結(jié)為 “DESIGNO2O”，offline2online，就是剛才所說的過程，這個過程轉(zhuǎn)化為設(shè)計(jì)就是把線下的場景或者人物或者事件等等還原到我們的設(shè)計(jì) 中，公式就是要簡單好記，才能被廣泛引用，這也是O2O業(yè)務(wù)模式的設(shè)計(jì)延伸，也同樣印證了一句哲學(xué)思想：Everything is connected。萬事萬物都是互相聯(lián)系的。

我們的O2O業(yè)務(wù)模式將線下的商務(wù)機(jī)會與互聯(lián)網(wǎng)結(jié)合，讓互聯(lián)網(wǎng)成為線下交易的前臺，我們的設(shè)計(jì)也是一樣將線下的事件，人物，場景，甚至是過去所銘記 的那些虛擬事物，讓他們成為我們設(shè)計(jì)的靈感之源，連接線下和線上的橋梁，不一定是長得一模一樣的橋梁，通過不同設(shè)計(jì)師的設(shè)計(jì)手法也會有一樣的展現(xiàn)結(jié)果，但 他們都可以是觸動人心的。

那這個designO2O的思路核心到底是什么呢？如何通過這個思路去指導(dǎo)我們完成觸動人心的設(shè)計(jì)呢？其實(shí)這個思路核心就是一個叫CORE的設(shè)計(jì)方 法模型，他包含4個階段，分別是采集（collect）、組織（organize）、反應(yīng)（reaction）、評估（estimate）。

他們彼此間的相互作用形成了一種做觸動人心設(shè)計(jì)的方法，接下來我將對整個模型進(jìn)行細(xì)分拆解來講述一下每個階段我們需要做的一些事情。

首先我們來說一下“采集”，我們要做觸動人心的設(shè)計(jì)，必須要充分的了解用戶內(nèi)心的所想所感，了解的越充分越接近用戶的痛或者他們的渴望，就越能刺激 用戶的內(nèi)心，達(dá)到我們的設(shè)計(jì)目標(biāo)。在這個環(huán)節(jié)我們通?？梢栽陧?xiàng)目中使用移情圖或用戶體驗(yàn)地圖通過定性定量的方式深入的了解（基于persona）目標(biāo)用 戶，也可以學(xué)會自己平時多觀察生活，通過照片日記的方式記錄生活感受生活中的點(diǎn)滴，車爾尼雪夫斯基說美即是生活，生活中的點(diǎn)滴會給我們更多“觸動人心”的 靈感，讓我們在設(shè)計(jì)的過程游刃有余。

第二個環(huán)節(jié)“組織”，在采集環(huán)節(jié)收集到用戶的所想所感，將會在這個環(huán)節(jié)進(jìn)行對再加工。之前通過designO2O的思路推導(dǎo)發(fā)現(xiàn)“沒有的記憶的人是 難觸發(fā)情感的”。我們通過對記憶和情感的相關(guān)性剖析發(fā)現(xiàn)，記憶和情感都是人類認(rèn)知的核心，記憶通常都伴隨著情感而情感又有助與加深記憶。

所以我們從記憶的角度切入進(jìn)行了對人們情感節(jié)點(diǎn)的探究，繼而發(fā)現(xiàn)人們的情感節(jié)點(diǎn)因人而異，做觸動人心的設(shè)計(jì)最理想的情況是能夠組織一些大家共有的情 感節(jié)點(diǎn)，而不是尋找使用非常小眾的個體的予以設(shè)計(jì)呈現(xiàn)，在整個設(shè)計(jì)方法中這是一項(xiàng)非常重要的原則。我們通過對記憶的研究并結(jié)合一些數(shù)據(jù)資料，推導(dǎo)出了六個 可能可以引起用戶普遍共鳴的情感節(jié)點(diǎn)。

時期（比如：學(xué)生時代、童年、文革之類的特殊經(jīng)歷時期），地區(qū)（好比故鄉(xiāng)、家、大多數(shù)人都認(rèn)為家是一種情愫，從這張2014年的春運(yùn)流量圖就可見一 斑）、環(huán)境（這也是個非常好的切入點(diǎn)，我們通常說觸景生情，月亮的陰晴圓缺、雨天、晴天、不一樣的天氣環(huán)境能觸發(fā)不一樣的情緒，撩撥內(nèi)心多樣的情感記 憶）、人（最近看了柴靜的“穹頂之下”，在整段視頻開始沒多久她就提起了她的女兒，當(dāng)場就觸動了很多觀眾內(nèi)心最柔軟的地方）、事件（浪漫的、喜悅的，悲傷 的、比如2003的非典）、文化（通常與節(jié)日相關(guān)，目前最常見的doodle設(shè)計(jì)都會優(yōu)先從這個角度入手，容易普遍的情感共鳴）。

接下來講一下這個模型的第三個環(huán)節(jié)，“反應(yīng)”，剛才我們通過對大腦中記憶與情感的初步研究得出的若干個情感節(jié)點(diǎn)，將在整個情感反應(yīng)場中承擔(dān)至關(guān)重要的角色，那什么是情感反應(yīng)場？

所謂情感反應(yīng)場就是通過象限圖將組織環(huán)節(jié)得到的情感節(jié)點(diǎn)放在Y軸同時將采集環(huán)節(jié)收集到的核心信息要素放在X軸，X軸上的核心信息要素可以是一個也是可以多個，將X軸的核心要素與Y軸的情感節(jié)點(diǎn)結(jié)合反應(yīng)形成情感載體的一種思維方法。

我們通過情感反應(yīng)場找到情感載體并不都是可用的，方法模型的最后是我們需要對剛才獲得的各種情感載體進(jìn)行評估，在這個環(huán)節(jié)中首先我們可以通過“三 境”驗(yàn)證法來評估和篩選情感載體。什么是“三境”呢？Everything is connected，中國文化博大精深，對于藝術(shù)來說也有非常多的共通性，我們說的三境就是指詩詞中的“物境”“情景”和“意境”她們與我們 designO2O思路中的“抄現(xiàn)實(shí)”“喚醒”“向往”三個層次一一對應(yīng)。

物境是什么？“昨夜西風(fēng)凋碧樹，獨(dú)上高樓，望盡天涯路”大家看這句詩詞，有西風(fēng)、有碧樹、有高樓非常凄美的是一個場景描寫，我們在做設(shè)計(jì)過程中通常 會使用“抄”現(xiàn)實(shí)的手法將基于目標(biāo)用戶經(jīng)驗(yàn)和行為的場景予以還原，這就是物境。那更高一級的“情境”是什么呢？“人生若只如初見，何事秋風(fēng)悲畫扇 ”這句詩出自：清.納蘭容若的<木蘭花令>，描寫了一種對于過往的懷念情愫，在設(shè)計(jì)過程我們也可以通過某些情感節(jié)點(diǎn)將用戶的過往記憶喚醒，達(dá) 到觸動人心的目的。高層級的意境又是什么？“長風(fēng)破浪會有時，直掛云帆濟(jì)滄海。”是一種正能量的傳遞，一種向往，一種積極浪漫主義的情調(diào)。有位牛人曾今 說過“一個優(yōu)秀作品可以同時兼有三境，而不一定是其一

除了我們剛才提到的“三境“驗(yàn)證法，其次我們還需要對這些情感載體的進(jìn)行真實(shí)性評估，什么是真實(shí)性呢？真實(shí)性就是指判斷情感載體是否真正可以有效的觸達(dá)用戶的內(nèi)心，那如何評估呢？可以通過感知性度量、卡片分類、案例投票也可以通過專家走查的方式進(jìn)行真實(shí)性評估。

如果說純概念有點(diǎn)云里霧里，那就舉個“栗子”吧！ 比如：這個是我們課題研究小組蘇林同學(xué)設(shè)計(jì)的一個用戶反饋平臺項(xiàng)目。

在這個case里利用我們之前提到DesignO2O設(shè)計(jì)思路，將聲音這個核心要素與我們在組織環(huán)節(jié)獲得的情感節(jié)點(diǎn)進(jìn)行結(jié)合，建立情感反應(yīng)場，形成情感載體，最后通過評估篩選得到最能觸動人心的設(shè)計(jì)方案。

每個人心中都有一個哈姆雷特，所以這并不是唯一的結(jié)果。之前提到“三境”驗(yàn)證法，那這個案例中的三境又是什么呢？

物境：是海螺圖形的擬真呈現(xiàn)，情境：海螺可以喚醒用戶的情感，激起用戶對童年場景的回憶，那些年的喜怒哀樂。意境：我們通過這個平臺沉淀用戶聲音， 完成從意見反饋收集－>問題解決－>定期跟蹤的產(chǎn)品閉環(huán)，同時期望平臺和海螺能有一樣堅(jiān)硬的外殼，保護(hù)用戶的聲音、呵護(hù)用戶對我們的信任。

再來講一個小例子，之前跟某女神聊天，說起“三境”驗(yàn)證法，那天正好是元宵節(jié)，她就以湯圓為例描述了她對三境的理解。物境是湯圓，情景是親人的團(tuán)聚，意境就是其實(shí)圓滿就在身邊。大家可以按這個思路思考一下，你的設(shè)計(jì)稿到了三境中的哪一境？。

“路漫漫其修遠(yuǎn)兮 吾將上下而求索”，觸動人心的設(shè)計(jì)命題很大價值也很大，目前我們只是發(fā)現(xiàn)了它的冰山一角，這項(xiàng)課題的研究還將繼續(xù)被完善和優(yōu)化，希望這份初步的研究總結(jié)可以讓大家在設(shè)計(jì)過程中所有幫助，共同在“觸動人心”的道路上發(fā)現(xiàn)更多、收獲更多。 請登錄網(wǎng)站了解更多 成都創(chuàng)新互聯(lián)科技有限公司 的 成都網(wǎng)頁設(shè)計(jì) http:// chengdu.cdcxhl.com 相關(guān)信息

網(wǎng)站名稱：成都網(wǎng)頁設(shè)計(jì)教你打造“觸動人心的設(shè)計(jì)”
鏈接分享：http://bm7419.com/news/43631.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供品牌網(wǎng)站設(shè)計(jì)、自適應(yīng)網(wǎng)站、網(wǎng)站排名、全網(wǎng)營銷推廣、響應(yīng)式網(wǎng)站、小程序開發(fā)

廣告

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請盡快告知，我們將會在第一時間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場，如需處理請聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時需注明來源： 創(chuàng)新互聯(lián)