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