視覺(jué)設(shè)計(jì)，與用戶(hù)溝通的一種方式

視覺(jué)設(shè)計(jì),既不是無(wú)關(guān)緊要的,也不是優(yōu)秀設(shè)計(jì)的最終目標(biāo)。視覺(jué)設(shè)計(jì)是通過(guò)特定的插畫(huà)和攝影圖片,有意義的排版,情景再現(xiàn),有吸引力的顏色,恰當(dāng)?shù)目臻g和布局,和許多其他的大小細(xì)節(jié)等來(lái)與用戶(hù)溝通的一種方式。

視覺(jué)設(shè)計(jì)是通過(guò)使用產(chǎn)品中的視覺(jué)元素來(lái)改善用戶(hù)的體驗(yàn)的。從概念上講,這是相當(dāng)簡(jiǎn)單的。但是先讓我們想一下這些問(wèn)題：為什么我們要在視覺(jué)設(shè)計(jì)上投入資源？我們什么時(shí)候以及怎么開(kāi)始設(shè)計(jì)?所以，我們一一來(lái)講一下：Why, When，How。

Why

視覺(jué)設(shè)計(jì)是很重要的,原因有很多。首先,你的視覺(jué)設(shè)計(jì)是你產(chǎn)品的第一印象。研究表明,用戶(hù)對(duì)產(chǎn)品形成第一印象只需要50毫秒的時(shí)間。你可能會(huì)有點(diǎn)驚訝,事實(shí)上，這不僅是消費(fèi)者對(duì)產(chǎn)品視覺(jué)設(shè)計(jì)的第一印象，而且可以說(shuō)是他們對(duì)產(chǎn)品形成的最重要的印象。

《消費(fèi)者報(bào)告》發(fā)現(xiàn),用戶(hù)決定是否信任一個(gè)網(wǎng)站更依靠視覺(jué)線索而不是實(shí)際內(nèi)容。此外,視覺(jué)設(shè)計(jì)是設(shè)計(jì)師用來(lái)塑造有影響力品牌最強(qiáng)的一個(gè)手段。一個(gè)優(yōu)秀的信息架構(gòu)絕對(duì)是重要的,但它沒(méi)法傳達(dá)產(chǎn)品的某些特性（如體貼或智能），而視覺(jué)設(shè)計(jì)可以。

圖1:Duolingo(一種流行的語(yǔ)言學(xué)習(xí)工具)有一個(gè)表達(dá)友好,樂(lè)觀,腳踏實(shí)地這些消息的視覺(jué)設(shè)計(jì)

圖2:Galbally & O'Bryan的主頁(yè),作為一個(gè)備受矚目的法律機(jī)構(gòu)，它的視覺(jué)設(shè)計(jì)是干凈的,優(yōu)雅的,專(zhuān)業(yè)的。想象一下,如果這兩個(gè)視覺(jué)設(shè)計(jì)系統(tǒng)互換一下會(huì)有什么影響?

這就是我們都要成為視覺(jué)設(shè)計(jì)支持者的重要而現(xiàn)實(shí)的原因。雖然沒(méi)能做出一個(gè)優(yōu)秀的視覺(jué)設(shè)計(jì)是一個(gè)設(shè)計(jì)師本來(lái)可以避免的小錯(cuò)誤，但是讓我們感覺(jué)到這個(gè)設(shè)計(jì)很失敗卻是一個(gè)大錯(cuò)誤。退一步來(lái)說(shuō):如果用戶(hù)對(duì)一個(gè)產(chǎn)品的感覺(jué)是失敗的,不管出于什么原因,這個(gè)產(chǎn)品就是失敗的。如果用戶(hù)不喜歡它,他們也不太可能為它付費(fèi)。

圖3:這個(gè)醫(yī)保網(wǎng)站的視覺(jué)設(shè)計(jì)做成這樣真的是想鼓勵(lì)你相信上面的醫(yī)療和財(cái)務(wù)信息嗎?

基本上,你的產(chǎn)品看起來(lái)如何是用戶(hù)會(huì)注意到的第一件事,也可能會(huì)是他們注意到的最重要的事情之一。應(yīng)該優(yōu)先解決它。

視覺(jué)設(shè)計(jì)是設(shè)計(jì)的一個(gè)重要的組成部分。但邏輯上來(lái)說(shuō),任何人都可以影響視覺(jué)設(shè)計(jì)。

然而,視覺(jué)設(shè)計(jì)是一個(gè)比其他元素更專(zhuān)業(yè)化的領(lǐng)域，它需要更多技術(shù)的支持,像Photoshop和Sketch。就其本身而言,也是很重要的一點(diǎn),它是商業(yè)設(shè)計(jì)和自然設(shè)計(jì)對(duì)抗的結(jié)果。視覺(jué)設(shè)計(jì)師所使用的工具和技巧不是很直觀,很難由一個(gè)非設(shè)計(jì)人員來(lái)做。所以我很討厭別人說(shuō)設(shè)計(jì)師只是讓產(chǎn)品看起來(lái)漂亮。

When

什么時(shí)候進(jìn)行視覺(jué)設(shè)計(jì)有關(guān)系嗎?任何時(shí)候。但是,要注意了,不管是優(yōu)雅的設(shè)計(jì)還是很官方的設(shè)計(jì),它都是一個(gè)伴隨著整個(gè)產(chǎn)品生命周期的過(guò)程。視覺(jué)設(shè)計(jì)是設(shè)計(jì)的一部分。因此,視覺(jué)設(shè)計(jì)是需要從第一天開(kāi)始直到完全結(jié)束的。

話雖如此,但我們需要明白,視覺(jué)設(shè)計(jì)是一個(gè)項(xiàng)目后期的重點(diǎn)事務(wù)。有以下幾個(gè)原因。

首先,視覺(jué)設(shè)計(jì)需要不停的修改。要做到完美是非常耗時(shí)的,迭代和關(guān)鍵性調(diào)整不像畫(huà)線框圖和做原型那么快。

第二,視覺(jué)設(shè)計(jì)是“個(gè)性設(shè)計(jì)”中最重要的部分，產(chǎn)品的調(diào)性將大大影響產(chǎn)品的視覺(jué)設(shè)計(jì),由于關(guān)鍵性調(diào)整從視覺(jué)設(shè)計(jì)上來(lái)說(shuō)非常費(fèi)力,一個(gè)謹(jǐn)慎的設(shè)計(jì)師不會(huì)很快的完成最終可交付的視覺(jué)設(shè)計(jì),而是應(yīng)該等到產(chǎn)品的調(diào)性基本確定之后才會(huì)開(kāi)始。

How

這是一個(gè)應(yīng)該謹(jǐn)慎安排和執(zhí)行的過(guò)程。所有優(yōu)秀的設(shè)計(jì),包括視覺(jué)設(shè)計(jì),很少發(fā)生意外。盡管在這里我沒(méi)有辦法向你介紹如何使用Photoshop或Sketch,或者什么排版原則或色彩理論,但我可以給你幾個(gè)做出優(yōu)秀視覺(jué)設(shè)計(jì)的建議:

盡快的找到風(fēng)格指南和品牌指南，不要浪費(fèi)時(shí)間去構(gòu)建一些最終不得不丟棄的東西(即使是像低投入的情緒板moodboards之類(lèi)的)。第一天就要找到這些東西,如果有的話,現(xiàn)在做這些不會(huì)比幾個(gè)月后難多少。

明確你是為誰(shuí)設(shè)計(jì)。一個(gè)優(yōu)秀的設(shè)計(jì)師永遠(yuǎn)不會(huì)跳過(guò)產(chǎn)品的設(shè)計(jì)研究階段，要在早期了解你的受眾和潛在用戶(hù)在,這樣才能做出吸引他們眼球的設(shè)計(jì)。

開(kāi)始早期的視覺(jué)設(shè)計(jì)。收集moodboards,構(gòu)建產(chǎn)品的個(gè)性,甚至只是記下一些形容詞,為產(chǎn)品的視覺(jué)設(shè)計(jì)打下基礎(chǔ)。確保它符合你前期的用戶(hù)研究結(jié)果及品牌調(diào)性。

幫助客戶(hù)了解你的視覺(jué)設(shè)計(jì)交付物做了什么。視覺(jué)設(shè)計(jì)交付是比較慢的，不要浪費(fèi)你的時(shí)間和客戶(hù)的錢(qián)去做一個(gè)滿(mǎn)足更多人需要的東西。建立一個(gè)到三個(gè)模型,盡快用代碼實(shí)現(xiàn)。要讓客戶(hù)知道,這些交付物只供內(nèi)部使用和測(cè)試,其實(shí)正式的視覺(jué)設(shè)計(jì)已經(jīng)運(yùn)用到產(chǎn)品上了,而不是一堆PSD文件。

關(guān)于視覺(jué)設(shè)計(jì)方向。還記得上面說(shuō)過(guò)的研究階段嗎?就是了解受眾、用戶(hù)和即將進(jìn)入的市場(chǎng)。你是一個(gè)專(zhuān)業(yè)的設(shè)計(jì)師，如果你選擇黃綠色作為按鈕的顏色,如果這是你的直覺(jué)，那就先相信你的直覺(jué),不要什么理由，你沒(méi)辦法確保你是對(duì)的。然后在后續(xù)的修改中把它做的更好。

視覺(jué)設(shè)計(jì)并不是設(shè)計(jì)的全部,但它是一個(gè)經(jīng)過(guò)深思熟慮推出的產(chǎn)品中非常重要的一個(gè)組成部分。它通常可以讓用戶(hù)感到用得很舒服。確保它是在前期不犧牲質(zhì)量的前提下構(gòu)建出來(lái)的,那樣你隨時(shí)可以調(diào)整設(shè)計(jì)方向。