視覺設計，與用戶溝通的一種方式

視覺設計,既不是無關緊要的,也不是優秀設計的最終目標。視覺設計是通過特定的插畫和攝影圖片,有意義的排版,情景再現,有吸引力的顏色,恰當的空間和布局,和許多其他的大小細節等來與用戶溝通的一種方式。

視覺設計是通過使用產品中的視覺元素來改善用戶的體驗的。從概念上講,這是相當簡單的。但是先讓我們想一下這些問題：為什么我們要在視覺設計上投入資源？我們什么時候以及怎么開始設計?所以，我們一一來講一下：Why, When，How。

Why

視覺設計是很重要的,原因有很多。首先,你的視覺設計是你產品的第一印象。研究表明,用戶對產品形成第一印象只需要50毫秒的時間。你可能會有點驚訝,事實上，這不僅是消費者對產品視覺設計的第一印象，而且可以說是他們對產品形成的最重要的印象。

《消費者報告》發現,用戶決定是否信任一個網站更依靠視覺線索而不是實際內容。此外,視覺設計是設計師用來塑造有影響力品牌最強的一個手段。一個優秀的信息架構絕對是重要的,但它沒法傳達產品的某些特性（如體貼或智能），而視覺設計可以。

圖1:Duolingo(一種流行的語言學習工具)有一個表達友好,樂觀,腳踏實地這些消息的視覺設計

圖2:Galbally & O'Bryan的主頁,作為一個備受矚目的法律機構，它的視覺設計是干凈的,優雅的,專業的。想象一下,如果這兩個視覺設計系統互換一下會有什么影響?

這就是我們都要成為視覺設計支持者的重要而現實的原因。雖然沒能做出一個優秀的視覺設計是一個設計師本來可以避免的小錯誤，但是讓我們感覺到這個設計很失敗卻是一個大錯誤。退一步來說:如果用戶對一個產品的感覺是失敗的,不管出于什么原因,這個產品就是失敗的。如果用戶不喜歡它,他們也不太可能為它付費。

圖3:這個醫保網站的視覺設計做成這樣真的是想鼓勵你相信上面的醫療和財務信息嗎?

基本上,你的產品看起來如何是用戶會注意到的第一件事,也可能會是他們注意到的最重要的事情之一。應該優先解決它。

視覺設計是設計的一個重要的組成部分。但邏輯上來說,任何人都可以影響視覺設計。

然而,視覺設計是一個比其他元素更專業化的領域，它需要更多技術的支持,像Photoshop和Sketch。就其本身而言,也是很重要的一點,它是商業設計和自然設計對抗的結果。視覺設計師所使用的工具和技巧不是很直觀,很難由一個非設計人員來做。所以我很討厭別人說設計師只是讓產品看起來漂亮。

When

什么時候進行視覺設計有關系嗎?任何時候。但是,要注意了,不管是優雅的設計還是很官方的設計,它都是一個伴隨著整個產品生命周期的過程。視覺設計是設計的一部分。因此,視覺設計是需要從第一天開始直到完全結束的。

話雖如此,但我們需要明白,視覺設計是一個項目后期的重點事務。有以下幾個原因。

首先,視覺設計需要不停的修改。要做到完美是非常耗時的,迭代和關鍵性調整不像畫線框圖和做原型那么快。

第二,視覺設計是“個性設計”中最重要的部分，產品的調性將大大影響產品的視覺設計,由于關鍵性調整從視覺設計上來說非常費力,一個謹慎的設計師不會很快的完成最終可交付的視覺設計,而是應該等到產品的調性基本確定之后才會開始。

How

這是一個應該謹慎安排和執行的過程。所有優秀的設計,包括視覺設計,很少發生意外。盡管在這里我沒有辦法向你介紹如何使用Photoshop或Sketch,或者什么排版原則或色彩理論,但我可以給你幾個做出優秀視覺設計的建議:

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

明確你是為誰設計。一個優秀的設計師永遠不會跳過產品的設計研究階段，要在早期了解你的受眾和潛在用戶在,這樣才能做出吸引他們眼球的設計。

開始早期的視覺設計。收集moodboards,構建產品的個性,甚至只是記下一些形容詞,為產品的視覺設計打下基礎。確保它符合你前期的用戶研究結果及品牌調性。

幫助客戶了解你的視覺設計交付物做了什么。視覺設計交付是比較慢的，不要浪費你的時間和客戶的錢去做一個滿足更多人需要的東西。建立一個到三個模型,盡快用代碼實現。要讓客戶知道,這些交付物只供內部使用和測試,其實正式的視覺設計已經運用到產品上了,而不是一堆PSD文件。

關于視覺設計方向。還記得上面說過的研究階段嗎?就是了解受眾、用戶和即將進入的市場。你是一個專業的設計師，如果你選擇黃綠色作為按鈕的顏色,如果這是你的直覺，那就先相信你的直覺,不要什么理由，你沒辦法確保你是對的。然后在后續的修改中把它做的更好。

視覺設計并不是設計的全部,但它是一個經過深思熟慮推出的產品中非常重要的一個組成部分。它通常可以讓用戶感到用得很舒服。確保它是在前期不犧牲質量的前提下構建出來的,那樣你隨時可以調整設計方向。