網(wǎng)站運營指導(dǎo)

頁面線框圖（Wire frame）是網(wǎng)站設(shè)計方案中的重要組成部分，無論是I-Board、Page-Layout、UI-Draft這些不同的稱呼，它們的本質(zhì)都是一樣的，網(wǎng)站策劃師、網(wǎng)絡(luò)產(chǎn)品經(jīng)理的最后交付文檔，通常的呈現(xiàn)設(shè)計是最直觀有效的。單純從設(shè)計的角度，線框圖也可以看作一個視覺呈現(xiàn)過程，雖然如此，也不能把線框圖的設(shè)計當(dāng)作簡單的視覺問題。如何看待線框圖，如何著手設(shè)計線框圖，如何把握線框圖的詳細(xì)程度，如何讓其他合作者看懂線框圖，就是本系列文章要解決的問題。 線框圖的本質(zhì)是信息架構(gòu)的表象。根據(jù)需要，頁面線框圖可能是一個獨立頁面或一整套頁面序列：當(dāng)針對中小型項目時，可能只需要首頁以及關(guān)鍵頁面的設(shè)計；針對復(fù)雜項目和大規(guī)模的團(tuán)隊協(xié)作，則需要一系列相互關(guān)聯(lián)的線框圖，并且包含交互設(shè)計部分。 在《網(wǎng)頁線框圖教程》的第一篇文章中，主要幫助讀者了解線框圖之前的必要步驟： 確定頁面邏輯架構(gòu) 低保真還是高保真 規(guī)范圖例與交付物 基本框架模板 確定頁面邏輯架構(gòu) 在最近流行的一篇國外譯文《畫好線框圖的20個步驟》中有一句話“線框圖是計劃中的第一步也是最重要的一步”，這是大錯特錯的。