久久久久久久av_日韩在线中文_看一级毛片视频_日本精品二区_成人深夜福利视频_武道仙尊动漫在线观看

視覺設計是為了表達信息

視覺設計是為了表達信息 三聯教程

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

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

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

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

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

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

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

  傳達信息的表現形式:

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

  1.產品風格

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

  下面我們再看看一組banner:

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

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

  2.還原物件真實感

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

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

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

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

  3.統一規范

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

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

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

  ①元素的統一

  ②布局的統一

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

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

  文章來源:小猛的交互設計

【網站聲明】本站除付費源碼經過測試外,其他素材未做測試,不保證完整性,網站上部分源碼僅限學習交流,請勿用于商業用途。如損害你的權益請聯系客服QQ:2655101040 給予處理,謝謝支持。

相關文檔推薦

這篇文章給大家詳細介紹了HTML頁面跳轉及參數傳遞問題,需要的朋友參考下吧
這篇文章主要介紹了純css實現照片墻3D效果的示例代碼,可以實現鼠標經過圖片實現改變,具有一定的參考價值,感興趣的小伙伴們可以參考一下
本篇文章主要介紹了純 Css 繪制扇形的方法示例,小編覺得挺不錯的,現在分享給大家,也給大家做個參考。一起跟隨小編過來看看吧
本篇文章主要介紹了一份純CSS loading效果代碼示例,小編覺得挺不錯的,現在分享給大家,也給大家做個參考。一起跟隨小編過來看看吧
這篇文章主要介紹了css 實現文字過長自動隱藏功能,需要的朋友可以參考下
本篇文章主要介紹了詳解CSS3 rem(設置字體大小) 教程,小編覺得挺不錯的,現在分享給大家,也給大家做個參考。一起跟隨小編過來看看吧
主站蜘蛛池模板: 麻豆精品久久久 | 视频一区二区中文字幕日韩 | 久久精品二区亚洲w码 | 欧美激情一区二区三区 | 久久精品国产一区二区电影 | 国产精品福利在线 | 懂色中文一区二区三区在线视频 | 狠狠视频 | 久久成人精品视频 | www.久久国产精品 | 亚洲精品久久久一区二区三区 | 玖玖精品 | 午夜影院视频 | 亚洲高清在线观看 | 国产成人精品免费视频大全最热 | 精品视频亚洲 | av一级在线观看 | 成人妇女免费播放久久久 | 在线观看国产三级 | а_天堂中文最新版地址 | 精品国产91乱码一区二区三区 | 国产乱码精品一区二区三区忘忧草 | 精品国产一区二区三区日日嗨 | 四虎影院新地址 | 久操av在线 | 久干网 | 国产精品乱码一区二三区小蝌蚪 | 成人久久久久 | 国产精品揄拍一区二区久久国内亚洲精 | 国产精品无码永久免费888 | 91精品国产欧美一区二区成人 | 中文字幕视频在线观看 | 亚洲综合一区二区三区 | 国产999精品久久久 日本视频一区二区三区 | 一区日韩 | 成人精品国产免费网站 | 在线观看黄免费 | 欧美一级二级视频 | 国产欧美精品一区二区三区 | 九九热精品在线 | 欧美色人 |