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

對于一個(gè)優(yōu)秀的產(chǎn)品來(lái)說(shuō)，視覺(jué)設計是重要的組成部分。

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

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

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

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

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

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

案例一：多鄰國網(wǎng)站（著(zhù)名的語(yǔ)言學(xué)習類(lèi)的網(wǎng)站），他的視覺(jué)設計向人傳達了親切、積極、可靠的的感覺(jué)。
為什么視覺(jué)設計不止滿(mǎn)足于眼睛

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

為什么視覺(jué)設計不止滿(mǎn)足于眼睛

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

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

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

為什么視覺(jué)設計不止滿(mǎn)足于眼睛

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

話(huà)雖如此，我們依然需要知道的是視覺(jué)設計在工作流程中是需要在后面才開(kāi)始進(jìn)行的，老實(shí)說(shuō)，這樣做才是明智的，因為：

第一，視覺(jué)設計的交付物感覺(jué)永遠也做不完，要做到像素級的完美是非?；ㄙM時(shí)間的，而且當需要迭代和轉變產(chǎn)品方向時(shí)，它的速度也完全沒(méi)法和線(xiàn)框圖階段比，甚至沒(méi)法和原型階段比。

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

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

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

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

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

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

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