天天看點

視覺設計除了好看,更要走心為什麼視覺設計很重要由誰來做何時進行怎樣進行

視覺設計是着力于視覺表現上來提高産品的使用者體驗。在概念上來說,這是非常簡單的一件事,但是為什麼我們不願意在視覺設計上花那麼多精力呢?然後誰應該在這個過程中參與進來?此外,我們應該從什麼時候開始?現在就讓我們從“為什麼”開始,再從何時開始,以及如何開始進行闡述。

為什麼視覺設計很重要

視覺設計的重要性源自方方面面。

最顯而易見的是,視覺設計決定了使用者在使用産品時對其産生的第一印象。研究表明,使用者隻需要 50ms即可對一個産品産生第一判斷。也許有些令人吃驚,然而,事實是視覺設計不僅是使用者對産品的第一印象,甚至它可以被認為是對産品最重要的印象。

消費者研究發現,使用者在看到網站時,視覺呈現比起其網站内容更加影響網站的可信度。此外,視覺設計是設計師建立品牌形象最重要的管道。一個好的資訊架構當然是重要的,但它卻不能像精心考慮、非常聰明的視覺設計那樣傳達“星球大戰”或者“Huggies”要傳達的東西。

譯者注:Huggies 是一個嬰兒尿不濕的品牌 網址:https://www.huggies.com

視覺設計除了好看,更要走心為什麼視覺設計很重要由誰來做何時進行怎樣進行

(案例一:多鄰國網站(著名的語言學習類的網站),他的視覺設計向人傳達了親切、積極、可靠的的感覺。)

視覺設計除了好看,更要走心為什麼視覺設計很重要由誰來做何時進行怎樣進行

(案例二:Galbally & O’Bryan's 首頁(律師事務所),作為一個堅持高品質且有一定聲譽的法律機構。它的視覺設計是幹淨利落、優雅且高度專業的。想象一下要是與案例一的視覺系統交換一下,将會帶來什麼影響?)

還有一個支援視覺設計重要性的現實原因:盡管做出一套糟糕的視覺設計可能是一個設計師在工作中犯的最不起眼的錯誤,然而這個錯誤卻可能是最容易被人察覺的 。

從相反的角度想:如果使用者感覺一個産品“土”,那麼無論怎麼講,這個産品就是“土”的。使用者不喜歡,就不太可能去買。盡管叫我萬惡的資本家,但是我覺得這是非常重要的(順便說一下,我就是萬惡的資本家)。

視覺設計除了好看,更要走心為什麼視覺設計很重要由誰來做何時進行怎樣進行

(案例三:這個美國聯合保健的網站的視覺設計真的有鼓勵你去相信他們和你的醫療和财政資訊?)

基本上,産品的樣子将會是使用者第一件重視的事情,這個一個非常容易抓住的點,要好好把握。

由誰來做

上文已經說明了視覺設計是設計過程中非常重要的一部分。此外,我們也非常同意設計作為一個過程,當東西完成時,不管是好的方面還是壞的方面,都是團隊裡每個成員的的成果。那麼從這個邏輯上看來,視覺設計也能被任何一個人所影響。

然而,從某種程度來說,視覺設計是相比其他更有專業化元素的活兒。它需要更多的技巧——如何把自己的創意實作出來——像PS和Sketch這樣的工具可是一點也不簡單的,正因如此,讓專業的設計師來做可能會比讓普通人來做更好一些。

視覺設計師使用的工具和技巧并不是很直覺的,讓那些非設計人員來做效率也不會高,我們可能會讨厭(就像在喝蛋黃醬和葡萄汁混在一起的飲料那樣的讨厭)人們說設計師僅僅隻是讓東西做的更加好看,但是在視覺設計領域,我們并不會像平時那樣顯得無足輕重。

視覺設計除了好看,更要走心為什麼視覺設計很重要由誰來做何時進行怎樣進行

(案例四:對于普通大衆來說Photoshop就像希臘神話一樣遙不可及)

何時進行

視覺設計在什麼時候很重要?一直。

需要注意的是,無論是優雅的還是“聯邦政府”似的設計,每個産品開發的整個生命周期都需要讓設計參與進來。視覺設計也是設計的一部分,是以視覺設計應該從産品開發的第一天就參與進來,直到最終完成。

話雖如此,我們依然需要知道的是視覺設計在工作流程中是需要在後面才開始進行的,這樣做才是明智的,因為:

視覺設計的傳遞物感覺永遠也做不完,要做到像素級的完美是非常花費時間的,而且當需要疊代和轉變産品方向時,它的速度也完全沒法和線框圖階段比,甚至沒法和原型階段比。

視覺設計是一個很巨大的部分,我們稱之為“個性設計”。産品的個性将很大一部分影響該産品的視覺設計,然而從疊代和視覺設計都是一個非常花費精力的過程,一些精明的設計師将會節省在視覺設計這個過程中的産出直到産品開始有自己的架構結構。

怎樣進行

這個執行的過程應該是經過認真的思考然後再去做的,在所有偉大的設計中,視覺設計幾乎很少是偶然迸發出來的。然而在這裡我也并沒有時間去告訴你怎樣去用PS或Sketch,和一些排版布局的規則與色彩理論。我會給你幾個在設計過程中一點應該注意的地方,他們可能可以引導你做出一些好的視覺設計:

1)搞清楚你面對的情況

盡可能早地從你的客戶那裡搞到他們的設計規範(style guides)或者品牌規範(brand guidelines),别浪費時間去做那些最後注定要返工的東西(連那些簡單的視覺情緒版“moodboards”都不要去弄)。如果有的話甚至應該第一天就去問客戶要這些東西,現在去要總不會比幹了幾個月再去要這些東西更難。

譯者注:有時候設計師會先收集一些圖檔文字之類的東西弄出一個合集,作為設計的參考和靈感來源,這類東西叫做moodboard。具體介紹可參考:https://en.wikipedia.org/wiki/Mood_board

2)找出你是在為誰設計

我知道你一直是這樣做的,因為你是個優秀的設計師,優秀的設計師從來不會跳過産品設計的調研部分。是以提早了解了他們利益相關者和使用者就可以在接下來的設計過程中知道怎樣才可以博取他們的眼球。

3)提早的開始你的視覺設計

收集情緒闆,建立出産品的個性,甚至是記下一些形容詞,這些東西将成為你在後面再為産品進行視覺設計的基礎。確定這些調研中得同時確定他們和客戶的品牌保持一緻(如果他們存在的話)保持一緻,確定不在最後關頭再來處理這事。

4)幫助客戶了解你的視覺設計成果

視覺設計産出,是一個非常緩慢的過程,不要浪費時間和你客戶的錢,去建立更多有需要的東西。搭建一個或多個原型,盡快開始程式設計實作(或是實物産品,如果你搞的定的話) 。告訴客戶這些事臨時的内部用的測試版本,真實的視覺效果已經在産品開發過程中了,而不是僅僅存在于PS的源檔案裡。

5)準備好為何如此設計的理由

還記得我們談過研究階段?在這個地方了解利益相關者,使用者,市場将會派上用場。記住你的行為要像一個專業的設計師。如果你選擇黃綠色作為按鈕,那麼黃綠色一定是這個按鈕的最佳選擇。 如果這僅僅是你的直覺,并沒有什麼理由,那麼為它找到一個理由,如果這找不到任何可以支撐的理由,先想想你這麼設計是否是對的,如果你确定是對的而且找不到任何理由的話,編一個吧,編的好點。