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