從運(yùn)營到整體設(shè)計,越來越多的網(wǎng)站和博客已經(jīng)走上了化學(xué)的道路。為了尋求性的視覺和體驗,一些網(wǎng)站將采用數(shù)字雜志式的設(shè)計。與所有類型的設(shè)計一樣,數(shù)字雜志式的網(wǎng)頁設(shè)計也有理想的實踐。一般來說,一個設(shè)計得體、感性強(qiáng)的數(shù)字雜志式網(wǎng)站需要具備以下九個特點(diǎn)。
1.清晰突出的品牌設(shè)計
這很明顯。印刷出版的雜志通常有明顯而突出的品牌設(shè)計。通過品牌設(shè)計,有些強(qiáng)調(diào)其權(quán)威性,有些強(qiáng)調(diào)其個性。在很大程度上,品牌設(shè)計是為了從激烈的競爭對手中脫穎而出。數(shù)字雜志也是如此。
突出品牌的方式有很多,內(nèi)容是非常重要的部分,視覺和體驗不容忽視。例如,它在技術(shù)數(shù)字雜志上非常有名Wired,也就是《連線》雜志。LOGO,黑白配色融入整個數(shù)字雜志的網(wǎng)站設(shè)計LOGO品牌本身遙相呼應(yīng)。
將品牌的色彩和設(shè)計元素貫穿整個數(shù)字雜志的網(wǎng)站設(shè)計,自然強(qiáng)化整個品牌的理念。
2.搶眼獨(dú)特的頭條
數(shù)字雜志外有品牌化設(shè)計,內(nèi)要有強(qiáng)大的內(nèi)容支撐。頭條是這個網(wǎng)站的拳頭,它要搶眼,干脆,直擊用戶,在網(wǎng)頁上要一目了然,是視覺焦點(diǎn)。清晰的排版和易于瀏覽的頭條文章,是必須要有的。
看看UXMagazine頁面設(shè)計,我相信你會理解我的意思。標(biāo)題字體使用顯示字體,厚度,與文本形成清晰的對比。在標(biāo)題副本中,也需要更多的努力來拋光,以確保它真的很有吸引力。
3.梯級導(dǎo)航
雖然主流的導(dǎo)航設(shè)計正在努力簡化,但強(qiáng)調(diào)的網(wǎng)站實際上需要多層次的大型導(dǎo)航欄。一方面,這些數(shù)字雜志網(wǎng)站通常有各種各樣的文章和大量的檔案,另一方面,這種導(dǎo)航會給人一種的感覺。
不管你用什么Wordpress這樣的CMS這種導(dǎo)航可以用于平臺或自己寫的網(wǎng)站。Wordpress其中,添加標(biāo)簽和自定義分類都非常方便。有了更多的類別,你可以使用下拉菜單,但無論如何設(shè)計,試著讓體驗光滑。
AtlantaMagazine大型導(dǎo)航菜單給人一種非常流暢的體驗,大量的鏈接嵌入在下拉菜單中。由于響應(yīng)性滑動導(dǎo)航在移動終端上也很常見,因此很容易考慮到移動終端的設(shè)計。
文章推薦小插件
每個數(shù)字雜志風(fēng)格的網(wǎng)頁看起來都不一樣。它們有相似的頁面。但借助不同的排版布局,各種文章推薦的小插件可以達(dá)到不同的視覺效果,引導(dǎo)用戶不時停下來點(diǎn)擊感興趣的文章。
這些熱點(diǎn)文章推薦的小插件非常搶眼。推廣熱門文章和近篇文章很有用。
SearchEngineJournal頁面上使用了這樣一個旋轉(zhuǎn)文章推薦插件,每次顯示三篇推薦文章,旋轉(zhuǎn)滾動將在左側(cè)視覺上顯示相應(yīng)的圖片。你可以仔細(xì)看看你最喜歡的數(shù)字雜志網(wǎng)站是如何設(shè)計這樣的小插件的,或者他們使用什么插件。
5.顯著的共享按鈕
社交媒體的重要性是不言而喻的。如果你想讓你的網(wǎng)站有更多的訪問者,充分利用社交媒體,讓你的網(wǎng)站文章有更多的曝光,這是一個很好的選擇。在這種需求下,試著讓每篇文章中的共享按鈕盡可能明顯。
在名科技博客上ZDNet在上面,每篇文章的底部都有一系列非常引人注目的社交媒體共享按鈕。在許多流行的雜志和在線媒體網(wǎng)站上,你可以找到許多值得參考的案例看看更多。
推薦相關(guān)文章
在很多網(wǎng)站上,看完文章后,我們會看到底部或側(cè)面有更多的相關(guān)文章推薦,這是一種遵循用戶偏好的內(nèi)容推薦機(jī)制,非常有用。
這應(yīng)該是所有以內(nèi)容為導(dǎo)向的內(nèi)容都應(yīng)該具備的組件和功能,因為這是一種幾乎毫不費(fèi)力地獲得更多瀏覽量的方法。
RealSimple相關(guān)文章的推薦與大多數(shù)網(wǎng)站沒有太大區(qū)別,但大多數(shù)時候,這樣的推薦會發(fā)揮作用。
7.可用性好的搜索引擎
現(xiàn)在每個網(wǎng)站都有搜索引擎。對于目標(biāo)相對明確的訪問者,他們大多數(shù)時候會直接使用搜索引擎開始搜索,而不是漫無目的地瀏覽。
數(shù)字雜志網(wǎng)站的問題是,內(nèi)容信息非常大,如果需要檢索文章內(nèi)容,搜索引擎壓力不小,但用戶需求非常明確,所以網(wǎng)站開發(fā)者需要提供良好的可用性搜索引擎,幫助用戶找到內(nèi)容,提高用戶停留時間和內(nèi)容開放率。
設(shè)計師需要讓搜索引擎在任何時候都能快速找到它并搜索它。
8.自定義頁面元素
事實上,這個定義有點(diǎn)模糊。你會發(fā)現(xiàn)絕大多數(shù)內(nèi)容博客和數(shù)字雜志都是一樣的。但也有一些網(wǎng)站感覺有點(diǎn)不同:他們會在一定程度上定制頁面細(xì)節(jié),使信息更容易消化或更個性化。
一般來說,這些效果突出的網(wǎng)站會在以下部分注意:
關(guān)鍵內(nèi)容和引用的文本
目錄
圖片和輪播圖片
推薦相關(guān)文章
正如我前面提到的,相關(guān)文章推薦,這個模塊可以設(shè)計得更分心,更有吸引力。科技博客TechCrunch和Hongkiat都很注重文章推薦。
我不能確切地告訴你,大多數(shù)功能和模塊都可以定制和修改,這通常需要創(chuàng)意團(tuán)隊來集思廣益。
9.頁頭焦點(diǎn)圖
如果你想一進(jìn)入頁面就牢牢抓住用戶的注意力,那么你需要一份引人注目的文案和一張視覺上也引人注目的高清特色圖。
WordPress這類CMS系統(tǒng)通常有這樣的焦點(diǎn)圖模塊,后臺詳細(xì)說明尺寸,不同的主題會設(shè)置不同的尺寸。對于數(shù)字雜志網(wǎng)站,圖片是用戶點(diǎn)擊的重要元素之一。著名的圖片,強(qiáng)化視覺,顯示在頁面上。您可以喜歡以下內(nèi)容Dwell同樣,使用全屏圖片。
無論如何設(shè)計,在哪個位置,都要以展示內(nèi)容為核心,在視覺上大化。