干貨分享：9個(gè)設(shè)計(jì)技巧幫助您把網(wǎng)站設(shè)計(jì)的更專業(yè)

1、明確和突出的品牌設(shè)計(jì)  

這是顯而易見的事情。印刷出版的雜志通常會(huì)有明顯而突出的品牌設(shè)計(jì)，通過品牌化的設(shè)計(jì)，有的會(huì)強(qiáng)調(diào)其權(quán)威性，有的會(huì)強(qiáng)調(diào)其個(gè)性。很大程度上，品牌化的設(shè)計(jì)是為了從激烈的競(jìng)爭(zhēng)者脫穎而出。數(shù)字雜志同樣如此。  

突出品牌的方式有很多，內(nèi)容是其中很重要的部分，同時(shí)視覺和體驗(yàn)也不容忽略。比如在技術(shù)類數(shù)字雜志中極為出名的 Wired ，也就是《連線》雜志。獨(dú)樹一幟的LOGO，黑白分明的配色融入整個(gè)數(shù)字雜志的網(wǎng)站設(shè)計(jì)，和LOGO以及品牌本身遙相呼應(yīng)。  

將品牌的色彩、設(shè)計(jì)元素貫穿到整個(gè)數(shù)字雜志的網(wǎng)站設(shè)計(jì)，這樣能自然而然地強(qiáng)化整個(gè)品牌的概念。  

2、搶眼獨(dú)到的頭條  

數(shù)字雜志外有品牌化設(shè)計(jì)，內(nèi)要有強(qiáng)大的內(nèi)容支撐。頭條是這個(gè)網(wǎng)站的拳頭，它要搶眼，干脆，直擊用戶，在網(wǎng)頁上要一目了然，是視覺焦點(diǎn)。清晰的排版和易于瀏覽的頭條文章，是必須要有的。  

看看 UX Magazine 的首頁設(shè)計(jì)，相信你就明白了我的意思。頭條字體采用了展示性的字體，厚重，和正文形成明確的對(duì)比。在頭條文案上，也需要多花心思打磨，這樣才能確保它真正有吸引力。  

網(wǎng)站設(shè)計(jì)  

3、有階梯層級(jí)的導(dǎo)航  

雖然現(xiàn)在主流的導(dǎo)航設(shè)計(jì)都奔著簡化去了，但是強(qiáng)調(diào)專業(yè)性的網(wǎng)站其實(shí)還是多少需要多層級(jí)的大型導(dǎo)航欄的。一方面，這類數(shù)字雜志類的網(wǎng)站通常有著類別多樣文章和大量的存檔，另一方面，這樣的導(dǎo)航會(huì)給人以“專業(yè)”的感覺。  

無論你用的是Wordpress這樣的CMS平臺(tái)還是自己寫的網(wǎng)站，都可以使用這樣的導(dǎo)航。在Wordpress 當(dāng)中，無論是加入標(biāo)簽還是進(jìn)行自定義分類都很方便，類別多了之后可以采用下拉式菜單，但是不論怎樣設(shè)計(jì)，盡量讓體驗(yàn)順滑流暢。  

Atlanta Magazine 的大型導(dǎo)航菜單給人的體驗(yàn)就非常流暢，下拉菜單中嵌入了大量的鏈接。由于響應(yīng)式的滑動(dòng)導(dǎo)航在移動(dòng)端上也已經(jīng)很常見了，這使得它還輕松兼顧到了移動(dòng)端的設(shè)計(jì)。  

4、文章推薦小插件  

每個(gè)數(shù)字雜志風(fēng)格的網(wǎng)頁首頁看起來都不盡相同，它們有著相似的首頁，但是借助不同的排版布局，見縫插針的各式文章推薦的小插件，實(shí)現(xiàn)不一樣的視覺效果，引導(dǎo)用戶不時(shí)停下來點(diǎn)擊感興趣的文章。  

這些熱點(diǎn)文章推薦的小插件是非常引人矚目的。用來推廣熱門文章和zui近文章是相當(dāng)有用的。  

Search Engine Journal 的首頁上就采用了一個(gè)這樣的輪播式文章推薦小插件，每次展示3篇推薦文章，并且輪播滾動(dòng)的時(shí)候會(huì)在左側(cè)視覺化地展示出相應(yīng)的圖片。你可以仔細(xì)看看你所喜歡的數(shù)字雜志網(wǎng)站都是怎么設(shè)計(jì)這樣的小插件的，或者了解一下他們用的都是哪些插件。