網(wǎng)站建設(shè)中為什么視覺設(shè)計(jì)不止?jié)M足于眼睛發(fā)布者：本站     時(shí)間：2022-05-06 10:05:12

對(duì)于一個(gè)優(yōu)秀的產(chǎn)品來說，視覺設(shè)計(jì)是重要的組成部分。

視覺在整個(gè)設(shè)計(jì)流程中是一個(gè)兩極分化的一環(huán)，它常被認(rèn)為是對(duì)設(shè)計(jì)進(jìn)行多余的雕琢，只不過是為了取悅老板們的糖衣炮彈。又或者，通常對(duì)于初級(jí)設(shè)計(jì)師，他們甚至認(rèn)為視覺設(shè)計(jì)是偉大設(shè)計(jì)的終極目標(biāo)：如果看上去很華麗，那就是好設(shè)計(jì)，如果看上去很丑，那用戶肯定不會(huì)喜歡。

然而，視覺設(shè)計(jì)既不是一個(gè)無關(guān)緊要的部分，也不是一個(gè)作為衡量一個(gè)好設(shè)計(jì)的終極目標(biāo)。視覺設(shè)計(jì)是通過特定設(shè)計(jì)的插畫和圖形去傳達(dá)信息的一種手法，有意思的排版，讓人共鳴的圖標(biāo)，有說服力的顏色，舒服的間距和布局，還有很多其他的“小卻重要的細(xì)節(jié)”。

視覺設(shè)計(jì)是著力于視覺表現(xiàn)上來提高產(chǎn)品的用戶體驗(yàn)。在概念上來說，這是非常簡(jiǎn)單的一件事，但是為什么我們不愿意在視覺設(shè)計(jì)上花那么多精力呢？然后誰應(yīng)該在這個(gè)過程中參與進(jìn)來？此外，我們應(yīng)該從什么時(shí)候開始？現(xiàn)在就讓我們從“為什么”開始，再從何時(shí)開始，以及如何開始進(jìn)行闡述。

為什么視覺設(shè)計(jì)很重要
視覺設(shè)計(jì)的重要性源自方方面面。首先最顯而易見的是，你的視覺設(shè)計(jì)決定了用戶在使用產(chǎn)品時(shí)對(duì)其產(chǎn)生的第一印象。研究表明，用戶只需要 50ms即可對(duì)一個(gè)產(chǎn)品產(chǎn)生第一判斷。也許有些令人吃驚，然而，事實(shí)是視覺設(shè)計(jì)不僅是用戶對(duì)產(chǎn)品的第一印象，甚至它可以被認(rèn)為是對(duì)產(chǎn)品最重要的印象。

消費(fèi)者研究發(fā)現(xiàn)，用戶在看到網(wǎng)站時(shí)，視覺呈現(xiàn)比起其網(wǎng)站內(nèi)容更加影響網(wǎng)站的可信度。此外，視覺設(shè)計(jì)是設(shè)計(jì)師建立品牌形象最重要的渠道。一個(gè)好的信息架構(gòu)當(dāng)然是重要的，但它卻不能像精心考慮、非常聰明的視覺設(shè)計(jì)那樣傳達(dá)“星球大戰(zhàn)”或者“Huggies”要傳達(dá)的東西。

（譯者注：HUGGIES 是一個(gè)嬰兒尿不濕的品牌   網(wǎng)址：HTTPS://WWW.HUGGIES.COM）
為什么視覺設(shè)計(jì)不止?jié)M足于眼睛

案例一：多鄰國網(wǎng)站（著名的語言學(xué)習(xí)類的網(wǎng)站），他的視覺設(shè)計(jì)向人傳達(dá)了親切、積極、可靠的的感覺。
為什么視覺設(shè)計(jì)不止?jié)M足于眼睛

案例二：GALBALLY & O’BRYAN’S 首頁（律師事務(wù)所）,作為一個(gè)堅(jiān)持高質(zhì)量且有一定聲譽(yù)的法律機(jī)構(gòu)。它的視覺設(shè)計(jì)是干凈利落、優(yōu)雅且高度專業(yè)的。想象一下要是與案例一的視覺系統(tǒng)交換一下，將會(huì)帶來什么影響？
還有一個(gè)支持視覺設(shè)計(jì)重要性的現(xiàn)實(shí)原因。盡管做出一套糟糕的視覺設(shè)計(jì)可能是一個(gè)設(shè)計(jì)師在工作中犯的最不起眼的錯(cuò)誤，然而這個(gè)錯(cuò)誤卻可能是最容易被人察覺的 。讓我們從相反的角度想：如果用戶感覺一個(gè)產(chǎn)品“土”，那么無論怎么講，這個(gè)產(chǎn)品就是“土”的。用戶不喜歡，就不太可能去買。僅管叫我萬惡的資本家，但是我覺得這是非常重要的。（順便說一下，我就是萬惡的資本家）

為什么視覺設(shè)計(jì)不止?jié)M足于眼睛

案例三：這個(gè)美國聯(lián)合保健的網(wǎng)站的視覺設(shè)計(jì)真的有鼓勵(lì)你去相信他們和你的醫(yī)療和財(cái)政信息？
基本上，你產(chǎn)品的樣子將會(huì)是用戶第一件重視的事情，這個(gè)一個(gè)非常容易抓住的點(diǎn)，我們要好好把握。

由誰來做
我們已經(jīng)說明了視覺設(shè)計(jì)是設(shè)計(jì)過程中非常重要的一部分。此外，我們也非常同意設(shè)計(jì)作為一個(gè)過程，當(dāng)東西完成時(shí)，不管是好的方面還是壞的方面，都是團(tuán)隊(duì)里每個(gè)成員的的成果。那么從這個(gè)邏輯上看來，視覺設(shè)計(jì)也能被任何一個(gè)人所影響。

然而，從某種程度來說，視覺設(shè)計(jì)是相比其他更有專業(yè)化元素的活兒。它需要更多的技巧——如何把自己的創(chuàng)意實(shí)現(xiàn)出來——像PS和Sketch這樣的工具可是一點(diǎn)也不簡(jiǎn)單的，正因如此，讓專業(yè)的設(shè)計(jì)師來做可能會(huì)比讓普通人來做更好一些。視覺設(shè)計(jì)師使用的工具和技巧并不是很直觀的，讓那些非設(shè)計(jì)人員來做效率也不會(huì)高，我們可能會(huì)討厭（就像在喝蛋黃醬和葡萄汁混在一起的飲料那樣的討厭）人們說設(shè)計(jì)師僅僅只是讓東西做的更加好看，但是在視覺設(shè)計(jì)領(lǐng)域，我們并不會(huì)像平時(shí)那樣顯得無足輕重。

為什么視覺設(shè)計(jì)不止?jié)M足于眼睛

案例四：對(duì)于普通大眾來說PHOTOSHOP就像希臘神話一樣遙不可及
何時(shí)進(jìn)行
視覺設(shè)計(jì)在什么時(shí)候很重要？一直。我們已經(jīng)談過這個(gè)。我們需要注意的是，無論是優(yōu)雅的還是“聯(lián)邦政府”似的設(shè)計(jì)，每個(gè)產(chǎn)品開發(fā)的整個(gè)生命周期都需要讓設(shè)計(jì)參與進(jìn)來。視覺設(shè)計(jì)也是設(shè)計(jì)的一部分，因此視覺設(shè)計(jì)應(yīng)該從產(chǎn)品開發(fā)的第一天就參與進(jìn)來，直到最終完成。

話雖如此，我們依然需要知道的是視覺設(shè)計(jì)在工作流程中是需要在后面才開始進(jìn)行的，老實(shí)說，這樣做才是明智的，因?yàn)椋?br />
第一，視覺設(shè)計(jì)的交付物感覺永遠(yuǎn)也做不完，要做到像素級(jí)的完美是非?；ㄙM(fèi)時(shí)間的，而且當(dāng)需要迭代和轉(zhuǎn)變產(chǎn)品方向時(shí)，它的速度也完全沒法和線框圖階段比，甚至沒法和原型階段比。

第二，視覺設(shè)計(jì)是一個(gè)很巨大的部分，我們稱之為“個(gè)性設(shè)計(jì)”。產(chǎn)品的個(gè)性將很大一部分影響該產(chǎn)品的視覺設(shè)計(jì)，然而從迭代和視覺設(shè)計(jì)都是一個(gè)非?；ㄙM(fèi)精力的過程，一些精明的設(shè)計(jì)師將會(huì)節(jié)省在視覺設(shè)計(jì)這個(gè)過程中的產(chǎn)出直到產(chǎn)品開始有自己的框架結(jié)構(gòu)。

怎樣進(jìn)行
這個(gè)執(zhí)行的過程應(yīng)該是經(jīng)過認(rèn)真的思考然后再去做的，在所有偉大的設(shè)計(jì)中，視覺設(shè)計(jì)幾乎很少是偶然迸發(fā)出來的。然而在這里我也并沒有時(shí)間去告訴你怎樣去用PS或Sketch，和一些排版布局的規(guī)則與色彩理論。我會(huì)給你幾個(gè)在設(shè)計(jì)過程中一點(diǎn)應(yīng)該注意的地方，他們可能可以引導(dǎo)你做出一些好的視覺設(shè)計(jì)：

1.搞清楚你面對(duì)的情況
盡可能早地從你的客戶那里搞到他們的設(shè)計(jì)規(guī)范（style guides）或者品牌規(guī)范（brand guidelines），別浪費(fèi)時(shí)間去做那些最后注定要返工的東西（連那些簡(jiǎn)單的視覺情緒版“moodboards”都不要去弄）。如果有的話甚至應(yīng)該第一天就去問客戶要這些東西，現(xiàn)在去要總不會(huì)比干了幾個(gè)月再去要這些東西更難。

（譯者注：有時(shí)候設(shè)計(jì)師會(huì)先收集一些圖片文字之類的東西弄出一個(gè)合集，作為設(shè)計(jì)的參考和靈感來源，這類東西叫做MOODBOARD。具體介紹可參考：HTTPS://EN.WIKIPEDIA.ORG/WIKI/MOOD_BOARD）
2、找出你是在為誰設(shè)計(jì)
我知道你一直是這樣做的，因?yàn)槟闶莻€(gè)優(yōu)秀的設(shè)計(jì)師，優(yōu)秀的設(shè)計(jì)師從來不會(huì)跳過產(chǎn)品設(shè)計(jì)的調(diào)研部分。所以提早了解了他們利益相關(guān)者和用戶就可以在接下來的設(shè)計(jì)過程中知道怎樣才可以博取他們的眼球。

3、提早的開始你的視覺設(shè)計(jì)
收集情緒板，建立出產(chǎn)品的個(gè)性，甚至是記下一些形容詞，這些東西將成為你在后面再為產(chǎn)品進(jìn)行視覺設(shè)計(jì)的基礎(chǔ)。確保這些調(diào)研中得同時(shí)確保他們和客戶的品牌保持一致（如果他們存在的話）保持一致，確保不在最后關(guān)頭再來處理這事。

4、幫助客戶理解你的視覺設(shè)計(jì)成果
視覺設(shè)計(jì)產(chǎn)出，是一個(gè)非常緩慢的過程，不要浪費(fèi)時(shí)間和你客戶的錢，去建立更多有需要的東西。搭建一個(gè)或多個(gè)原型，盡快開始編程實(shí)現(xiàn)（或是實(shí)物產(chǎn)品，如果你搞的定的話） 。告訴客戶這些事臨時(shí)的內(nèi)部用的測(cè)試版本，真實(shí)的視覺效果已經(jīng)在產(chǎn)品開發(fā)過程中了，而不是僅僅存在于PS的源文件里。

5、準(zhǔn)備好為何如此設(shè)計(jì)的理由
還記得我們談過研究階段？在這個(gè)地方理解利益相關(guān)者，用戶，市場(chǎng)將會(huì)派上用場(chǎng)。記住你的行為要像一個(gè)專業(yè)的設(shè)計(jì)師。如果你選擇黃綠色作為按鈕，那么黃綠色一定是這個(gè)按鈕的最佳選擇。 如果這僅僅是你的直覺，并沒有什么理由，那么為它找到一個(gè)理由，如果這找不到任何可以支撐的理由，先想想你這么設(shè)計(jì)是否是對(duì)的，如果你確定是對(duì)的而且找不到任何理由的話，編一個(gè)吧，編的好點(diǎn)。