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