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