越來(lái)越多的網(wǎng)站和博客已經(jīng)走上化的道路了，從運營(yíng)到整體的設計均是如此。為了尋求給人以性的視覺(jué)和體驗，有一部分網(wǎng)站會(huì )采用數字雜志式的設計。和所有的類(lèi)型化設計一樣，數字雜志式的網(wǎng)頁(yè)設計是有“理想實(shí)踐”的。通常來(lái)說(shuō)，一個(gè)設計得體，感覺(jué)的數字雜志式的網(wǎng)站，需要具備下面9種特征。

　　1、明確和突出的品牌設計

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

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

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

　　2、搶眼獨到的頭條

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

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

　　3、有階梯層級的導航

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

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

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

　　4、文章推薦小插件

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

　　這些熱點(diǎn)文章推薦的小插件是非常引人矚目的。用來(lái)推廣熱門(mén)文章和近文章是相當有用的。

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

　　5、顯著(zhù)的分享按鈕

　　社交媒體的重要性是不言而喻的。如果你想讓你的網(wǎng)站擁有更多的訪(fǎng)客，充分利用社交媒體，讓你的網(wǎng)站文章有更多的曝光度，是不錯的選擇。在這樣的需求之下，盡量讓每篇文章當中的分享按鈕盡量明顯一些。

　　在著(zhù)名科技博客ZDNet上，每篇文章下方都有一連串非常醒目的社交媒體分享按鈕。在許多流行的雜志和網(wǎng)絡(luò )媒體網(wǎng)站上，你能找到許多值得參考的案例，具體多看看吧。

　　6、相關(guān)文章推薦

　　在許多網(wǎng)站上，我們會(huì )在看完文章之后看到底部或者側面有更多相關(guān)文章推薦，這是遵循用戶(hù)偏好的一種內容推薦機制，非常有用。

　　這應該是所有以?xún)热轂閷虻膬热荻紤撚械慕M件和功能，因為這是幾乎不費吹灰之力就能獲得更多瀏覽量的方法。

　　Real Simple的相關(guān)文章推薦和絕大多數網(wǎng)站并沒(méi)有太大差別，但是絕大多數時(shí)候，這樣的推薦都會(huì )發(fā)揮作用。

　　7、可用性良好的搜索引擎

　　現如今每個(gè)網(wǎng)站都有搜索引擎了。對于目標相對比較明確的訪(fǎng)客而言，他們多數時(shí)候會(huì )直接使用搜索引擎開(kāi)始搜索而不是漫無(wú)目的地瀏覽。

　　而數字雜志類(lèi)網(wǎng)站的問(wèn)題在于，其中所涵蓋的內容信息量都很大，如果需要針對文章內容進(jìn)行檢索的話(huà)，搜索引擎壓力并不小，但是用戶(hù)的需求是非常明晰的，所以網(wǎng)站的開(kāi)發(fā)者需要提供可用性良好的搜索引擎，幫助用戶(hù)找到內容，提高用戶(hù)的停留時(shí)間和內容的打開(kāi)率。

　　設計師需要讓搜索引擎顯著(zhù)的位置，讓用戶(hù)在任何時(shí)候都能夠快速找到它，并且可以進(jìn)行搜索。

　　8、自定義的頁(yè)面元素

　　其實(shí)這個(gè)界定有點(diǎn)含糊。你會(huì )發(fā)現，絕大多數的內容為主的博客和數字雜志都大同小異。但是也有那么一些網(wǎng)站給人感覺(jué)稍稍不同：它們會(huì )在頁(yè)面細節上進(jìn)行一定程度的定制，讓信息更容易被消化，或者更加個(gè)性化。

　　通常而言，這些效果突出的網(wǎng)站會(huì )在下面的部分花心思：

　　重點(diǎn)內容和引用的文本

　　目錄

　　圖片和輪播圖

　　相關(guān)文章推薦

　　就像我前文所提到的，相關(guān)文章推薦，這個(gè)模塊你可以設計得更加走心，更加吸引人。科技博客TechCrunch和Hongkiat都是在文章推薦上非常花心思。

　　我無(wú)法確切地告訴你到底有多數功能和模塊可以進(jìn)行定制和修改，這些部分通常需要創(chuàng )意團隊集思廣益。

　　9、頁(yè)頭焦點(diǎn)圖

　　如果你想一進(jìn)入頁(yè)面就將用戶(hù)的注意力牢牢抓住，那么你需要有醒目而抓人眼球的文案，以及一張同樣在視覺(jué)上矚目的高清特色圖。

　　WordPress這類(lèi)CMS系統通常會(huì )有這樣的焦點(diǎn)圖模塊，尺寸在后臺有詳細說(shuō)明，不同的主題會(huì )設置不同的尺寸。對于數字雜志式的網(wǎng)站，圖片是讓用戶(hù)點(diǎn)擊的重要元素之一，知名用大圖，強化視覺(jué)，在頁(yè)頭展示。你可以像下面的Dwell一樣，使用全屏圖片。

　　無(wú)論怎么設計，在哪個(gè)位置，都應該以展示內容為核心，在視覺(jué)上大化。

http://ezekroy.com/jianzhanzhishi/6660.html 做好下面這幾件事，可以讓網(wǎng)站看起來(lái)更-深圳網(wǎng)站建設