視覺設計的目的:傳達資訊的表現形式

來源:互聯網
上載者:User

文章描述:視覺設計如何表達資訊.

在日常工作中,我們經常會遇到一些設計的很”漂亮”的圖片不被使用者認可,點擊率很低,這時候我們會暗地裡抱怨,可卻沒明白問題究竟出在哪?

網頁設計與平面設計究竟有啥區別,我們主觀的為頁面添加元素的時候是否有章可循,博主以前曾是一名視覺設計菜鳥(現在也是),以自己的切身體會談談在Web頁面設計中的一些體會。

下面我們先看一個專題的banner:

第一眼看上去,畫面感好像還行,但細看後會發現整個畫面沒有一個視覺中心,這張圖片究竟想表達什麼也沒有說清楚,看看上面的元素:女人,模特架,燈光,展廳,衣服。好像表達了很多,其實除了設計師本人知道這是衣服與配件專題的banner,其他人都一頭霧水。

那我們再看看同樣主題的banner:

畫面中心的”fashion apparel”告訴我們是賣時尚衣物的,圖片元素還告訴我們,這裡賣衣服配飾,鞋,內衣,泳帽等等。這個banner不僅表達了衣服與配件的主題,還直接告訴了我們種類的齊全。

通過這個例子我們會漸漸明白視覺設計的目的:視覺設計的本質是為了更好的傳達資訊。

傳達資訊的表現形式:

那麼究竟怎樣才能通過設計把需求資訊出色的表達出來,這裡面學問很多,我就談一談自己的理解:

1.產品風格 在做設計之前,我們先要搞清楚服務的對象是誰,每個人群的認知度不同,設計風格也要根據人群的認知度而調整,說簡單點就是要先根據目標人群確定設計風格。

下面我們再看看一組banner:

兩者的區別在於字型發生了變化,但傳達出的產品氣質卻大相徑庭。”領動”是一個商務產品,但這個 banner的字型顯然不能表達商務人士乾淨利索的做事風格,對產品的信任感自然就會降低,信任感缺失,表達的文案也就沒有了任何意義。

所以,設計的風格要去迎合訪問者的喜好。打個比方,粉色肯定不能用在軍事網站,紅色也不能作為醫學網站的主色調 。 產品的視覺氣質就是一種資訊的表達。

2.還原物件真實感

什麼叫物件真實感?我們先看下面的圖片

上圖是iBooks的介面。美觀的內容形式,富有真實感,利用熟悉的木質書架UI使使用者感到在體驗上的自然。

產品的介面是訪客熟悉瞭解產品的主要途徑,當產品的介面接近真實世界時,使用者的學習成本越低,產品的易用性就會提高。再看一組太陽能主題banner:

對比兩個banner,拋開一些細節的推敲,第二張圖片傳達的資訊明顯比第一張要通俗易懂,設計師不能夠主觀的代表使用者的審美認知能力,還原物件的真實情感,呈現最真實的產品圖片,是一種很直接的資訊表達方法。

3.統一規範

設計沒有一個硬性的評價標準,正是因為這樣設計才會顯得精彩紛呈。但產品使用者介面的設計不能等同于海報招貼的設計,在追求差異化和表現力的同時,我們要以傳達資訊為主要目標,以提高產品的易用性為前提。

我個人覺得一個出色的設計並不是讓人眼前一亮的感覺,而是讓使用者有種進自家房間的熟悉感和歸屬感,面對資訊量大的互連網頁面,視覺設計師的職責就是讓使用者以最快捷的方式找到需要的資訊。

互連網發展至今,大多數使用者有自己的定向思維的使用習慣,如何才能將使用者介面的設計符合使用者的喜好,就需要去符合主流的視覺規範或者制定一個視覺規範。下面看幾個視覺規範的例子:

①元素的統一

②布局的統一

上圖是www.Made-in-China.com的登入註冊口,,這塊地區的可點擊地區太多,為了保證頁面的簡潔的視覺效果,Button並沒有保持統一,但是登陸口,註冊、找回密碼,指南都在同一地區內,這是一種行業規範的統一,大都數使用者都會意識到註冊入口在登陸口的附近,所以註冊口沒有做成Button而只是做了一個簡單連結。

總結:上面的內容都是我到焦點設計部這個新環境的體會與感想,這些可能是大家熟悉到忽略的知識點,我希望這些內容能夠協助以後像我一樣的新同事,少點迷茫,樹立一個正確的設計價值觀。



相關文章

Beyond APAC's No.1 Cloud

19.6% IaaS Market Share in Asia Pacific - Gartner IT Service report, 2018

Learn more >

Apsara Conference 2019

The Rise of Data Intelligence, September 25th - 27th, Hangzhou, China

Learn more >

Alibaba Cloud Free Trial

Learn and experience the power of Alibaba Cloud with a free trial worth $300-1200 USD

Learn more >

聯繫我們

該頁面正文內容均來源於網絡整理,並不代表阿里雲官方的觀點,該頁面所提到的產品和服務也與阿里云無關,如果該頁面內容對您造成了困擾,歡迎寫郵件給我們,收到郵件我們將在5個工作日內處理。

如果您發現本社區中有涉嫌抄襲的內容,歡迎發送郵件至: info-contact@alibabacloud.com 進行舉報並提供相關證據,工作人員會在 5 個工作天內聯絡您,一經查實,本站將立刻刪除涉嫌侵權內容。