學習網站模塊化設計的三個工具
標簽：
網站設計
2017.06.28
wangzhanmokuaihuashejinengdadaojiandanganjingdewangzhan，danqijiqiaoduiyuxinshoulaishuoquebingbushinamejiandande。xiamiangeidajiazongjielezaifenzuhezuzhixiangfafangmiansangebijiaochangjiandefangfa，keyizaichuxuemokuaihuashejishiyousuobangzhu。
抓住界麵各個部分的截圖，並收集在Keynote或Powerpoint中。你會得到一堆的素材，包括按鈕、文本字段、標題、圖像、圖標等，然後你可以將它們分類。此過程有助於避免出現界麵前後不一的情況，也可以為模式庫奠定基礎。
模式庫是建立和維護模塊化係統的重要工具。簡單說，它是用戶界麵設計模式的集合，每個模式或模塊有自己的文檔名稱和目的。
我wo們men不bu需xu要yao細xi致zhi到dao每mei一yi個ge像xiang素su的de視shi覺jiao稿gao。事shi實shi上shang，我wo們men隻zhi需xu要yao粗cu略lve的de草cao圖tu，然ran後hou使shi用yong模mo式shi庫ku中zhong的de名ming稱cheng標biao注zhu草cao圖tu中zhong的de模mo塊kuai。我wo們men還hai可ke以yi將jiang模mo塊kuai打da印yin出chu來lai，然ran後hou在zai紙zhi卡ka上shang剪jian出chu來lai。
01. 界麵庫（Interface inventory）
抓取屏幕截圖並將其分組
抓住界麵各個部分的截圖，並收集在Keynote或Powerpoint中。你會得到一堆的素材，包括按鈕、文本字段、標題、圖像、圖標等，然後你可以將它們分類。此過程有助於避免出現界麵前後不一的情況，也可以為模式庫奠定基礎。
02. 模式庫（Pattern library）
該工具是創建係統的最簡單的形式
模式庫是建立和維護模塊化係統的重要工具。簡單說，它是用戶界麵設計模式的集合，每個模式或模塊有自己的文檔名稱和目的。
03. 簡單的工具（Pen, Paper, Scissors）
有時候簡單的工具才是最好的
我wo們men不bu需xu要yao細xi致zhi到dao每mei一yi個ge像xiang素su的de視shi覺jiao稿gao。事shi實shi上shang，我wo們men隻zhi需xu要yao粗cu略lve的de草cao圖tu，然ran後hou使shi用yong模mo式shi庫ku中zhong的de名ming稱cheng標biao注zhu草cao圖tu中zhong的de模mo塊kuai。我wo們men還hai可ke以yi將jiang模mo塊kuai打da印yin出chu來lai，然ran後hou在zai紙zhi卡ka上shang剪jian出chu來lai。
