如果您想為您的企業(yè)建立一個(gè)網(wǎng)站，線框圖可以作為您網(wǎng)站架構(gòu)和設(shè)計(jì)的基礎(chǔ)。線框圖是 Web 開(kāi)發(fā)過(guò)程中極其重要的一個(gè)環(huán)節(jié)。在您通過(guò)站點(diǎn)地圖或流程圖完成網(wǎng)站架構(gòu)之后，就會(huì)出現(xiàn)線框。通過(guò)線框圖確認(rèn)網(wǎng)站框架后，你會(huì)發(fā)現(xiàn)建站思路一下清晰起來(lái)。創(chuàng)建線框后，開(kāi)始網(wǎng)站的設(shè)計(jì)階段。
 

線框在網(wǎng)站設(shè)計(jì)中的重要性
 

• 線框圖直觀地展示網(wǎng)站架構(gòu)

 
站點(diǎn)地圖是網(wǎng)站的一個(gè)很好的起點(diǎn)。它是一個(gè)指南，可幫助您可視化您的內(nèi)容和網(wǎng)站流程。站點(diǎn)地圖將幫助您組織您的想法，但它可能會(huì)變得有點(diǎn)抽象，尤其是那些非常大的。這就是線框進(jìn)來(lái)的地方！線框采用流程圖的抽象性質(zhì)，并將其變成真實(shí)和有形的東西，而不會(huì)分心。線框是您的站點(diǎn)地圖的可視化表示。它們使從單個(gè)頁(yè)面的布局到組織再到子頁(yè)面，從導(dǎo)航菜單到轉(zhuǎn)換渠道的所有內(nèi)容都變得清晰。當(dāng)您在設(shè)計(jì)過(guò)程中使用線框時(shí)，您將所有這些東西整合到一個(gè)有凝聚力的愿景中，以使您的網(wǎng)站整體看起來(lái)應(yīng)該是什么樣子。


 

• 線框讓內(nèi)容開(kāi)發(fā)更加設(shè)計(jì)友好

 
HackingwithSwift 的創(chuàng)始人 Paul Hudson 說(shuō)：“網(wǎng)站的內(nèi)容有兩個(gè)目的：一個(gè)是 SEO，另一個(gè)是推銷(xiāo)。偉大的內(nèi)容應(yīng)該同時(shí)滿(mǎn)足這兩個(gè)目的。內(nèi)容可以看起來(lái)笨重或優(yōu)雅。笨拙的內(nèi)容就是你看到的大多數(shù)博客網(wǎng)站都有大塊無(wú)差別的文本。這種類(lèi)型的內(nèi)容跳出率很高，沒(méi)有人有興趣閱讀。
 

 
優(yōu)雅內(nèi)容的一個(gè)例子是使用設(shè)計(jì)元素的東西，例如可讀字體、Gifs、適當(dāng)大小的字體、圖表、編號(hào)列表、項(xiàng)目符號(hào)和網(wǎng)頁(yè)上定位良好的副標(biāo)題。線框可以輕松地使用這些元素，并得出一個(gè)將最大限度地提高可讀性和有效性的設(shè)計(jì)方案。”
 

• 線框允許向客戶(hù)說(shuō)明網(wǎng)站功能

 
線框圖是設(shè)計(jì)過(guò)程的重要組成部分。它使您可以在更直觀的層面上與客戶(hù)進(jìn)行交流。它可以讓他們?cè)陧?xiàng)目建成之前看到他們的項(xiàng)目的外觀。在許多情況下，當(dāng)您說(shuō)“谷歌地圖集成”、“英雄形象”、“產(chǎn)品過(guò)濾”和數(shù)百種其他類(lèi)型的功能時(shí)，客戶(hù)可能不明白您的意思。網(wǎng)站上的線框特定項(xiàng)目功能向客戶(hù)提供了關(guān)于這些功能將如何運(yùn)作、功能在特定頁(yè)面上的位置以及它們可能有多大用處的清晰溝通。


 

• 線框使設(shè)計(jì)過(guò)程迭代

 
根據(jù)芝加哥網(wǎng)頁(yè)設(shè)計(jì)公司 Simpalm 的創(chuàng)始人 Piyush Jain 的說(shuō)法，“線框定義了網(wǎng)站的創(chuàng)意方面和功能。線框不是一步結(jié)合這些元素，而是確保一次解決一個(gè)問(wèn)題。這允許客戶(hù)和其他團(tuán)隊(duì)成員在流程的早期提供反饋。線框比完整的設(shè)計(jì)更容易促進(jìn)反饋。客戶(hù)可以快速響應(yīng)關(guān)系元素，因?yàn)樗麄兛梢栽谄聊簧峡吹矫總€(gè)頁(yè)面與其他頁(yè)面的關(guān)系。線框還允許客戶(hù)確保服務(wù)“

• 線框節(jié)省整個(gè)項(xiàng)目的時(shí)間

 
線框圖以多種方式節(jié)省了整個(gè) Web 項(xiàng)目的時(shí)間。線框是一種將您的設(shè)計(jì)需求和期望傳達(dá)給開(kāi)發(fā)團(tuán)隊(duì)的工具，這意味著您的設(shè)計(jì)更加經(jīng)過(guò)計(jì)算，并且您的開(kāi)發(fā)團(tuán)隊(duì)了解他們正在構(gòu)建的內(nèi)容。內(nèi)容創(chuàng)建變得更加清晰，因?yàn)楹苋菀诇?zhǔn)確地看到正在編寫(xiě)的內(nèi)容。


 
總結(jié)：
線框圖在網(wǎng)頁(yè)設(shè)計(jì)中的重要性是不容忽視的存在，通過(guò)線框圖，可以提前跟客戶(hù)確認(rèn)網(wǎng)站的框架，節(jié)約了來(lái)回反復(fù)修改的時(shí)間，可以幫助中小企業(yè)節(jié)省成本和加快項(xiàng)目進(jìn)度。