sns視覺設計分享
2011-08-26 文章來源: 深達設計
Tags:
sns,視覺,設計,分享
|
時常和sns相關工作的同事們一起討論社區(qū)類網(wǎng)站的風格設定，logo的設計，排版等等問題，這里就工作中的實踐經(jīng)驗和大家做分享，還有很多不足之處期望和大家共同努力。
關于視覺風格定位：
當時市面上已經(jīng)有著一大批以不同明度，純度的藍色為主色調(diào)的sns產(chǎn)品
 所以要讓用戶在眾多同類產(chǎn)品一眼中認出來，必須給你的產(chǎn)品創(chuàng)造產(chǎn)異化，又根據(jù)校友的用戶定位我們?yōu)樾Ｓ堰x擇了綠色作為主色調(diào)。
青蔥歲月、綠色給人輕松、積極、清新的感覺，而且又和同類產(chǎn)品造成了視覺上較高的識別性。 下圖是對外發(fā)布的第一版的QQ 校友：
 校友至上線以來經(jīng)過無數(shù)次小的迭代，下面是去年一次較大的改版：
 改版中的過程稿：
|
關于logo設計：
之前我們也給出了多個方案以及適用環(huán)境的效果比照。大家會傾向于選擇寫實四葉草的方案。
在產(chǎn)品推出公測前，我們對logo作了一次用戶調(diào)查，得到了一個比較滿意的反饋。下面是用研的方法和報告：
方法：以用戶訪談的形式給20名在校大三以上的本科生和研究生看logo的設計稿件（包括環(huán)境使用效果圖）請各自說出自己對各方案logo的理解并給出自己的評分（10分制）
關于構(gòu)架布局：
這類網(wǎng)站的信息量很大、在整體界面的搭建上要簡潔便于信息的閱讀。因此網(wǎng)站柵格的搭建和信息的編排布局很重要。
關于文字編排：
由于大量的信息內(nèi)容，文字的排版很重要，這里舉出一些編排上的細節(jié)給予參考（以feed為例）。
注意：這類網(wǎng)站會有很多的子級頁面所以在模塊的分欄等細節(jié)設計上要考慮周全便于全站的統(tǒng)一。
關于icon：
這類社區(qū)網(wǎng)站使用到icon的地方會比較多，但這類圖標起的是一定范圍內(nèi)適度上的提醒，而不會過度打擾到用戶。
因此這期間我們對icon做了次較大的優(yōu)化，優(yōu)化方向在顏色上更柔，造型上更平穩(wěn)方正。
因此這期間我們對icon做了次較大的優(yōu)化，優(yōu)化方向在顏色上更柔，造型上更平穩(wěn)方正。
關于其他設計：
常常講到這類網(wǎng)站的設計約束性，但設計師更要為產(chǎn)品挖掘亮點，為產(chǎn)品加分。
以上僅是個人的實踐和經(jīng)驗總結(jié)，歡迎大家指出不足之處并提供更多寶貴建議。希望這些分享對大家做sns方面的設計能有所幫助。
深圳網(wǎng)站建設設計公司－深達設計(m.ttlfr.cn)，擁有專業(yè)設計團隊為企業(yè)提供網(wǎng)站建設,網(wǎng)站設計,網(wǎng)站制作,FLASH網(wǎng)站建設設計,Flash互動設計,網(wǎng)頁制作,品牌設計.
