1、明確和突出的品牌設(shè)計(jì)
這是顯而易見的事情。印刷出版的雜志通常會有明顯而突出的品牌設(shè)計(jì),通過品牌化的設(shè)計(jì),有的會強(qiáng)調(diào)其權(quán)威性,有的會強(qiáng)調(diào)其個性。很大程度上,品牌化的設(shè)計(jì)是為了從激烈的競爭者脫穎而出。數(shù)字雜志同樣如此。
突出品牌的方式有很多,內(nèi)容是其中很重要的部分,同時(shí)視覺和體驗(yàn)也不容忽略。比如在技術(shù)類數(shù)字雜志中極為出名的 Wired ,也就是《連線》雜志。獨(dú)樹一幟的LOGO,黑白分明的配色融入整個數(shù)字雜志的網(wǎng)站設(shè)計(jì),和LOGO以及品牌本身遙相呼應(yīng)。
將品牌的色彩、設(shè)計(jì)元素貫穿到整個數(shù)字雜志的網(wǎng)站設(shè)計(jì),這樣能自然而然地強(qiáng)化整個品牌的概念。
2、搶眼獨(dú)到的頭條
數(shù)字雜志外有品牌化設(shè)計(jì),內(nèi)要有強(qiáng)大的內(nèi)容支撐。頭條是這個網(wǎng)站的拳頭,它要搶眼,干脆,直擊用戶,在網(wǎng)頁上要一目了然,是視覺焦點(diǎn)。清晰的排版和易于瀏覽的頭條文章,是必須要有的。
看看 UX Magazine 的首頁設(shè)計(jì),相信你就明白了我的意思。頭條字體采用了展示性的字體,厚重,和正文形成明確的對比。在頭條文案上,也需要多花心思打磨,這樣才能確保它真正有吸引力。

3、有階梯層級的導(dǎo)航
雖然現(xiàn)在主流的導(dǎo)航設(shè)計(jì)都奔著簡化去了,但是強(qiáng)調(diào)專業(yè)性的網(wǎng)站其實(shí)還是多少需要多層級的大型導(dǎo)航欄的。一方面,這類數(shù)字雜志類的網(wǎng)站通常有著類別多樣文章和大量的存檔,另一方面,這樣的導(dǎo)航會給人以“專業(yè)”的感覺。
無論你用的是Wordpress這樣的CMS平臺還是自己寫的網(wǎng)站,都可以使用這樣的導(dǎo)航。在Wordpress 當(dāng)中,無論是加入標(biāo)簽還是進(jìn)行自定義分類都很方便,類別多了之后可以采用下拉式菜單,但是不論怎樣設(shè)計(jì),盡量讓體驗(yàn)順滑流暢。
Atlanta Magazine 的大型導(dǎo)航菜單給人的體驗(yàn)就非常流暢,下拉菜單中嵌入了大量的鏈接。由于響應(yīng)式的滑動導(dǎo)航在移動端上也已經(jīng)很常見了,這使得它還輕松兼顧到了移動端的設(shè)計(jì)。
4、文章推薦小插件
每個數(shù)字雜志風(fēng)格的網(wǎng)頁首頁看起來都不盡相同,它們有著相似的首頁,但是借助不同的排版布局,見縫插針的各式文章推薦的小插件,實(shí)現(xiàn)不一樣的視覺效果,引導(dǎo)用戶不時(shí)停下來點(diǎn)擊感興趣的文章。
這些熱點(diǎn)文章推薦的小插件是非常引人矚目的。用來推廣熱門文章是相當(dāng)有用的。
網(wǎng)站首頁上采用一個這樣的輪播式文章推薦小插件,每次展示3篇推薦文章,并且輪播滾動的時(shí)候會在左側(cè)視覺化地展示出相應(yīng)的圖片。你可以仔細(xì)看看同行業(yè)做的比較好的網(wǎng)站都是怎么進(jìn)行網(wǎng)站設(shè)計(jì)的,特別是營銷型網(wǎng)站就需要每個頁面展示不同的文章,有利于網(wǎng)站的收錄和排名。
TAG標(biāo)簽: 武漢網(wǎng)站設(shè)計(jì) 武漢網(wǎng)站設(shè)計(jì)干貨









