建站常識(shí)
sns視覺設(shè)計(jì)分享
2010-03-31 11:48:00
時(shí)常和sns相關(guān)工作的同事們一起討論社區(qū)類網(wǎng)站的風(fēng)格設(shè)定,logo的設(shè)計(jì),排版等等問題,這里就工作中的實(shí)踐經(jīng)驗(yàn)和大家做分享,還有很多不足之處期望和大家共同努力。
關(guān)于視覺風(fēng)格定位:
當(dāng)時(shí)市面上已經(jīng)有著一大批以不同明度,純度的藍(lán)色為主色調(diào)的sns產(chǎn)品
所以要讓用戶在眾多同類產(chǎn)品一眼中認(rèn)出來,必須給你的產(chǎn)品創(chuàng)造產(chǎn)異化,又根據(jù)校友的用戶定位我們?yōu)樾S堰x擇了綠色作為主色調(diào)。
青蔥歲月、綠色給人輕松、積極、清新的感覺,而且又和同類產(chǎn)品造成了視覺上較高的識(shí)別性。
下圖是對(duì)外發(fā)布的第一版的QQ 校友
校友至上線以來經(jīng)過無數(shù)次小的迭代,下面是去年一次較大的改版:
改版中的過程稿:
關(guān)于logo設(shè)計(jì):
之前我們也給出了多個(gè)方案以及適用環(huán)境的效果比照。大家會(huì)傾向于選擇寫實(shí)四葉草的方案。
在產(chǎn)品推出公測(cè)前,我們對(duì)logo作了一次用戶調(diào)查,得到了一個(gè)比較滿意的反饋。下面是用研的方法和報(bào)告:
方法:以用戶訪談的形式給20名在校大三以上的本科生和研究生看logo的設(shè)計(jì)稿件(包括環(huán)境使用效果圖)請(qǐng)各自說出自己對(duì)各方案logo的理解并給出自己的評(píng)分(10分制)
關(guān)于構(gòu)架布局:
這類網(wǎng)站的信息量很大、在整體界面的搭建上要簡(jiǎn)潔便于信息的閱讀。因此網(wǎng)站柵格的搭建和信息的編排布局很重要。
關(guān)于文字編排:
由于大量的信息內(nèi)容,文字的排版很重要,這里舉出一些編排上的細(xì)節(jié)給予參考(以feed為例)。
原文:http://cdc.tencent.com/?p=2400
近期更新
- [2023-06-25 23:22:29] 優(yōu)秀網(wǎng)站設(shè)計(jì)的五大特點(diǎn)
- [2023-04-27 14:05:55] Html 5 響應(yīng)式網(wǎng)站設(shè)計(jì)制作
- [2023-04-10 11:07:30] 網(wǎng)站建設(shè)制作流程知多少
- [2022-10-14 10:11:30] 做網(wǎng)站設(shè)計(jì)應(yīng)該更看重框架搭建還是視覺觀感?
- [2022-08-09 15:57:48] 以“產(chǎn)品”思維搭建網(wǎng)站!
- [2022-08-08 09:12:57] 一家公司的網(wǎng)站應(yīng)該有哪些板塊內(nèi)容?
- [2022-08-05 09:28:06] 企業(yè)網(wǎng)站建設(shè)為什么要設(shè)置新聞板塊?
- [2022-07-04 15:58:06] 網(wǎng)站首頁(yè)設(shè)計(jì)的好看,這個(gè)網(wǎng)站就成功了一大半!
- [2022-05-20 09:34:19] 網(wǎng)站后臺(tái)管理系統(tǒng)是什么?有什么作用?
- [2022-05-17 11:29:32] 作為消費(fèi)者,應(yīng)該如何選擇一家水平高的網(wǎng)站建設(shè)公司
- [2022-05-17 11:27:01] 高端網(wǎng)站定制與模板化網(wǎng)站應(yīng)該怎么選擇?
- [2022-04-22 16:00:41] 現(xiàn)在高端的網(wǎng)站設(shè)計(jì)都有哪些新的趨勢(shì)?
延伸閱讀
- [2009-12-05 22:53:00] 視覺設(shè)計(jì)前瞻實(shí)用性研究(PNVD)第二期
- [2010-09-25 15:08:00] 淺淡BANNER設(shè)計(jì)
- [2010-07-20 11:39:00] 把設(shè)計(jì)放進(jìn)一小時(shí)的盒子
- [2009-12-11 08:29:00] 白社會(huì)視覺設(shè)計(jì)誕生記
- [2010-07-09 16:18:00] 科幻風(fēng)格的多樣性及探索歷程
- [2010-06-02 08:47:00] 專題模板(v4.0)視覺升級(jí)隨筆
- [2010-03-23 15:43:00] 視覺設(shè)計(jì)前瞻實(shí)用性研究(PNVD) 第五期
- [2009-09-07 08:13:00] “高效”是首要的設(shè)計(jì)要求
- [2010-12-15 08:59:00] 淺談終端視覺設(shè)計(jì)中的文字運(yùn)用
- [2009-12-18 22:24:00] 因地制宜的SNS開發(fā):導(dǎo)航欄與目錄分類優(yōu)化
- [2005-12-28 13:58:00] 網(wǎng)頁(yè)視覺設(shè)計(jì)基本技巧
- [2010-09-07 22:00:00] 蓋座漂亮的“樓”–淺談網(wǎng)頁(yè)設(shè)計(jì)中的構(gòu)圖
解決方案
輪胎行業(yè)網(wǎng)站設(shè)計(jì)解決方案 機(jī)械行業(yè)網(wǎng)站設(shè)計(jì)解決方案 房地產(chǎn)行業(yè)網(wǎng)站設(shè)計(jì)解決方案 科技企業(yè)網(wǎng)站設(shè)計(jì)解決方案 電子家電網(wǎng)站設(shè)計(jì)解決方案 食品行業(yè)網(wǎng)站設(shè)計(jì)解決方案 集團(tuán)公司網(wǎng)站設(shè)計(jì)解決方案 企事業(yè)單位網(wǎng)站設(shè)計(jì)解決方案 外貿(mào)行業(yè)網(wǎng)站設(shè)計(jì)解決方案 健身運(yùn)動(dòng)網(wǎng)站設(shè)計(jì)解決方案 美容與化妝品網(wǎng)站設(shè)計(jì)解決方案 建筑設(shè)計(jì)行業(yè)網(wǎng)站設(shè)計(jì)解決方案 物流行業(yè)網(wǎng)站設(shè)計(jì)解決方案
TAGS關(guān)鍵字
插畫 微官網(wǎng) 網(wǎng)站建設(shè)的步驟有哪些 網(wǎng)頁(yè)設(shè)計(jì) 微信小程序 H5專題頁(yè)面 如何做網(wǎng)站優(yōu)化 網(wǎng)站推廣 版面布局 網(wǎng)站的速度 建站常識(shí) 青島網(wǎng)站優(yōu)化 官網(wǎng)網(wǎng)站建設(shè) 青島高端網(wǎng)站設(shè)計(jì)公司哪家好 海信網(wǎng)絡(luò)科技 英文網(wǎng)站建設(shè) 網(wǎng)站開發(fā) 青島網(wǎng)頁(yè)設(shè)計(jì) 青島SEO HTML5 輪胎網(wǎng)站設(shè)計(jì) 新的元素 網(wǎng)站規(guī)劃 平面設(shè)計(jì) 青島高端網(wǎng)站建設(shè) 網(wǎng)站設(shè)計(jì)資訊 青島IT資訊 集團(tuán)性網(wǎng)站 扁平化設(shè)計(jì) H5