學(xué)習(xí)網(wǎng)站模塊化設(shè)計的三個工具
標(biāo)簽：
網(wǎng)站設(shè)計
2017.06.28
網(wǎng)站模塊化設(shè)計能達(dá)到簡單干凈的網(wǎng)站，但其技巧對于新手來說卻并不是那么簡單的。下面給大家總結(jié)了在分組和組織想法方面三個比較常見的方法，可以在初學(xué)模塊化設(shè)計時有所幫助。
抓住界面各個部分的截圖，并收集在Keynote或Powerpoint中。你會得到一堆的素材，包括按鈕、文本字段、標(biāo)題、圖像、圖標(biāo)等，然后你可以將它們分類。此過程有助于避免出現(xiàn)界面前后不一的情況，也可以為模式庫奠定基礎(chǔ)。
模式庫是建立和維護(hù)模塊化系統(tǒng)的重要工具。簡單說，它是用戶界面設(shè)計模式的集合，每個模式或模塊有自己的文檔名稱和目的。
我們不需要細(xì)致到每一個像素的視覺稿。事實上，我們只需要粗略的草圖，然后使用模式庫中的名稱標(biāo)注草圖中的模塊。我們還可以將模塊打印出來，然后在紙卡上剪出來。
01. 界面庫（Interface inventory）
抓取屏幕截圖并將其分組
抓住界面各個部分的截圖，并收集在Keynote或Powerpoint中。你會得到一堆的素材，包括按鈕、文本字段、標(biāo)題、圖像、圖標(biāo)等，然后你可以將它們分類。此過程有助于避免出現(xiàn)界面前后不一的情況，也可以為模式庫奠定基礎(chǔ)。
02. 模式庫（Pattern library）
該工具是創(chuàng)建系統(tǒng)的最簡單的形式
模式庫是建立和維護(hù)模塊化系統(tǒng)的重要工具。簡單說，它是用戶界面設(shè)計模式的集合，每個模式或模塊有自己的文檔名稱和目的。
03. 簡單的工具（Pen, Paper, Scissors）
有時候簡單的工具才是最好的
我們不需要細(xì)致到每一個像素的視覺稿。事實上，我們只需要粗略的草圖，然后使用模式庫中的名稱標(biāo)注草圖中的模塊。我們還可以將模塊打印出來，然后在紙卡上剪出來。
400-6446-365 / 010-64928252
我想要個更針對我需求的方案
友情鏈接：
也許您需要專業(yè)的服務(wù)，歡迎來電咨詢
您的需求，是我們前進(jìn)最大的動力
關(guān)于我們
北京分形科技有限公司成立于2003年，是一家以AI為核心驅(qū)動力，提供網(wǎng)絡(luò)品牌策劃、AI互聯(lián)網(wǎng)服務(wù)、WEB3服務(wù)、AI人工智能解決方案的綜合服務(wù)商
我們一直秉承的經(jīng)營理念：責(zé)任、熱情、品質(zhì)、包容
主要業(yè)務(wù)范圍：AI互聯(lián)網(wǎng)服務(wù)（網(wǎng)站建設(shè),網(wǎng)站群,短視頻社交平臺,APP,小程序）AI人工智能行業(yè)解決方案（智慧博物館,智慧公園,智慧景區(qū),智慧社區(qū),智慧醫(yī)療,智慧校園,）IoT智能物聯(lián)產(chǎn)品（智能步道,AR太極,AI健身,AI導(dǎo)覽,AI單車,智慧樹）WEB3（區(qū)塊鏈,元宇宙,NFT數(shù)字藏品）
版權(quán)所有：北京分形科技有限公司
Copyright 2003-2023 www.zyzjw.com All Rights Reserved. 北京分形科技有限公司
京ICP備05007162號-1