網站線框是簡單的線條圖，顯示網頁上元素的位置。 通過在設計過程開始時編輯簡單線框的佈局，而不是稍後的複雜設計，您可以節省大量時間。
使用線框是開始網站項目的好方法，因為它可以讓您和您的客戶專注於佈局，而不會分散色彩，類型和其他設計元素。 專注於網頁上的內容以及每個元素佔用的空間百分比，這可以根據客戶的需求來確定。
03年3月
什麼包含在網站線框中
一個網頁的所有重要元素都應該在你的網站線框中表現出來。 使用簡單的形狀而不是實際的圖形，並標記它們。 這些要素包括：
- 導航：用戶可以訪問網站主要部分的按鈕。
- 公司徽標：只能用一個盒子表示。
- 內容區域：您的不同部分內容將出現在哪裡？
- 搜索框
- 用戶登錄區域
02 03
如何創建網站線框
有多種方法可以創建網站線框。 他們包括：
用手在紙上畫它
這種方法在與客戶面對面時派上用場。 在紙上畫出你的佈局想法，重點在哪些元素應該去哪裡。
使用Adobe Photoshop，Illustrator或其他軟件
大多數圖形軟件包都配備了創建線框所需的所有基本工具。 只需簡單的線條，形狀和文本（用於標記元素）即可創建可呈現的線框。
使用為此類任務創建的軟件
雖然Photoshop和Illustrator可以做到這一點，但一些軟件包是專門為這類工作開發的。 OmniGraffle是一款通過在空白畫布上提供形狀，線條，箭頭和文字工具來簡化線框創作的軟件。 您甚至可以在Graffletopia下載自定義圖形集（免費），這樣可以為您提供更多元素，例如常用網頁按鈕。
03年03月
好處
通過網站線框，您可以調整簡單的線條圖以實現所需的佈局。 而不是在一個頁面上移動複雜的元素，可能需要很少的時間將幾個框拖入新的位置。 對於您或您的客戶來說，首先關注佈局也會更有效率......您不會從“我不喜歡那種顏色！”這樣的評論開始，而是從最終的佈局和結構開始這基於您的設計。