所有主要的貿(mào)易和專業(yè)雜志都在網(wǎng)上建立了網(wǎng)站。許多出版商仍然發(fā)行印刷版，但互聯(lián)網(wǎng)是一種更便宜的發(fā)行內(nèi)容的媒體。

在線博客的未來(lái)似乎正走向一種雜志趨勢(shì)。但這意味著什么呢?你如何區(qū)分博客和在線雜志?

在這篇文章中，我將介紹一些已經(jīng)滲透到博客世界的基本設(shè)計(jì)趨勢(shì)，并從根本上改變了我們對(duì)在線出版物的看法。

諷刺的是，博客和在線雜志之間并沒(méi)有太多的區(qū)別。最大的因素是公眾輿論和網(wǎng)站的整體設(shè)計(jì)。

小部件的專題報(bào)道

每個(gè)雜志的首頁(yè)都應(yīng)該有一些特色的帖子。這是讓你的博客遠(yuǎn)離其他的最好的方法，并給它一個(gè)專業(yè)的外觀。

每個(gè)特色小部件都應(yīng)該包括在網(wǎng)格或旋轉(zhuǎn)木馬中組織的帖子的縮略圖。這可能是一個(gè)大旋轉(zhuǎn)旋轉(zhuǎn)木馬或一個(gè)固定的網(wǎng)格，有不同的縮略圖大小。

沒(méi)有錯(cuò)誤的答案，你越有創(chuàng)意，你的設(shè)計(jì)就會(huì)越獨(dú)特。

小部件的專題報(bào)道


例如，風(fēng)格間諜使用不同的縮略圖大小不同的文章。

最重要的文章是要引起最多的注意。它有最大的特色圖像和跨越整個(gè)頁(yè)面寬度。三篇較小的文章位于下方，有較小的正方形縮略圖。

每個(gè)變化遵循一個(gè)不同的網(wǎng)格，它們都偏離正常的頁(yè)面流。這是一個(gè)平淡無(wú)奇的例子，但它是一個(gè)很好的例子來(lái)展示如何組織特色的故事。

在設(shè)計(jì)的空間里，你會(huì)發(fā)現(xiàn)宏基的品牌本身就是一個(gè)博客。然而，該網(wǎng)站使用了一個(gè)特色故事小部件來(lái)制作一個(gè)雜志主頁(yè)。

設(shè)計(jì)空間

這個(gè)小部件跨越了整個(gè)屏幕，它使用了各種縮略圖大小。再一次，我們可以看到一個(gè)超級(jí)大的故事吸引了最多的注意力。

然后當(dāng)你從左向右移動(dòng)時(shí)，你會(huì)發(fā)現(xiàn)越來(lái)越小的縮略圖小部件。它的響應(yīng)速度也非?？?，所以即使是移動(dòng)用戶也可以訪問(wèn)這個(gè)很酷的帖子。

這些設(shè)計(jì)旨在展示流行的故事，并幫助吸引人們注意最重要的帖子。

一些有特色的故事小部件使用旋轉(zhuǎn)木馬在不同的故事之間移動(dòng)。這是一個(gè)不錯(cuò)的策略，但不是很好。

旋轉(zhuǎn)木馬并不以可用性著稱，它們很難吸引人們的注意。

《計(jì)算機(jī)世界》

你可以看到一個(gè)活躍的旋轉(zhuǎn)木馬在計(jì)算機(jī)世界上有一系列自動(dòng)旋轉(zhuǎn)的貼子。

如果你想使用這項(xiàng)技術(shù)，它肯定不是一個(gè)壞的。然而，我不會(huì)僅僅因?yàn)樗侨绱说募夹g(shù)性而給它提供建議，而且結(jié)果也不是那么好。

但無(wú)論哪種方式，一個(gè)特色故事小部件都是任何雜志主題的必由之路。如何設(shè)計(jì)這個(gè)小部件取決于您自己。但這是一個(gè)讓簡(jiǎn)單的博客變得更專業(yè)的行之有效的方法。

標(biāo)題和口號(hào)

你會(huì)在報(bào)紙和雜志上看到很多，但這是互聯(lián)網(wǎng)上的一個(gè)新興趨勢(shì)。出版商現(xiàn)在寫的標(biāo)題也包括了關(guān)于這個(gè)故事的額外信息的標(biāo)語(yǔ)。

你會(huì)發(fā)現(xiàn)這主要是在主要的新聞網(wǎng)站，像這篇文章，赫芬頓郵報(bào)。

赫芬頓郵報(bào)

標(biāo)語(yǔ)之所以偉大，是因?yàn)樗鼈優(yōu)楣适绿峁┝烁嗟募?xì)節(jié)。他們幾乎像一個(gè)lede一樣工作，讓人們繼續(xù)閱讀這篇文章。

但如果你瀏覽《赫芬頓郵報(bào)》，你會(huì)發(fā)現(xiàn)只有很少的故事有這樣的口號(hào)。這不是你想要的每一篇文章，它不是所有雜志的強(qiáng)制性特征。

不過(guò)，隨著越來(lái)越多的網(wǎng)站采用新的內(nèi)容，我也看到了這種趨勢(shì)。它也可以被用在有特色的故事小部件中作為標(biāo)題下的標(biāo)題。

企業(yè)家

看看你最喜歡的“大”博客，看看他們是否使用了標(biāo)語(yǔ)。我敢打賭，他們中的大多數(shù)人都會(huì)這么做。

也注意到大多數(shù)標(biāo)題的顏色比相關(guān)的標(biāo)題顏色更深。這種對(duì)比首先吸引訪問(wèn)者，然后引導(dǎo)他們通過(guò)標(biāo)語(yǔ)和文章。

相關(guān)內(nèi)容的鏈接

更大的雜志往往有成千上萬(wàn)的帖子，每天添加新的內(nèi)容。

有了這么多的內(nèi)容，把相關(guān)的文章鏈接起來(lái)是個(gè)好主意。你可以在每個(gè)帖子的底部添加一個(gè)“相關(guān)的帖子”。但您也可以直接添加鏈接到內(nèi)容中。

相關(guān)內(nèi)容的鏈接

上面的截圖來(lái)自TechCrunch的文章，文章末尾有一個(gè)小部件。它被標(biāo)記為“相關(guān)文章”，并鏈接到同一主題上的一系列類似文章。

這是一個(gè)很好的方法，讓讀者在網(wǎng)站上，并把他們進(jìn)一步推進(jìn)類似的帖子。我不認(rèn)為這對(duì)每個(gè)博客都適用，但它是一個(gè)快速增長(zhǎng)的趨勢(shì)。

您還可以將這些部分添加到一個(gè)更大系列的文章中。例如，ZDNet在2017年詳細(xì)介紹了CES展會(huì)，因此每個(gè)帖子都包含了關(guān)于th的一系列相關(guān)帖子。 本文來(lái)源：杰云網(wǎng)絡(luò)，轉(zhuǎn)載請(qǐng)注明出處！如果需要 營(yíng)銷型網(wǎng)站建設(shè)、 微商城、 小程序商城、 多端小程序 請(qǐng)聯(lián)系我們！