網站視覺設計分析:頻道改版方法和經驗

來源:互聯網
上載者:User

文章描述:頻道是一個與使用者交流的平台,做到與使用者的無障礙互動,不僅需在內容層面的體現,更重要的是體驗上的感觸,.

頻道是產品的門戶,使用者的視窗,業務的平台, 隨著平台上產品的發展,頻道的改版那是必然的事情,每次改版的目標和方向都在發生變化,對於設計師而言就意味著又是一個新的產品設計,所以頻道改版方法和經驗一半靠前人總結,一半靠自己摸索;

一、新手誤區:
拿到互動demo就直接對互動稿進行視覺設計,當遇到某個版塊放在這個位置不合適的情況下就會直接更改版塊位置,發現色彩比較淡就會任意更換色彩或是添加新的設計項目;為了讓頁面看起來更加飽滿

就任意添加推廣banner……

這些感性設計貌似看起來是補救的方法就這樣隨便的被引用到了你的設計中;

當互動設計師看到你自以為欣喜的作品時心中可能按捺住一股怒火:任意更改版塊位置、任意添加推廣banner、

任意新增版塊…..

由於這種太過感性的設計也就造就了混亂的頁面,缺失了視覺的美感,一般稱之為“隨意性設計”!

以上應該是很多設計師都會發生的類似情況。

所以在這裡通過實際項目總結了下新手設計頻道的流程:

二、新手設計頻道的流程

1.瞭解改版背後的那些事

當設計師接到一個項目的需求的時候都會第一時間看需求文檔,經過一輪的理解和梳理之後總會陷入很多的疑問,這些疑問就需要設計師去思考和瞭解的;簡單的一個頻道的改版背後總蘊藏著不為人知的秘密,為什麼要改版?改版的目的是什嗎?這都是我們需求去思考和瞭解的問題

2.理解業務結構

頻道是各大業務的集合平台,承擔著為使用者傳遞資訊的樞紐,頻道需要展示各個業務模組,各個業務模組之間卻又存在著千絲萬縷的關係,怎樣合理的規劃安排各業務模組存在的位置就需要我們去深入透析各業務的關係和結構,確保模組的合理清晰化

3.對頁面做出合理定位

把業務都清晰的瞭解後就應該結合項目背景和目的對頻道做出清晰的定位,頻道做成資訊承載?功能承載?兩者的結合體?面向的使用者是誰?等等一系列因素直接影響到合理的定位

4.風格設定

通過溝通和思考之後終於把資訊內容確定下來,接下來的就需要對設計定一個方向,這個方向可以是自己的判斷和理解,可以是通過對行業相關產品分析之後的產物,具體的視覺產物主要包括:顏色、文字、質感、版式、主題元素

5.設計頁面雛形

頻道的資訊承載比較龐大,一小點的設計變更都會影響到整個全域,最好的方法是對現有的資訊和結構100%灰白稿還原,切記是100%還原,這樣一個沒有上色的頻道頁面就出來了

6.視覺設計

一個產品就好比新娘,怎樣給新娘設計美麗的嫁衣直接體現外界看新娘的眼光;頻道是個嚴謹的產品,色彩的搭配都需要講究,每個元素的添加的背後都需要支撐的理由,否則勿動!設計是做出來的,沒有完美的方案只有最合適的方案,通過嘗試去做最終挑選出最好的方案

7.細節調整(規範)

視覺的輸出終歸到產品本身,再好的視覺表現一旦脫離了產品的本身都將一文不值,減掉贅肉、調整…

8.終稿
通過這些方法設計頻道就簡單多了!

三、誠信中國頻道項目設計實踐

背景:現有頻道導航維度太多,產品資訊層次混亂,買賣家內容定位不明確;頻道入口繁雜,缺乏梳理;頁面配置受限導致新增業務承載有限;使用者活躍度低,無互動兩點功能;資訊內容滯後更新緩慢;
目標:減少主導航的資訊維度,劃清買賣家資訊結構,重新梳理資訊內容明確運營內容 ,新增問答互動方式,交易流程化定位服務,買賣加視角分離

互連網安全產品分析:

淘寶-消費者保障

為消費者提供交易保障服務的產品,在07年接觸淘寶購物時候就會通過消費者保障這項篩選功能進行搜尋產品,那時對網購安全沒有太多的認識,都是通過口碑傳遞安全保障,時至今日消保已經深入人心,所以在大部分使用者的潛意識中帶有綠色的手掌上捧著黃色購物袋的標誌是比較靠譜的商品。綠色給人以寬容、大度、信賴、保障的感覺。
騰訊-QQ電腦管家
10年的3Q大戰的主角之一,QQ電腦管家是騰訊公司的一款免費安全軟體,功能包括安全防護、系統最佳化和軟體管理等,從QQ醫生一步步升級到現在QQ管家,從最初的一個查殺盜號木馬的小工具到現在安全保護、系統最佳化和軟體管理的強大軟體,一個盾的外形一直在延續,這種安全的寓意似乎沒有其他東西能比它更好的詮釋,一個藍色的盾形裡面3塊顏色似乎在展示著無比強大的保護功能。藍色給人以永恒、理智、平靜、純淨的感覺。

騰訊-誠信保障

在騰訊拍拍網上提供保障服務的產品,它的外形及含義相比消保都比較抽象一點,拍拍的誠信保障的外形可以
理解為抽象的手(當然還可以理解成為其他的)捧出一個心型,在心型上寫著“信”,這個感覺更多的是個人
道德上的愛心維護(買家),裡面再加個“信”更是想針對賣家的誠信(賣家),意思挺好,這種雙重理解較為
困難。
綠色和橙色的搭配給人以燦爛、輝煌、活潑、光明、以及權力的感覺。
上面分析的3個都是給使用者提供保障的產品,通過3個產品的分析可以看到3種保障性產品視覺傳遞給使用者的色是:藍色、綠色、橙色、黃色,而產品頻道的色彩都採用產品的VI色

情緒版分析

一系列的分析和總結過後,最後得落實到自己的產品上來;
誠信中國的產品都分別採用藍色基調作為產品的品牌色,所以在頻道色彩定位的時候就很自然得把藍色沿用進來!
隨著色彩定義完成之後就是細節的設計和處理了,這裡就不再多談!
 
頻道是一個與使用者交流的平台,做到與使用者的無障礙互動,不僅需在內容層面的體現,更重要的是體驗上的感觸,
良好的使用者體驗需要設計師情感的注入,使用者與產品的共鳴是對體驗最好的詮釋。


相關文章

Cloud Intelligence Leading the Digital Future

Alibaba Cloud ACtivate Online Conference, Nov. 20th & 21st, 2019 (UTC+08)

Register Now >

Starter Package

SSD Cloud server and data transfer for only $2.50 a month

Get Started >

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 個工作天內聯絡您,一經查實,本站將立刻刪除涉嫌侵權內容。