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

成都網頁設計這個思路是我們整個設計方法的理論基石。(見下圖)

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

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

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

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

首先我們來說一下“采集”，我們要做觸動人心的設計，必須要充分的了解用戶內心的所想所感，了解的越充分越接近用戶的痛或者他們的渴望，就越能刺激 用戶的內心，達到我們的設計目標。在這個環節我們通常可以在項目中使用移情圖或用戶體驗地圖通過定性定量的方式深入的了解（基于persona）目標用 戶，也可以學會自己平時多觀察生活，通過照片日記的方式記錄生活感受生活中的點滴，車爾尼雪夫斯基說美即是生活，生活中的點滴會給我們更多“觸動人心”的 靈感，讓我們在設計的過程游刃有余。

第二個環節“組織”，在采集環節收集到用戶的所想所感，將會在這個環節進行對再加工。之前通過designO2O的思路推導發現“沒有的記憶的人是 難觸發情感的”。我們通過對記憶和情感的相關性剖析發現，記憶和情感都是人類認知的核心，記憶通常都伴隨著情感而情感又有助與加深記憶。

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

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

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

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

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

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

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

如果說純概念有點云里霧里，那就舉個“栗子”吧！ 比如：這個是我們課題研究小組蘇林同學設計的一個用戶反饋平臺項目。

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

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

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

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

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

文章名稱：成都網頁設計教你打造“觸動人心的設計”
網站鏈接：http://m.newbst.com/news31/43631.html

成都網站建設公司_創新互聯，為您提供服務器托管、用戶體驗、品牌網站建設、網站建設、品牌網站設計、外貿網站建設

廣告

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