線框設(shè)計是創(chuàng)建潛在網(wǎng)站框架的初步視覺指南的過程。該文件可以作為網(wǎng)頁設(shè)計公司擴(kuò)展的藍(lán)圖。記住，開發(fā)自定義網(wǎng)站是一個多階段的過程。網(wǎng)站線框的創(chuàng)建代表了設(shè)計階段的開始。

線框設(shè)計的目標(biāo)是建立一個示意圖，了解信息將如何被呈現(xiàn)給訪問者，并將優(yōu)先考慮訪問者，在哪里以及將如何實現(xiàn)與網(wǎng)站功能相關(guān)的元素，以及網(wǎng)站的期望和/或預(yù)期的行為流程游客。

線框設(shè)計如何創(chuàng)建？

線框設(shè)計師只能依靠網(wǎng)頁設(shè)計公司提供和收集的信息。重要的是要記住，這是一條雙向的街道。畢竟，由客戶提供的有洞察力和明確的信息使網(wǎng)頁設(shè)計公司能夠有效地將您的想法帶入生活。

這些信息可以通過多種方式傳達(dá)，包括對項目初始提案文件的評估，親自會議，電話會議等。網(wǎng)頁設(shè)計公司還必須確?？蛻舻乃袦贤ǘ荚趦?nèi)部共享，以促進(jìn)凝聚力。

在概念上，線框設(shè)計可以像筆記本紙上的草圖一樣簡單，或者作為由任何數(shù)量的市售圖形軟件應(yīng)用程序創(chuàng)建的復(fù)雜文件呈現(xiàn)。

通常情況下，設(shè)計人員會選擇直接在網(wǎng)絡(luò)瀏覽器中呈現(xiàn)線框，以更好地描繪線框未來環(huán)境中概述的功能。

線框在網(wǎng)頁設(shè)計中的作用 - 它們的目的是什么？

除了為設(shè)計人員提供網(wǎng)站功能和設(shè)計的必要骨架框架外，線框是向客戶提交的第一個項目之一，以確保每個人都在同一頁面上。作為客戶，了解線框的目的是從其演示中獲得最大的價值是非常重要的。

為了簡單起見，我們來比較網(wǎng)站線框和房屋平面圖。想象一下，如何在一個新家庭中尋找廚房。當(dāng)然，平面圖將概述爐子，冰箱和廚房可能在哪里，但可能不會解決冰箱的品牌或顏色。

相反，它會解決一些事情，比如爐子是否有頂蓋通風(fēng)口，還是會有一個內(nèi)置的微波爐。甚至可能會描述食堂室門將如何打開。這些電器的功能和它們在廚房中的位置在現(xiàn)階段很重要，而不是電器本身的視覺外觀。

在我們的廚房類比中，電器可以被認(rèn)為是網(wǎng)站的功能。在設(shè)計線框之前，設(shè)計人員必須了解項目的范圍，并了解項目中概述的任何所需功能或其他自定義元素。

例如，網(wǎng)站是否需要“冰箱”？如果是這樣，應(yīng)該把它放在廚房里？“網(wǎng)站”是否需要一個并排的冰箱或頂級的冷柜型號？也許，這個網(wǎng)站根本就不需要一個冰箱，而是更喜歡在地下室里使用一些額外的空間。這些設(shè)計人員必須在整個線框過程中考慮和描述這些類型的東西。

如何充分利用您的線框設(shè)計演示

    信息架構(gòu)：從頂部到底部，查看線框上顯示的信息架構(gòu)流程和優(yōu)先級。

    信息的優(yōu)先級：此信息是否符合貴公司計劃對此信息的優(yōu)先級？

    內(nèi)容策略：您的內(nèi)容是否符合您網(wǎng)站建議中概述的計劃？想想你的內(nèi)容字段的間距和位置。記住，這純粹是從布局的角度來看，在這個階段的設(shè)計中，實際上并不會檢查任何真實的副本。相反，填充內(nèi)容將用作描述如何在沒有真實內(nèi)容的情況下顯示內(nèi)容的方式，因為它可能會分散您的意圖來評估線框。

    頁面布局：您的網(wǎng)頁是否按照您的提案中的描述？即使是這樣，請確保再次問問自己的布局是否合理。該提案很少提出項目的每一個細(xì)節(jié)，線框設(shè)計演示是發(fā)現(xiàn)需要收緊的任何泄漏管道的最佳時機(jī)。

    功能：您的站點(diǎn)的所有功能元素是否在所需位置中顯示？如果廚房里有洗碗機(jī)，那么它是否有策略地放置在水槽附近？也許由于某些原因，您的網(wǎng)站實際上需要一個“客廳洗碗機(jī)”而不是廚房。確保在線框過程期間可以看到任何自定義功能的表現(xiàn)，但同樣請記住，它不會是網(wǎng)站最終版本上該功能的實際外觀的直觀表示。

網(wǎng)站的線框設(shè)計不能預(yù)料

線框設(shè)計的要點(diǎn)是為設(shè)計師和客戶提供整個網(wǎng)站的核心功能和布局的客觀視圖。視覺設(shè)計元素可能期望看到有意省略，以幫助實現(xiàn)線框演示的目標(biāo)。

不要擔(dān)心：

    顏色： 通?；叶?，線框不是用來描繪網(wǎng)站的主題配色方案。這絕對是您網(wǎng)站設(shè)計的準(zhǔn)系統(tǒng)原理圖，極少的可視化設(shè)計元素甚至將遠(yuǎn)程代表最終產(chǎn)品。

    具體設(shè)計：避免專注于盒子的形狀，正在拍攝的空間的形狀等。不要擔(dān)心文字; 就像我們上面提到的，它主要是隨機(jī)的占位符文本，只是描述最終副本將位于哪里。

    短語/措辭：雖然這些變化當(dāng)然可以被注意到，但它們并不代表設(shè)計師所尋求的建設(shè)性反饋。

設(shè)計師在線框設(shè)計演示期間尋找什么樣的反饋？

為了充分利用線框設(shè)計演示文稿，了解設(shè)計團(tuán)隊正在尋找的反饋類型很重要。以下是在此階段認(rèn)為有價值的反饋類型和建議的更改的列表：

    所有要素是否符合該提案的方式？

    用戶的行為流程對用戶感到直觀

    是否需要刪除，修改，重新確定優(yōu)先級或重新利用？

我們總結(jié)一下吧！

對于設(shè)計公司和客戶，重要的是不僅要了解線框的目的，還要了解其背后的過程。除了簡單概述未來網(wǎng)站的骨架框架和功能元素之外，它還在設(shè)計階段的初級階段激發(fā)了客戶與設(shè)計師之間的對話。這種溝通是促進(jìn)網(wǎng)站開發(fā)的無縫集成定制功能與驚人的設(shè)計。

每當(dāng)你注意到特殊的網(wǎng)頁設(shè)計，幾率就是它的一個特殊的線框設(shè)計。