情感化設(shè)計(jì),重新創(chuàng)造網(wǎng)頁
網(wǎng)頁設(shè)計(jì)似乎已經(jīng)達(dá)到了一個(gè)瓶頸,似乎再富有創(chuàng)造力都難以突破。不過事實(shí)上,網(wǎng)頁設(shè)計(jì)還有發(fā)展的空間,很多人都說取決于細(xì)節(jié),而細(xì)節(jié)應(yīng)當(dāng)要靠情感化的設(shè)計(jì)才能有所突破。
往往奢侈品只比地?cái)傌浂鄮讞l線,卻讓人認(rèn)為奢侈品的衣服質(zhì)量好。同理,網(wǎng)頁也需要這幾條線。
情感化設(shè)計(jì)要源于生活。既然是情感,就離不開現(xiàn)實(shí)。舉一個(gè)例子,在英國過馬路行人道往往有按鈕,一旦按鈕的人多了,就會(huì)自動(dòng)轉(zhuǎn)為綠燈。這樣我們就可以很好的運(yùn)用到網(wǎng)頁中,論壇都有搶樓功能,很多搶樓都是幾點(diǎn)幾點(diǎn)開始。但是大可不必如此,比如說有多少人按下“我已準(zhǔn)備好”或者該網(wǎng)頁有多少人訪問了自動(dòng)開始搶樓,這樣會(huì)不會(huì)更加有趣呢?我想會(huì)的。
情感化設(shè)計(jì)要拋棄固有思維。在設(shè)計(jì)網(wǎng)頁時(shí),我們都只要注重了漂亮、經(jīng)典、大氣這些非常泛的詞語,轉(zhuǎn)而言之就是注重了第一感觀。這樣的時(shí)候,我們的思維就遭到了牽制。我們可以嘗試想一些問題,“標(biāo)志一定要在左上角嗎?”“一定用華麗的色彩嗎?”。更應(yīng)該鍛煉一種懶人思維,心里應(yīng)當(dāng)想著如何用最簡單的方式完成,最簡單的效果也許會(huì)更出色,最簡潔也是一種美。我們經(jīng)??梢砸O(shè)計(jì)一些邊欄,例如左邊以綠色為底色,做了非常多效果的欄目,這往往是我們?cè)O(shè)計(jì)的第一想法。但是可以看看右邊的,同樣的內(nèi)容,卻可以用非常簡潔的方式來表達(dá),大氣又方便。
情感化設(shè)計(jì)要感知體驗(yàn)。感知體驗(yàn)是什么呢?就是你自己做出來的東西,當(dāng)作一個(gè)陌生的網(wǎng)頁你訪問一下,有什么感受。我在自己的一個(gè)購物網(wǎng)站上花費(fèi)了時(shí)間和精力終于做出來了一個(gè)手機(jī)客戶端。在自己實(shí)驗(yàn)之后,發(fā)現(xiàn)購物鍵要按非常多次,這的的確確影響購物體驗(yàn),指不定一氣之下不買,從而導(dǎo)致流失用戶。為此,我特意使用了淘寶的客戶端。我發(fā)現(xiàn),淘寶移動(dòng)客戶端對(duì)于購物按鈕的解決非常好,但是依舊有不足。手機(jī)上的地址轉(zhuǎn)發(fā)到電腦上,顯示的是手機(jī)端所表現(xiàn)的內(nèi)容,也找不到完整版的按鈕,如果要推薦朋友來買,這是一個(gè)致命缺陷。
情感化設(shè)計(jì)要能打動(dòng)客戶。社會(huì)化發(fā)展為什么能紅?很大程度是因?yàn)槿讼矚g和人交流,并不是機(jī)器。所以你的網(wǎng)頁設(shè)計(jì)要能給用戶帶來感情的依賴。Windows有一個(gè)很經(jīng)典的例子,就是開機(jī)的歡迎您。這個(gè)歡迎您,并沒有什么技術(shù)難度,卻給人很溫馨的感覺。所以,不妨在網(wǎng)頁上多加一些溫馨提示語。比如說,在早晨訪問網(wǎng)頁,給的提示是“早上好,曬曬太陽吧。”而購物網(wǎng)站要做好顏色搭配,滿足用戶的情感需要,當(dāng)在引導(dǎo)語之類給用戶增加了滿意度,讓用戶愛了,交易就來了。
總結(jié):本章我們講述了情感化的基本要點(diǎn),當(dāng)然情感化沒那么簡單,也沒那么難。一切建立在自己的感情基礎(chǔ)上去建立網(wǎng)頁,你要相信自己的感情好比雞尾酒的一層顏色,只有那些欣賞你自己覺得好的設(shè)計(jì)的人才可以和你融入到和你一樣的顏色。
本文地址:http://m.likemindfilms.com/tutorial/di1583.html
您可能還喜歡
- Macaron 馬卡龍系色譜 ;附HC(16進(jìn)制碼
- 7個(gè)手機(jī)版網(wǎng)頁設(shè)計(jì)的原則
- 折紙多邊形網(wǎng)頁背景效果制作教程
- 龐門正道:好好玩耍的點(diǎn)線面(上)
- 網(wǎng)頁設(shè)計(jì)中的常見頁面布局方式
- WAP APP的柵格設(shè)計(jì)
- 八種很漂亮的排版方法和技巧分享
- 網(wǎng)頁設(shè)計(jì)的首屏標(biāo)準(zhǔn)你了解多少?
- 字體大寶庫:40款為網(wǎng)頁設(shè)計(jì)師準(zhǔn)備的時(shí)
- 視覺設(shè)計(jì)分享—專題頁面設(shè)計(jì)篇
- 專訪:石墨文檔產(chǎn)品總監(jiān)羅穎
- UI設(shè)計(jì)不得不知的移動(dòng)端UI尺寸適
- 光音移動(dòng)設(shè)計(jì)規(guī)范 — 表單類
- 體驗(yàn)設(shè)計(jì)中的排序問題
- 網(wǎng)頁設(shè)計(jì)精粹 網(wǎng)頁中那些迷人的按
- aliued:響應(yīng)式設(shè)計(jì)的現(xiàn)狀與趨勢(shì)
- 10個(gè)智能對(duì)象處理的ps技巧
- 網(wǎng)頁UI - 原子設(shè)計(jì)理論(上)
- 如何通過設(shè)計(jì)提升banner點(diǎn)擊率?
- 晉小彥視覺設(shè)計(jì)系列文章(二):全屏