互聯(lián)網(wǎng)時(shí)代想必大家都聽說(shuō)過(guò)“內(nèi)容優(yōu)先”的概念。今天上海派琪就為大家探討它是什么，為什么對(duì)于高端網(wǎng)站建設(shè)來(lái)說(shuō)是有用的，當(dāng)使用Webflow CMS設(shè)計(jì)，它又會(huì)提供行動(dòng)中的什么樣的內(nèi)容優(yōu)先設(shè)計(jì)示例。別急，接下來(lái)就為大家詳細(xì)介紹一下相關(guān)內(nèi)容。
第一，內(nèi)容優(yōu)先設(shè)計(jì)是什么？
內(nèi)容優(yōu)先代表了高端網(wǎng)站建設(shè)中設(shè)計(jì)過(guò)程的主要觀點(diǎn)之一，創(chuàng)始人杰夫·澤爾德曼在2008年指出，為了為給項(xiàng)目構(gòu)建正確的設(shè)計(jì)，在設(shè)計(jì)開始之前必須知道什么是內(nèi)容。畢竟，編輯設(shè)計(jì)師在寫書之前要先規(guī)劃，建筑師要開始繪制藍(lán)圖，直到他們知道建筑物應(yīng)該是什么。對(duì)于這兩個(gè)職業(yè)，形式必須跟隨功能，并且對(duì)于大多數(shù)網(wǎng)站，功能是通過(guò)內(nèi)容實(shí)現(xiàn)的。例如：營(yíng)銷網(wǎng)站讓人們使用具有說(shuō)服力的副本和視覺(jué)效果的產(chǎn)品或服務(wù)，說(shuō)明產(chǎn)品或服務(wù)是什么，以及是什么。餐廳網(wǎng)站通過(guò)提供關(guān)于食物風(fēng)格、類型和位置來(lái)吸引人們進(jìn)入。電子商務(wù)商店提供產(chǎn)品詳情和訂購(gòu)方式。顯然，內(nèi)容不僅僅是復(fù)制。內(nèi)容包括各種媒體，包括圖形，視頻，音頻，是的，普通的，超級(jí)性感的話。簡(jiǎn)而言之，內(nèi)容優(yōu)先設(shè)計(jì)就是在開始設(shè)計(jì)之前了解設(shè)計(jì)的目的是什么，以及如何實(shí)現(xiàn)這一目的。理想情況下，在設(shè)計(jì)任何內(nèi)容之前，實(shí)際上會(huì)有內(nèi)容。 但不必規(guī)劃需要什么類型的內(nèi)容。
第二，內(nèi)容優(yōu)先設(shè)計(jì)有什么優(yōu)勢(shì)？
基于內(nèi)容優(yōu)先的方法提供了幾個(gè)好處，從實(shí)現(xiàn)更好的總體設(shè)計(jì)愿景到捕捉設(shè)計(jì)中的問(wèn)題，直到它們完成高端網(wǎng)站建設(shè)。實(shí)際上，內(nèi)容優(yōu)先設(shè)計(jì)使得更容易，構(gòu)建一個(gè)敏感的信息架構(gòu)，當(dāng)用戶需要什么內(nèi)容時(shí)，更容易定義整體站點(diǎn)地圖并構(gòu)建邏輯層次結(jié)構(gòu)。設(shè)計(jì)優(yōu)化內(nèi)容 有助于創(chuàng)建一個(gè)更一致的界面，不必創(chuàng)建一堆凌亂的組合類，避免無(wú)休止的替換。一旦設(shè)計(jì)開始時(shí)沒(méi)有內(nèi)容，開發(fā)過(guò)程往往在設(shè)計(jì)者和利益相關(guān)者之間無(wú)休止地來(lái)回回。這通常意味著許多微小的，令人沮喪的文本更改，設(shè)計(jì)人員必須更新保存。在使用Webflow CMS的內(nèi)容優(yōu)先設(shè)計(jì)時(shí)，構(gòu)建由Webflow CMS強(qiáng)力驅(qū)動(dòng)的網(wǎng)站時(shí)，我們要采取的第一步是創(chuàng)建一個(gè)集合。集合本質(zhì)上是一個(gè)內(nèi)容類型，大家可以通過(guò)從以下列表中選擇字段來(lái)定義：純文本、豐富的文本、圖像、視頻、鏈接、數(shù)量日期、時(shí)間參考和多項(xiàng)目參考等；大多數(shù)這些字段獨(dú)立工作，網(wǎng)站建設(shè)完成后，只需輸入任何匹配字段的內(nèi)容即可。
第三，設(shè)計(jì)師的內(nèi)容建?？紤]
網(wǎng)站創(chuàng)建內(nèi)容模型就像創(chuàng)建網(wǎng)站地圖，但不關(guān)注網(wǎng)頁(yè)，而是內(nèi)容類型及其特征。它在幫助映射內(nèi)容類型，其關(guān)系和要求方面非常有用，但也將幫助開發(fā)網(wǎng)站的整體信息架構(gòu)。內(nèi)容模型有兩種形式：一個(gè)宏，一個(gè)微。如果建設(shè)一個(gè)食品雜志網(wǎng)站，宏級(jí)內(nèi)容模型可能如下所示：食品雜志網(wǎng)站的宏觀級(jí)內(nèi)容模型。在這里所做的就是定義您希望網(wǎng)站具有的內(nèi)容元素，并指明它們?nèi)绾捂溄釉谝黄稹Ｊ褂肳ebflow CMS，將創(chuàng)建具有“引用”或“多引用”字段的鏈接；在下一步中，將放大以映射上述每種內(nèi)容類型的內(nèi)容。連同您在每個(gè)地圖之間的連接，將有助于確定每個(gè)塊的內(nèi)容要求。要放大各個(gè)內(nèi)容塊，才可以執(zhí)行以下操作：微級(jí)別內(nèi)容模型開始挖掘個(gè)別頁(yè)面需求，定義每個(gè)頁(yè)面的內(nèi)容。在許多情況下，簡(jiǎn)單地定義集合之間的關(guān)系將定義集合中單個(gè)頁(yè)面的內(nèi)容。例如，每個(gè)美食頁(yè)面的大部分內(nèi)容將由動(dòng)態(tài)配方列表組成。現(xiàn)在，當(dāng)回到為食品雜志創(chuàng)建收藏集時(shí)，很容易將內(nèi)容模型轉(zhuǎn)換為每個(gè)收藏集的字段。只是看看不同的內(nèi)容類型可能相關(guān)的方式幫助更多的創(chuàng)造性，這些類型可能展示。當(dāng)然，這只是一個(gè)例子：但是會(huì)發(fā)現(xiàn)這個(gè)方法對(duì)于使用任何類型的內(nèi)容進(jìn)行設(shè)計(jì)都很有用。
第四，設(shè)計(jì)實(shí)際內(nèi)容帶來(lái)同理心
使用CMS設(shè)計(jì)的獨(dú)特之處在于為兩個(gè)用戶組進(jìn)行設(shè)計(jì)，將使用您設(shè)置的內(nèi)容管理系統(tǒng)的內(nèi)容創(chuàng)建者；網(wǎng)站的最終用戶 ，即將消費(fèi)創(chuàng)作者發(fā)布的內(nèi)容的人。通過(guò)采用以內(nèi)容為先的設(shè)計(jì)方法，大家可以深入了解網(wǎng)站發(fā)布的內(nèi)容類型。了解如何撰寫標(biāo)題、用戶瀏覽時(shí)間、內(nèi)容類型、異常值和邊緣情況。
第五，如何自定義Webflow CMS
在CMS自定義方面，大家需要快速了解最常需要哪些字段，如何編寫字段標(biāo)簽，以及如何通過(guò)幫助文本提供有關(guān)輸入類型的樣式和技術(shù)指導(dǎo)。幫助文字為在內(nèi)容創(chuàng)作者面前獲得內(nèi)容風(fēng)格指南提供了絕佳的機(jī)會(huì)，確保上傳尺寸合適的圖片，為標(biāo)題和前貼片廣告使用一致的字符數(shù)，以及鼓勵(lì)高品質(zhì)的內(nèi)容。
第六，視覺(jué)設(shè)計(jì)動(dòng)態(tài)（CMS）內(nèi)容
實(shí)際上，使用內(nèi)容進(jìn)行設(shè)計(jì)助于識(shí)別網(wǎng)站視覺(jué)設(shè)計(jì)中的潛在缺陷。長(zhǎng)文章標(biāo)題可能會(huì)被忽視，覆蓋在具有淺色背景的照片上的標(biāo)題可能變得難以辨認(rèn)，按鈕文本可能會(huì)使那些整潔的CSS按鈕創(chuàng)建的巨大 。使設(shè)計(jì)或布局更加靈活，列表視圖可能更適合這些長(zhǎng)標(biāo)題，而文本陰影或圖像疊加可以提高照片上文字的可讀性；向內(nèi)容樣式指南添加條目，并使用CMS功能進(jìn)行備份。使用字符計(jì)數(shù)限制，可以強(qiáng)制執(zhí)行3個(gè)字的按鈕復(fù)制規(guī)則，并且可以添加說(shuō)明限制的幫助文本；添加解釋將幫助網(wǎng)站建設(shè)者不僅了解約束，而且了解這些約束背后的設(shè)計(jì)思想。
一旦熟悉了內(nèi)容優(yōu)先設(shè)計(jì)，發(fā)現(xiàn)網(wǎng)站策劃中的重要內(nèi)容，對(duì)于高端網(wǎng)站建設(shè)就是很關(guān)鍵的一點(diǎn)。接下來(lái)，希望大家在選擇網(wǎng)站建設(shè)服務(wù)商或者自身開始建站時(shí)，一定要注意“內(nèi)容優(yōu)先”的原則，才能真正幫助設(shè)計(jì)體現(xiàn)企業(yè)及品牌的價(jià)值，傳遞核心理念價(jià)值觀，為網(wǎng)站帶來(lái)高效用戶訪問(wèn)量和最大化利益。
