Axure原型設(shè)計(jì)之視覺風(fēng)格

1、Axure原型設(shè)計(jì)之視覺風(fēng)格時(shí)常和sns相關(guān)工作的同事們一起討論社區(qū)類網(wǎng)站的風(fēng)格設(shè)定，logo的設(shè)計(jì),排版等等問題，這里就工作中的實(shí)踐經(jīng)驗(yàn)和大家做分享，還有很多不足之處期望和大家共同努力。設(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)樾Ｓ堰x擇了綠色作為主色調(diào)。青蔥歲月、綠色給人輕松、積極、清新的感覺，而且又和同類產(chǎn)品造成了視覺上較高的識別性。下圖是對外發(fā)布的第

2、一版的QQ校友0IMtjJ*r*:黑常蠱諾H唏:寅嚴(yán)吧益特常缶曲*霽黑鸚總蘭竺：i蠱t：*Eitja甲:亍n如一kliM.jatf.-Wfi“SIKI*吐=01旳抽噠恥明“斗嚼50叭gfZ煩眶鮎和；鮒廉滋n堿鯛険0CP4開話養(yǎng)鶴0劃細(xì)加玉fcj如工覺遵耶MBjF8*4甘貝克M1校友至上線以來經(jīng)過無數(shù)次小的迭代，下面是去年一次較大的改版：改版中的過程稿：聞近甄件么町花庶的也兒?日克花冊我的王臣巴苗官帳K禮關(guān)“通汛錄系筑咎知匹;8歸31啊|球迺訊承桶求倔亜1K.SIS耳出更生氓近旦所=全裕bESfflKSQQfeSriSVW疇CRis盤鼠豹更#捉陀役査遲岀前頁兗的壬更好發(fā)鹿惡極璉用y33我詼科疏曲

3、|逞出QQ較女#1述ymi.qq曲m應(yīng)用它理：jR$st梱冊加聲KhKM餵近脊卜咯耳瑟丟盼邢兒?J弓日吉烈網(wǎng)片S5逆咗吐祈全苗處的主頁慕縊告越砸：敕J3C申詁細(xì)誦眾追求1亍紂E呼埶期證爵持更空笛血極1辿柿繰卷掃阿輾：徐天第一說虹柞中功IW園話，琳房一說自己全程費(fèi)現(xiàn)冊解一喚瀚illsSE-.Ml札物通訊逢導(dǎo)出|輕醴緞魏窒闕禱通訊毆亠帰錢殺1思專i礙爭盪用的!偉罰故在應(yīng)用列蕓./日志相址:.遊lil段茸m渥直坂”小蔣H打捲吁TO蕓的渭總系驚苦知15卑0締奸左申訊6亍弗1訐邛低評淪瓏的曰志】帥冬什么攔湎人？fi-Nfi:早就狡天了$里世立琨購！磁竝近過主日更多怖煒I(yè)期叫工穌燈TP3-1；W-L5關(guān)于

4、logo設(shè)計(jì)：之前我們也給出了多個(gè)方案以及適用環(huán)境的效果比照。大家會傾向于選擇寫實(shí)四葉草的方案。gg峠右在產(chǎn)品推出公測前，我們對logo作了一次用戶調(diào)查，得到了一個(gè)比較滿意的反饋。下面是用研的方法和報(bào)告：方法：以用戶訪談的形式給20名在校大三以上的本科生和研究生看logo的設(shè)計(jì)稿件（包括環(huán)境使用效果圖）請各自說出自己對各方案logo的理解并給出自己的評分（10分制）關(guān)于構(gòu)架布局：這類網(wǎng)站的信息量很大、在整體界面的搭建上要簡潔便于信息的閱讀因此網(wǎng)站柵格的搭建和信息的編排布局很重要。關(guān)于文字編排：由于大量的信息內(nèi)容，文字的排版很重要，這里舉出一些編排上的細(xì)節(jié)給予參考（以feed為例）。115|3K

5、梁世華轉(zhuǎn)載件么是工作正文行間距21西當(dāng)時(shí)舊司招了走批應(yīng)屆本科和硏究生畢業(yè)的新新人類。平均年齡25歲。那亍新的助理，是經(jīng)過爹級面試后，我親自招回來的弋玄孩.名牌犬學(xué)本科畢業(yè)，聰明，性格活潑.私下里我得承這，我捋她的一冷很重要的原因，除查看全部/西小時(shí)前正文行間距1&P：張詹蓿：當(dāng)時(shí)冬司招了大批應(yīng)屆本科和硏究主畢業(yè)的新新人類.平均年齡25歲n那平I新的助理是經(jīng)過麥伙:面試后我親自招畫來的一平玄孩.名牌大學(xué)本科畢業(yè)*聰明，性格活菠-私下里我得承認(rèn)我招她的一個(gè)很重要的匣因，除剛剛回復(fù)I15px張贊:奧特曼打完怪獸石為件么要點(diǎn)一下頭示意它可以去領(lǐng)工資了感謝，感謝CCTVMTV正文行間距18px潛臺詞：配

6、合猖很好點(diǎn)頭允許觀歡轉(zhuǎn)合了對怪獸的表涯感到滿意，示意它可以去諏工資了投票O(jiān)S.21注意：這類網(wǎng)站會有很多的子級頁面所以在模塊的分欄等細(xì)節(jié)設(shè)計(jì)上要考慮周全便于全站的統(tǒng)一。關(guān)于icon：這類社區(qū)網(wǎng)站使用到icon的地方會比較多，但這類圖標(biāo)起的是一定范圍內(nèi)適度上的提醒，而不會過度打擾到用戶。因此這期間我們對icon做了次較大的優(yōu)化，優(yōu)化方向在顏色上更柔，造型上更平穩(wěn)方正。NoteGuideFunctionNote3寫新日志y上倍照片矗尋找新朋友懸邀潔同學(xué)加鬆返回照片列表Q更哆護(hù)邀諳好友心同意并加為好友b提示、通知3寫新日志y上倍照片矗尋找新朋友懸邀潔同學(xué)加鬆返回照片列表Q更哆護(hù)邀諳好友心同意并加為好友b提示、通知?詢問是否要進(jìn)行.日LU出.應(yīng)用團(tuán)標(biāo)(16+16pz)箕他功能圖標(biāo).、日志相冊Q分寧uio投票K山第條O星座運(yùn)勢-打招呼宿舍密話看電龜-好友買賣厚搶灘大戰(zhàn)開心農(nóng)場曇:游戲基地管理應(yīng)用條好友申諳S加入黑名單!輕星級提示條通訊錄諳求O孵蹤好友;1,提恭.金新招呼$褊輯$成功.:卞班級邀潔咖加為好友G出諸.+1，亍應(yīng)用謹(jǐn)潔X輕量級刪除制張小紙條X刪除.提喬.誘人申潔力認(rèn)it驗(yàn)證通過.成功囚暫無消息J出錯(cuò).工禮物通訊錄日程表E1留言板關(guān)于其他設(shè)計(jì)：常常講到這類網(wǎng)站的設(shè)計(jì)約束性，但設(shè)計(jì)師更要為產(chǎn)品挖掘亮點(diǎn)，為產(chǎn)品加分。換膚帝QQ舷應(yīng)用列遷齪識