線框設計是為潛在網站框架創(chuàng)建初步視覺指南的過程。這份文件可以作為網頁設計公司的藍圖。請記住，開發(fā)自定義網站是一個多階段過程。網站線框的創(chuàng)建代表了設計階段的開始。

線框設計的目標是建立信息如何呈現給訪問者并優(yōu)先考慮訪問者的示意圖，與網站功能相關的元素在哪里以及如何實現，以及網站的期望或預期行為流程游客。

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

線框設計師只能依靠網頁設計公司提供并收集的信息。重要的是要記住，這是一條雙向的街道。畢竟，客戶提供的富有洞察力和清晰的信息使得網頁設計公司能夠簡單有效地將您的想法變?yōu)楝F實。

這些信息可以通過多種方式傳達，包括項目初步提案文件的審查，面對面會議，電話會議等。網頁設計公司還必須確保來自客戶的所有溝通都在內部進行共享以促進凝聚力。

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

通常情況下，設計人員選擇直接在Web瀏覽器中顯示線框，以更好地描繪線框未來環(huán)境中的概述功能。

線框在網頁設計中的作用 - 它們的目的是什么？

除了向設計人員提供網站功能和設計所需的骨架框架外，線框還是向客戶呈現的首批項目之一，以確保每個人都能從一開始就在同一頁面上。作為客戶，理解線框的目的是為了從演示中獲得最大價值，這一點非常重要。

為了簡單起見，讓我們在網站線框和房屋平面圖之間進行比較。想象一下如何在新家中尋找廚房的平面圖。當然，平面圖會勾勒爐灶，冰箱和儲藏室的位置，但它可能不會涉及冰箱的品牌或顏色。

相反，它會解決一些問題，比如爐子是否有頂部通風口，或者是否有內置微波爐。它甚至可以描述廚房門將如何打開。這些電器的功能及其在廚房中的位置在此階段是重要的，而不是電器本身的視覺外觀。

在我們的廚房比喻中，電器可以被認為是網站的功能。在設計線框之前，設計人員必須了解項目的范圍，并了解項目中列出的任何必需的功能或其他自定義元素。

例如，網站是否需要“冰箱”？如果是這樣，它應該放在廚房的哪里？“網站”是否需要并排冰箱或頂級冷凍機型號？也許，該網站根本不需要廚房冰箱，而寧愿在地下室中使用一些額外的空間。這些是設計師在整個線框過程中必須考慮和描述的事物類型。

如何充分利用您的線框設計演示

作為客戶審核線框設計，下面列出了“做和不做”的列表，以幫助您充分利用線框設計演示。

請注意：

l 信息體系結構：查看信息體系結構流程和從上到下在線框上顯示內容的優(yōu)先級。

l 信息優(yōu)先級：這些信息的排列方式是否符合貴公司計劃對此信息的優(yōu)先級？

l 內容策略：您的內容是否按照與您網站提案中列出的計劃相一致的方式進行布局？考慮諸如內容字段的間隔和位置等內容。記住，這完全是從布局的角度來看的，在這個設計階段，你實際上不會審查任何真正的副本。相反，填充內容將用來描述如何在沒有真實內容的情況下顯示內容，因為它可能會分散您的注意力以評估線框。

l 頁面布局：您的頁面是否按照您的提案中所述進行布置？即使他們是，一定要再次問自己，如果布局仍然有意義。提案很少概述項目的每一個細節(jié)，線框設計演示是發(fā)現任何需要收緊的泄漏管道的最佳時機。

l 功能性：您所在網站的所有功能元素都代表了所需的位置？如果廚房里有一臺洗碗機，它是否放置在與水槽相鄰的戰(zhàn)略位置？也許出于某種原因，你的網站實際上需要一個“洗碗機在客廳”而不是廚房。確保任何自定義功能都是按照您在線框過程中期望看到的那樣來表示的，但請記住，它不會是網站最終版本中該功能實際外觀的可視化表示。

什么不能從網站的線框設計中預期

線框設計的重點在于為設計人員和客戶提供整個網站的核心功能和布局的客觀視圖。人們可能期望看到的視覺設計元素有意地被省略以幫助實現線框展示的目標。

不要擔心：

顏色： 通常在灰度級中，線框不是為了描繪網站的主題顏色方案。這完全是您網站設計的簡單示意圖，很少有視覺設計元素甚至可以遠程代表最終產品。

具體設計：避免變得專注于箱子的形狀，空間的形狀等。不要擔心文字; 就像我們上面提到的那樣，它將主要是隨機的占位符文本，只是為了描述最終副本的位置。

表達/措辭：雖然這些變化當然可以在這里指出，但它們并不代表設計師正在尋找的建設性反饋。

設計人員在線框設計介紹期間尋找什么樣的反饋？

為了充分利用線框設計演示文稿，了解設計團隊尋找的反饋類型非常重要。以下列出了在此階段認為值得的反饋類型和建議的更改：

所有元素的位置是否與提案一致？

用戶的行為會對用戶感覺直觀嗎？

是否需要刪除，修改，重新排列優(yōu)先次序或重新使用？

我們總結一下！

對于設計公司和客戶來說，重要的是不僅要了解線框的目的，還要了解線框的背后。除了簡單概述未來網站的骨架框架和功能元素外，它還在設計階段的初步階段引發(fā)客戶和設計師之間的對話。這種交流促進了將自定義功能與驚人設計無縫集成的網站的開發(fā)。

無論何時您注意到卓越的網頁設計，它都可以作為一種特殊的線框設計開始其使用。