如果您正在考慮架設(shè)一個(gè)新網(wǎng)站，最好先處理內(nèi)容。傳達(dá)您的訊息的是內(nèi)容，而不是網(wǎng)站的設(shè)計(jì)功能。并且網(wǎng)站應(yīng)該增強(qiáng)而不是支配內(nèi)容。當(dāng)然，網(wǎng)站的外觀和感覺以及導(dǎo)航和功能是成功網(wǎng)站的關(guān)鍵要素。然而，如果有任何東西在開發(fā)網(wǎng)站方面起主導(dǎo)作用，那么它應(yīng)該始終是內(nèi)容第一。
什么是內(nèi)容優(yōu)先的網(wǎng)頁設(shè)計(jì)？
內(nèi)容優(yōu)先設(shè)計(jì)不僅僅是完成任務(wù)的順序。內(nèi)容優(yōu)先設(shè)計(jì)也將內(nèi)容按重要性排序。
商業(yè)網(wǎng)站的目標(biāo)是將訪問者轉(zhuǎn)化為客戶。而且，毫無疑問，網(wǎng)站的外觀和感覺確實(shí)在轉(zhuǎn)換中發(fā)揮了作用。然而，說服人們購買的網(wǎng)站最關(guān)鍵的元素是頁面上的文字。因此，將內(nèi)容委托給設(shè)計(jì)過程的后座是沒有意義的。
內(nèi)容優(yōu)先的網(wǎng)頁設(shè)計(jì)圍繞內(nèi)容架構(gòu)網(wǎng)站，反之亦然。這個(gè)概念適用于品牌、架構(gòu)、網(wǎng)站的外觀和感覺以及導(dǎo)航。因此，網(wǎng)站設(shè)計(jì)提供了增強(qiáng)內(nèi)容的支持元素。
內(nèi)容優(yōu)先設(shè)計(jì)方法的優(yōu)勢是什么？
采用內(nèi)容優(yōu)先的網(wǎng)頁設(shè)計(jì)方法提供了一系列好處，從實(shí)現(xiàn)更具凝聚力的設(shè)計(jì)愿景到可以節(jié)省大量時(shí)間的實(shí)用優(yōu)勢。這里總結(jié)了內(nèi)容優(yōu)先設(shè)計(jì)策略的好處。
更高效
從寫作風(fēng)格到文章長度，一切都會(huì)影響網(wǎng)站的設(shè)計(jì)方式。圖像、訊息圖表、產(chǎn)品頁面和下載的使用也是如此。因此，圍繞內(nèi)容開發(fā)站點(diǎn)比將內(nèi)容硬塞到已經(jīng)開發(fā)的站點(diǎn)中要高效得多。
允許優(yōu)化內(nèi)容
如果你把一幅微型、精致的粉彩畫放在一個(gè)又大又重的畫框里，微型畫的美感就會(huì)減弱。以幾乎相同的方式，網(wǎng)站對內(nèi)容進(jìn)行框架化。因此，應(yīng)該使用設(shè)計(jì)功能來優(yōu)化內(nèi)容。如果您在看到內(nèi)容之前設(shè)計(jì)網(wǎng)站，則無法實(shí)現(xiàn)這一點(diǎn)。
優(yōu)化站點(diǎn)架構(gòu)
當(dāng)您知道內(nèi)容將是什么時(shí)，您可以設(shè)計(jì)站點(diǎn)架構(gòu)以適應(yīng)該內(nèi)容。因此，可以定義邏輯站點(diǎn)層次結(jié)構(gòu)。但是，當(dāng)內(nèi)容排在最后時(shí)，您總會(huì)留下一些計(jì)劃外的頁面和多余的頁面。當(dāng)然，這種性質(zhì)的問題是可以解決的。但是，對網(wǎng)站的任何最后一刻更改都需要時(shí)間，并且可能會(huì)使網(wǎng)站脫節(jié)。
內(nèi)容不限于可用空間
當(dāng)您第一次將筆放在紙上時(shí)，您無法知道一段內(nèi)容會(huì)持續(xù)多長時(shí)間。當(dāng)然，您也許能夠估計(jì)單詞的數(shù)量。但是，如果您試圖嚴(yán)格遵守字?jǐn)?shù)統(tǒng)計(jì)，您可能不得不做出妥協(xié)。當(dāng)您首先編寫內(nèi)容時(shí)，您可以設(shè)計(jì)站點(diǎn)的布局以容納內(nèi)容。因此，您永遠(yuǎn)不需要將內(nèi)容壓縮到預(yù)定義的空間中。
閱讀內(nèi)容急救網(wǎng)站設(shè)計(jì)
首先閱讀內(nèi)容將幫助網(wǎng)頁設(shè)計(jì)師架設(shè)一個(gè)與內(nèi)容完美匹配的網(wǎng)站。事實(shí)上，在很多方面，內(nèi)容激發(fā)了設(shè)計(jì)師的靈感。當(dāng)然，您可以提供規(guī)范文件，也可以召開項(xiàng)目會(huì)議。但是，在您閱讀內(nèi)容之前，在腦海中描繪完成的網(wǎng)站更具挑戰(zhàn)性。
在網(wǎng)站設(shè)計(jì)時(shí)填充內(nèi)容
使用完成的文本填充站點(diǎn)還可以降低開發(fā)的測試和最終簽署的挑戰(zhàn)性。例如，可以在開發(fā)完成的網(wǎng)站時(shí)對其進(jìn)行測試，而不是看到一個(gè)網(wǎng)站充斥著諸如「lorem ipsum」之類的詞。因此，可能需要的任何更改都會(huì)提前突出顯示，這可以減少整體開發(fā)時(shí)間。
沒有最后一分鐘的內(nèi)容創(chuàng)建
采用內(nèi)容優(yōu)先策略還消除了在最后一刻創(chuàng)建內(nèi)容的需要，這通常會(huì)導(dǎo)致上線延遲。此外，在最后一分鐘急于制作內(nèi)容也經(jīng)常導(dǎo)致錯(cuò)誤和品質(zhì)不佳的寫作。內(nèi)容是良好網(wǎng)站設(shè)計(jì)的最關(guān)鍵要素。因此，最好不要僅僅為了滿足上線的最后期限而匆忙進(jìn)行內(nèi)容開發(fā)。
內(nèi)容優(yōu)先的網(wǎng)頁設(shè)計(jì)計(jì)劃如何運(yùn)作？
內(nèi)容優(yōu)先開發(fā)計(jì)劃的各個(gè)要素會(huì)有所不同。但是，內(nèi)容優(yōu)先項(xiàng)目的基本軌跡如下：
規(guī)劃與靈感
第一步是獲得網(wǎng)站的概要視圖并設(shè)定目標(biāo)。該過程的這一步將包括說明網(wǎng)站的目標(biāo)并查看品牌和品牌個(gè)性。通過審查競爭對手和其他類似網(wǎng)站也可以獲得靈感。
內(nèi)容和媒體創(chuàng)作
接下來，將生成內(nèi)容大綱，包括站點(diǎn)地圖、線框、內(nèi)容部分、頁面標(biāo)題和副標(biāo)題。然而，線框是簡單的黑白頁面布局，在這個(gè)階段不會(huì)一成不變；如果需要，可以調(diào)整它們以適應(yīng)內(nèi)容。在此階段還將創(chuàng)建圖形和多媒體元素的規(guī)范。一旦對站點(diǎn)的基本輪廓達(dá)成一致，就可以開始內(nèi)容創(chuàng)建。
設(shè)計(jì)和開發(fā)
然后，Web 開發(fā)人員將擁有設(shè)計(jì)和開發(fā)站點(diǎn)所需的一切。使用線框、圖形和媒體以及完成的內(nèi)容，網(wǎng)站將開始成型。內(nèi)容優(yōu)先與傳統(tǒng) Web 開發(fā)之間的關(guān)鍵區(qū)別在于內(nèi)容驅(qū)動(dòng) Web 設(shè)計(jì)。
測試和審查
最后的開發(fā)階段將是對站點(diǎn)的測試和審查。盡管在大規(guī)模開發(fā)中，隨著網(wǎng)站各個(gè)頁面的開發(fā)和填充，該階段的計(jì)劃可能會(huì)分階段進(jìn)行。測試將包括所有功能、導(dǎo)航，并且網(wǎng)站將在不同設(shè)備上進(jìn)行測試。并且將根據(jù)需要對站點(diǎn)設(shè)計(jì)和功能進(jìn)行修改。
網(wǎng)站發(fā)布
在完成測試、審查和修訂后，該站點(diǎn)可以上線。通常會(huì)在上線后的一段時(shí)間內(nèi)應(yīng)用補(bǔ)救性修復(fù)并進(jìn)行任何最終調(diào)整。但是，對站點(diǎn)的徹底測試應(yīng)限制對任何上線后修改的需求。