設(shè)計干貨:9個設(shè)計技巧幫助您把網(wǎng)站設(shè)計的更專業(yè)(一)
1、明確和突出的品牌設(shè)計
這是顯而易見的事情。印刷出版的雜志通常會有明顯而突出的品牌設(shè)計,通過品牌化的設(shè)計,有的會強調(diào)其權(quán)威性,有的會強調(diào)其個性。很大程度上,品牌化的設(shè)計是為了從激烈的競爭者脫穎而出。數(shù)字雜志同樣如此。
突出品牌的方式有很多,內(nèi)容是其中很重要的部分,同時視覺和體驗也不容忽略。比如在技術(shù)類數(shù)字雜志中極為出名的 Wired ,也就是《連線》雜志。獨樹一幟的LOGO,黑白分明的配色融入整個數(shù)字雜志的網(wǎng)站設(shè)計,和LOGO以及品牌本身遙相呼應(yīng)。
將品牌的色彩、設(shè)計元素貫穿到整個數(shù)字雜志的網(wǎng)站設(shè)計,這樣能自然而然地強化整個品牌的概念。
2、搶眼獨到的頭條
數(shù)字雜志外有品牌化設(shè)計,內(nèi)要有強大的內(nèi)容支撐。頭條是這個網(wǎng)站的拳頭,它要搶眼,干脆,直擊用戶,在網(wǎng)頁上要一目了然,是視覺焦點。清晰的排版和易于瀏覽的頭條文章,是必須要有的。
看看 UX Magazine 的首頁設(shè)計,相信你就明白了我的意思。頭條字體采用了展示性的字體,厚重,和正文形成明確的對比。在頭條文案上,也需要多花心思打磨,這樣才能確保它真正有吸引力。
3、有階梯層級的導航
雖然現(xiàn)在主流的導航設(shè)計都奔著簡化去了,但是強調(diào)專業(yè)性的網(wǎng)站其實還是多少需要多層級的大型導航欄的。一方面,這類數(shù)字雜志類的網(wǎng)站通常有著類別多樣文章和大量的存檔,另一方面,這樣的導航會給人以“專業(yè)”的感覺。
無論你用的是Wordpress這樣的CMS平臺還是自己寫的網(wǎng)站,都可以使用這樣的導航。在Wordpress 當中,無論是加入標簽還是進行自定義分類都很方便,類別多了之后可以采用下拉式菜單,但是不論怎樣設(shè)計,盡量讓體驗順滑流暢。
Atlanta Magazine 的大型導航菜單給人的體驗就非常流暢,下拉菜單中嵌入了大量的鏈接。由于響應(yīng)式的滑動導航在移動端上也已經(jīng)很常見了,這使得它還輕松兼顧到了移動端的設(shè)計。
4、文章推薦小插件
每個數(shù)字雜志風格的網(wǎng)頁首頁看起來都不盡相同,它們有著相似的首頁,但是借助不同的排版布局,見縫插針的各式文章推薦的小插件,實現(xiàn)不一樣的視覺效果,引導用戶不時停下來點擊感興趣的文章。
這些熱點文章推薦的小插件是非常引人矚目的。用來推廣熱門文章和zui近文章是相當有用的。
Search Engine Journal 的首頁上就采用了一個這樣的輪播式文章推薦小插件,每次展示3篇推薦文章,并且輪播滾動的時候會在左側(cè)視覺化地展示出相應(yīng)的圖片。你可以仔細看看你所喜歡的數(shù)字雜志網(wǎng)站都是怎么設(shè)計這樣的小插件的,或者了解一下他們用的都是哪些插件。
http://m.ezekroy.com/wangzhansheji/3413.html 設(shè)計干貨:9個設(shè)計技巧幫助您把網(wǎng)站設(shè)計的更專業(yè)(一)