Wireframe 是什麼？認識網站UI 設計排版草圖與資訊架構

Sitemap 中文叫做網站地圖或者架構圖; Sitemap 就像是網站的目錄，將站內所有頁面依層級呈現; 通常是以樹狀圖的方式去做梳理 ...

1 前言 · 2 網站線條框線(Wireframe) 是什麼呢？ · 3 為什麼需要繪製線框圖？ · 4 畫線框圖需要什麼工具？ · 5 畫線框前需要知道的網站框架 · 6 理解讀者閱讀方向 ...

接著就是拿紙筆，概略畫出你理想的網站外觀。對自己的第一個簡易網頁，不需考量太多要素或畫得太仔細，應該先養成這個勾勒草圖的習慣。

Demo Content手繪風格低保真原型，繪製Wireframe草圖的工具之一，簡易好操作，想像的到的流程、規劃、產品印象、相關的圖表與作業，幾乎都找得到符合的物件來做說明 ...

對我來說，草圖是決定區塊位置的圖表，所以都畫得很潦草，圖表旁多是註解就搞定。有時候會覺得這樣的方式太過簡單缺乏細節，也找了其他方式畫草圖，像是Balsamiq、Cacco等、也 ...

網站企劃：10款好用草圖繪製工具 · MockFlow：同時提供免費及付費方案。 · Axure - Wireframes, Prototypes, Specifications：付費及有限制的下載試用。

Wireframe (線框稿)主要目的是溝通網頁的架構、內容、功能、行為、資訊階層，會用非常簡單的灰階顏色、線條、符號或框線，來表達網頁的排版架構。

使用Uizard 簡單的拖​​放功能，用戶就能勾勒出他們手繪的想法，並將其想法轉換成可行又美觀的數位化版本，可說是下一個世代流行的網站建設工具。還有，如果你沒有草圖，你可以給 ...

打開「 quickMockup 」網站，就是一個繪製網頁原型的設計畫面，我們不需任何帳號，立刻就能開始畫草圖。