案例詳情
越來越多的網(wǎng)站和空間已經(jīng)走上專業(yè)化的道路了,從運(yùn)營到整體的設(shè)計均是如此。想要尋求給人以專業(yè)性的視覺和體驗(yàn),有一成分網(wǎng)站會采用數(shù)字雜志式的研制。和所有的類別化研制一樣,數(shù)字雜志式的網(wǎng)站設(shè)計擁有“最佳實(shí)踐”的。通常來講,一份設(shè)計得體,feel專業(yè)的數(shù)字雜志式的網(wǎng)站,應(yīng)該具備下面9種亮點(diǎn)。
1、清楚和突出的非品牌研制
大多數(shù)情況下是不言而喻的事體。印刷出版的雜志通常有沒有最明顯而突出的非品牌研制,經(jīng)過非品牌化的研制,有的會強(qiáng)調(diào)其職業(yè)性,有的會強(qiáng)調(diào)其個性。很大程度上,非品牌化的研制是想要從激烈的競爭者脫穎而出。數(shù)字雜志同樣如此。
突出非品牌的正確之法有許多,內(nèi)容是其中很重要的成分,并且視覺和體驗(yàn)也不容忽略。好比在手法交流類數(shù)字雜志中極為出名的 Wired ,也就是《連線》雜志。獨(dú)樹一幟的LOGO,黑白分明的配色融合整個數(shù)字雜志的網(wǎng)站研制,和LOGO和非品牌本身遙相呼應(yīng)。
將非品牌的色彩、研制元素貫穿到整個數(shù)字雜志的網(wǎng)站研制,于是能自然而然地強(qiáng)化整個非品牌的概念。
2、搶眼獨(dú)到的頭條
數(shù)字雜志外有非品牌化研制,內(nèi)要有強(qiáng)大的內(nèi)容支撐。頭條是這種網(wǎng)站的拳頭,它要搶眼,干脆,直擊使用者,在網(wǎng)站上要一目了然,是視覺焦點(diǎn)。清晰的排版和易于瀏覽的頭條文章,是必須要有的。
看看 UX Magazine 的首頁研制,相信你就明白了我的意思。頭條字體采用了展現(xiàn)性的字體,厚重,和正文出現(xiàn)清楚的對比。在頭條文案上,也應(yīng)該多花心思打磨,于是可以確保它真正有誘導(dǎo)力。
3、有階梯層級的導(dǎo)航
雖然現(xiàn)在主流的導(dǎo)航研制都奔著簡化去了,但是強(qiáng)調(diào)專業(yè)性的網(wǎng)站其實(shí)仍然是上不封頂應(yīng)該多層級的大型導(dǎo)航欄的。一具體方面,這類數(shù)字雜志類的網(wǎng)站通常或許有就是這個多樣文章和質(zhì)感的存檔,另一具體方面,于是的導(dǎo)航會給人以“專業(yè)”的feel。
無論你用的是Wordpress于是的CMS平臺仍然是我自己寫的網(wǎng)站,都先倚賴于是的導(dǎo)航。在Wordpress 當(dāng)中,其他加入標(biāo)簽仍然是進(jìn)行自定義分類都很便利,就是這個多了后面先采用下拉式菜單,但是不論怎樣研制,最好讓體驗(yàn)順滑流暢。
Atlanta Magazine 的大型導(dǎo)航菜單給人的體驗(yàn)就極度流暢,下拉菜單中嵌入了質(zhì)感的鏈接。由于響應(yīng)式的滑動導(dǎo)航在移動端上也已經(jīng)很常見了,這使得它還輕松兼顧到了移動端的研制。
4、文章舉薦小插件
每個數(shù)字雜志風(fēng)格的網(wǎng)站首頁看起來都不盡相同,它們或許有相似的首頁,但是借助都不一樣的的排版布局,見縫插針的各式文章舉薦的小插件,實(shí)現(xiàn)不一樣的視覺效應(yīng),誘導(dǎo)使用者不時停下來點(diǎn)擊感興趣的文章。
這些個熱點(diǎn)文章舉薦的小插件是極度引人矚用處。用來推廣熱門文章和最近文章是相當(dāng)省錢的。
Search Engine Journal 的首頁上就采用了一份于是的輪播式文章舉薦小插件,每次展現(xiàn)3篇舉薦文章,同時輪播滾動的月份會在左側(cè)視覺化地展現(xiàn)出相應(yīng)的圖片。你先仔細(xì)看看你所喜歡的數(shù)字雜志網(wǎng)站基本是怎么研制于是的小插件的,或用咨詢掉她們用的基本是哪些插件。
5、顯著的分享按鈕
社交媒體的重要性是不言而喻的。如果你想讓你滴網(wǎng)站持有格外的訪客,充分利用社交媒體,讓你滴網(wǎng)站文章有格外的曝光度,是不賴的尋找。這里邊樣的需求之下,最好讓每篇文章當(dāng)中的分享按鈕最好最明顯些許。
在著名科技空間 ZDNet 上,每篇文章下方真有一連串極度醒用處社交媒體分享按鈕。在許多流行的雜志和網(wǎng)絡(luò)媒體網(wǎng)站上,你能搜搜許多值得參考的小例,具體多看看吧。
6、相關(guān)文章舉薦
在許多網(wǎng)站上,我們會在看完文章后面看到是部或用側(cè)面有格外相關(guān)文章舉薦,大多數(shù)情況下是遵循使用者偏過得去一種內(nèi)容舉薦機(jī)制,極度省錢。
這應(yīng)該是所有以內(nèi)容為導(dǎo)向的內(nèi)容都應(yīng)該有的組件和效果,因?yàn)榇蠖鄶?shù)情況下是幾乎不費(fèi)吹灰之力就能取得格外瀏覽量的路子。
Real Simple 的相關(guān)文章舉薦和絕多半網(wǎng)站并木有太大差別,但是絕多半月份,于是的舉薦多數(shù)要發(fā)揮作用。
7、可用性良過得去搜索引擎
當(dāng)下每個網(wǎng)站真有搜索引擎了。相比于理想相對稍微清楚的訪客而言,她們多數(shù)月份會立刻倚賴搜索引擎開始搜索而并非漫無用處地瀏覽。
而數(shù)字雜志類網(wǎng)站的問題在于,其中所涵蓋的內(nèi)容信息量都很大,如果應(yīng)該針對文章內(nèi)容進(jìn)行檢索的話,搜索引擎壓力并不小,但是使用者的需求是極度明晰的,因而網(wǎng)站的發(fā)明者應(yīng)該給予可用性良過得去搜索引擎,互助使用者搜搜內(nèi)容,改善使用者的停留精力和時間和內(nèi)容的打開率。
研制師應(yīng)該讓搜索引擎顯著的位置,讓使用者在任何月份都有機(jī)會快速搜搜它,同時先進(jìn)行搜索。
8、自定義的頁面元素
其實(shí)這種界定有點(diǎn)含糊。你會看到,絕多半的內(nèi)容為主的空間和數(shù)字雜志都大同小異。但是也有然且些許網(wǎng)站給人feel稍稍都不一樣的:它們會在頁面細(xì)節(jié)上進(jìn)行肯定程度的定制,讓信息更很快被消化,或用越發(fā)個性化。
通常而言,這些個效用突出的網(wǎng)站會在下面的成分花心思:
關(guān)鍵內(nèi)容和引用的文本
目錄
圖片和輪播圖
相關(guān)文章舉薦
就像我前文所提到的,相關(guān)文章舉薦,這種模塊你先研制得越發(fā)走心,越發(fā)誘導(dǎo)人。科技空間 TechCrunch 和 Hongkiat 基本是在文章舉薦上極度花心思。
我無法確切地告訴你到是有多數(shù)效果和模塊先進(jìn)行定制和修改,這些個成分通常應(yīng)該新穎團(tuán)隊集思廣益。
9、頁頭焦點(diǎn)圖
如果你想一進(jìn)入頁面就將使用者的注意力牢牢抓住,然且你應(yīng)該有醒目而抓人眼球的文案,和一張同樣在視覺上矚用處高清特點(diǎn)圖
WordPress 這類CMS體系通常有沒有于是的焦點(diǎn)圖模塊,尺寸在后臺有詳細(xì)說明,都不一樣的的主題會設(shè)置都不一樣的的尺寸。相比于數(shù)字雜志式的網(wǎng)站,圖片是讓使用者點(diǎn)擊的重要元素之一,盡量用大圖,強(qiáng)化視覺,在頁頭展現(xiàn)。你先像下面的Dwell 一樣,倚賴全屏圖片。
推薦網(wǎng)站建設(shè)成功案例(直接點(diǎn)擊公司名稱)
4、莫妮卡婚慶
7、頤昊幕墻
9、悅成國際大飯店
10、云南國際信托有限公司