新媒體視覺設(shè)計(jì)第6章新媒體視覺設(shè)計(jì)實(shí)戰(zhàn)課件

1、第6章 新媒體視覺設(shè)計(jì)實(shí)戰(zhàn) 公眾號縱享惠州設(shè)計(jì)實(shí)戰(zhàn)公眾號設(shè)計(jì)實(shí)戰(zhàn)CONTENTS目錄6.16.2 6.1 公眾號縱享惠州設(shè)計(jì)實(shí)戰(zhàn) 6.1.1 明確用戶需求l 公眾號縱享惠州創(chuàng)辦于 2018 年 5 月，是專門推薦惠州本地吃喝玩樂的區(qū)域 公眾號，目標(biāo)用戶主要包括惠州本地喜歡娛樂的年輕人及外地來惠州游玩的游客。l 因?yàn)閷儆趭蕵奉愋偷墓娞枺繕?biāo)群體又多為年輕人，所以視覺設(shè)計(jì)應(yīng)該個(gè)性鮮明，時(shí)尚新鮮。本地娛樂類公眾號中照片非常多，因此，照片的風(fēng)格是整體設(shè)計(jì)中很重要的一個(gè)環(huán)節(jié)。公眾號縱享惠州的特點(diǎn) 6.1.2 分析競爭對手通過微信搜索和平常觀察發(fā)現(xiàn)，縱享惠州的主要競爭對手有:in0752、吃喝 惠州、西

2、柚生活、美食惠州、惠州優(yōu)選、惠州美食圈、惠州美食臺等。 6.1.2 分析競爭對手公眾號頭像 設(shè)計(jì)都是以文字型為主（從左至右依次是 in0752、美食惠州、西柚生活、惠州美食圈、惠州美食臺）吃喝惠州的頭像比較獨(dú)特，是一個(gè)卡通形象 6.1.2 分析競爭對手以上競爭對手中，只有 in0752 和吃喝惠州形成了較為明確的品牌風(fēng)格，所以，重點(diǎn)分析這兩個(gè)公眾號。in0752 的封面設(shè)計(jì)比較隨意，就是以文章內(nèi)的一張照片作為封面，也沒有任何品牌標(biāo)記。1.in0752設(shè)計(jì)風(fēng)格 6.1.2 分析競爭對手文章開篇部分的設(shè)計(jì)比較精致，最上方的公眾號簡介是動(dòng)態(tài)的，簡潔的同時(shí)不失設(shè)計(jì)感，頭圖部分疊加了音頻，也是一種非常有

3、設(shè)計(jì)感的設(shè)計(jì)。1.in0752設(shè)計(jì)風(fēng)格 6.1.2 分析競爭對手結(jié)尾部分分為活動(dòng)信息、今日互動(dòng)、商家信息、精選推文、作者簡介、二維碼 6 個(gè)模塊，統(tǒng)一為紅黑色調(diào)，和品牌主色調(diào)高度吻合，而且統(tǒng)一采用了極簡像素風(fēng)格，品牌整體感很強(qiáng)。1.in0752設(shè)計(jì)風(fēng)格活動(dòng)信息作者簡介 6.1.2 分析競爭對手in0752 的場景圖片、產(chǎn)品圖片采用的都是小清新風(fēng)格，右下角會(huì)有 0752 的專屬水印，比較有特色的地方在于，每一篇推文中都有一個(gè)專屬模特，大部分的場景和產(chǎn)品展示都是結(jié)合模特一起拍攝的，這樣可以讓整個(gè)照片更有生氣。1.in0752設(shè)計(jì)風(fēng)格 6.1.2 分析競爭對手吃喝惠州的主色調(diào)是黃色和黑色，風(fēng)格以手繪

4、為主，除了開頭的模塊介紹以及結(jié)尾的二維碼形式較為固定外，正文部分并未形成固定的模式，稍顯混亂2.吃喝惠州設(shè)計(jì)風(fēng)格模塊介紹文尾二維碼 6.1.2 分析競爭對手特色的區(qū)域在于文尾根據(jù)品牌特色增加了手繪風(fēng)格的惡魔小劇場，大大提高了趣味性。2.吃喝惠州設(shè)計(jì)風(fēng)格 6.1.2 分析競爭對手文尾設(shè)置的作者私人號二維碼，也能進(jìn)一步提高粉絲粘性。2.吃喝惠州設(shè)計(jì)風(fēng)格 6.1.3 確定設(shè)計(jì)風(fēng)格鑒于國內(nèi)美食類公眾號同質(zhì)化嚴(yán)重的問題，我們嘗試從國內(nèi)外優(yōu)秀的美食雜志、漫畫中尋找靈感，比如獨(dú)立美食雜志The Gourmand、Gather Journal、Chickpea等。 6.1.3 確定設(shè)計(jì)風(fēng)格通過頭腦風(fēng)暴的方式，

5、我們討論決定采用國內(nèi)美食公眾號中比較缺乏的故事型敘述，且結(jié)合漫畫的形式展開。為了減小工作量，并增強(qiáng)創(chuàng)意，我們采用真人漫畫的形式，先拍攝場景圖，然后利用圖片處理軟件轉(zhuǎn)換成漫畫形式。漫畫孤獨(dú)的美食家漫畫深夜食堂 6.1.4 完成設(shè)計(jì)草案根據(jù)前面總結(jié)出來的思路，我們?nèi)?Google、百度、微信、Behance、花瓣、設(shè)計(jì)帝國、設(shè)計(jì)之家等網(wǎng)站搜集設(shè)計(jì)素材，制作情緒板如下： 6.1.4 完成設(shè)計(jì)草案最終設(shè)計(jì)如下：LOGO品牌標(biāo)語封 面 6.12.4 完成設(shè)計(jì)草案最終設(shè)計(jì)如下：正文部分 6.12.4 完成設(shè)計(jì)草案最終設(shè)計(jì)如下：作者簡介二維碼 6.2 公眾號設(shè)計(jì)實(shí)戰(zhàn) 6.2.1 明確用戶需求公眾號的特點(diǎn)l

6、是琛姐在 2017 年 3 月創(chuàng)辦，專門提供新媒體深度干貨的公眾號， 屬于學(xué)術(shù)類公眾號。用戶關(guān)注公眾號的核心目的就是查看新媒體干貨，所以，用 戶對公眾號的視覺設(shè)計(jì)的期待并不會(huì)太高，如果設(shè)計(jì)的邏輯清晰、簡單易讀，就能夠滿足用戶的期望了。 6.2.2 分析競爭對手通過新榜的搜索和平常的積累，可以發(fā)現(xiàn)，的競爭對手主要有:插座學(xué)院、饅頭商學(xué)院、運(yùn)營研究社等。這些公眾號的設(shè)計(jì)風(fēng)格非常接近，都是嚴(yán)謹(jǐn)、現(xiàn)代的風(fēng)格，色調(diào)也是冷色調(diào)為主，字體都是以黑體為主。 6.2.2 分析競爭對手1.公眾號頭像（從左至右依次是插座學(xué)院、饅頭商學(xué)院、運(yùn)營研究社）2.公眾號封面（從左至右依次是插座學(xué)院、饅頭商學(xué)院、運(yùn)營研究社）

7、6.2.2 分析競爭對手3.引導(dǎo)關(guān)注（從左至右依次是插座學(xué)院、饅頭商學(xué)院、運(yùn)營研究社） 6.2.2 分析競爭對手4.小標(biāo)題（從左至右依次是插座學(xué)院、饅頭商學(xué)院、運(yùn)營研究社） 6.2.2 分析競爭對手5.引導(dǎo)閱讀（從左至右依次是插座學(xué)院、饅頭商學(xué)院、運(yùn)營研究社）6.作者簡介（從左至右依次是插座學(xué)院、饅頭商學(xué)院） 6.2.2 分析競爭對手7.二維碼（從左至右依次是插座學(xué)院、饅頭商學(xué)院、運(yùn)營研究社）插座學(xué)院在文章中間插入了精心制作的、帶二維碼的金句名片，方便用戶分享到朋友圈，是一種很好的引流方式，也體現(xiàn)了品牌設(shè)計(jì)上的差異化。 6.2.3 確定設(shè)計(jì)風(fēng)格不管競爭對手使用怎樣的風(fēng)格，極簡風(fēng)格都是干貨類公眾

8、號的首選，因?yàn)榭梢宰層脩舾鼘Ｗ⒌亻喿x內(nèi)容。為了和競爭對手在設(shè)計(jì)上進(jìn)行區(qū)分，可以在色彩和 字體上進(jìn)行差異化設(shè)計(jì)。品牌 LOGO 很早就已經(jīng)確定，主色調(diào)也是選自 LOGO 的色系（代碼#e94b22、 #fffcf3、#333335），更改成本很高，一般不建議更改，所以，我們的設(shè)計(jì)在現(xiàn) 有 LOGO 和主色調(diào)的基礎(chǔ)上進(jìn)行。1.品牌LOGO 6.2.3 確定設(shè)計(jì)風(fēng)格因?yàn)槭莻€(gè)人號，前期運(yùn)營的經(jīng)費(fèi)有限，字體盡量從免費(fèi)字體中選擇，同時(shí)考 慮到要和競爭對手們選擇的黑體實(shí)現(xiàn)差異化，以及和 LOGO 的搭配，最終選擇站 酷小薇 LOGO 體作為品牌標(biāo)準(zhǔn)字體。此外，是個(gè)人號，可以融入個(gè)人偏好的風(fēng)格，體現(xiàn)個(gè)性。琛姐本人比較喜歡復(fù)古、簡單、暗黑的風(fēng)格，所以在標(biāo)準(zhǔn)色的基礎(chǔ)上再加入了黑色和白色， 這樣的配色不僅可以增強(qiáng)個(gè)人風(fēng)格，也能盡量減少顏色對用戶的打擾，延長停留時(shí)間。2.字體 6.2.4 完成設(shè)計(jì)草案根據(jù)前面總結(jié)出來的思路，我們?nèi)?Behance、花瓣、設(shè)計(jì)帝國、設(shè)計(jì)之家等設(shè)計(jì)網(wǎng)站搜集極簡、黑白、復(fù)古、學(xué)術(shù)等類型的雜志、網(wǎng)頁設(shè)計(jì)案例，制作情緒板如下： 6.2.4 完成設(shè)計(jì)草案最終設(shè)計(jì)如下：封 面品牌標(biāo)語 6.2.4 完成設(shè)計(jì)草案最終設(shè)計(jì)如下：正 文 6.2.4 完成設(shè)計(jì)草案