婷婷综合国产,91蜜桃婷婷狠狠久久综合9色 ,九九九九九精品,国产综合av

主頁 > 知識庫 > 頁面線框圖教程 模板的活字印刷術

頁面線框圖教程 模板的活字印刷術

熱門標簽:電銷機器人十大品牌 光明大陸 南昌移動外呼系統業務 紹興嵊州公司怎樣申請400電話 萬禾照相館地圖標注 地圖標注的時間怎么調 給商家做地圖標注怎么賺錢 蘭州小型外呼系統代理商 宿遷外呼系統軟件
模板是貫穿整個項目的信息紐帶,同時決定了最終效果的訪問風格;理解模板的概念并不難,甚至很多原型設計工具都提供了單獨的模板功能(比如Axure);模板系統如何建立、如何靈活應用,將是本章的話題。

逐張的設計線框圖,可以理解為是雕版印刷術;使用模板系統進行原型設計,就是活字印刷術。模板的精髓是復用元素,而模板之間的區別描繪了內容和功能的各個層面。

如果讀者已經閱讀過《畫地為牢的框架設計》,特別是對《項目的內容列表》和內容分塊有初步的認知,那么就能夠更清晰的理解下文中的思路和方法。

確定模板數量

4個主要的內容區塊中,通常意義上說:除去內容(Content)的其他三個內容區塊就是模板,即那些頁面中有規律變化的部分。

根據《項目的頁面列表》,采擷那些重要的頁面,對它們的元素進行分類,將頁面識別(Page_ID)、導航系統(Navi)、交互工具(Tools)的使用情況記錄下來,形成一個《頁面元素復用表》(以下簡稱《復用表》),具體形式舉例如下。

頁面元素復用表
區塊 元素 List01

產品列表頁

List02

資訊列表頁

Page01

資訊最終頁

Index

首頁

Colum02

欄目頁

頁面識別

LogoSlogan

have

have

have

have

have

導航系統

導航

have

have

have

have

have

面包屑

have

have

have

 

have

快速入口

     

have

 
交互工具

搜索

have

have

have

have

have

登錄注冊

have

have

have

have

have

對比功能

have

   

have

 

產品推薦

have

   

have

have

收藏

have

       

關聯內容

   

have

   

訪問歷史

have

have

have

   

在上面表格中不難發現:某些元素以一貫之的在頁面中存在;某些元素只在特定的頁面中存在;某些元素與頁面的主題關聯,時隱時現。表格中的頁面采樣越多,這種分析就越有效,根據每個人的經驗,有些頁面在意識中就是相似的,它們只需要“派個代表”參加對比就可以了。

確定模板數量的過程是這樣的:

步驟#1#
將《復用表》中排列相似的頁面歸并為使用一個模板,為這個模板命名。例如List02與Page01可以使用同一個模板T1
步驟#2#
標記已有模板的頁面,排除它們,在剩下的頁面中重復步驟#1#直到很難找到相似的頁面
步驟#3#
對于那些特殊的頁面或者沒有與其相似的頁面,不需要使用模板系統,通常稱為“獨立頁面”,例如Index首頁
步驟#4#
將每個模板也添加到《復用表》,列出每個模板的元素,按照步驟#1#將相似的模板進行合并

模板的數量應該盡量縮減,通常的網站設計,線框圖模板一般需要3~5個就可以了;如果模板數很多,那只能證明你正在參與一個超級復雜的項目。

最簡模板

將以一貫之存在的那些元素集合在一起,就可以生成項目的最簡模板,最簡模板是所有模板的根源,即“模板的模板”。內容分塊中的頁面識別(Page_ID)類元素,基本都是最簡模板中的組成部分,導航也經常是通用的元素。

最簡模板很少能進行具體的應用,但是幾乎所有的模板都是從最簡模板衍化而來的;因此在設計最簡模板布局和填充元素的過程中,要特別注意對未來的延展性,要給其他模板預留足夠的屏幕空間。縱欄分隔內容分區需要明顯的體現。

在《復用表》實例中,在所有頁面都出現的“公共元素”包括LogoSlogan、頁面主視覺、導航、搜索、登錄注冊、底欄,于是可以得到如下的最簡模板設計。


從《復用表》推演出的最簡模板實例[圖片點擊可看全圖]

模板之間不是簡單的外觀區別

模板的表象是代表了一系列訪問風格外觀相似的網頁,而模板的本質是代表了信息架構相似的頁面邏輯。表現是本質的映射,因此在模板設計當中,雖然有同樣的元素,但是要依據模板的特性進行有區別的設計

模板中相同元素的區別設計,是一種界面親和力的體現;即便相同的元素在不同的模板里也會擁有不同的權重和作用;雖然它們可能都被“放置在那里”,但是擁有迥異的外觀;為了解釋這個問題,來簡單研討一下“Logo”和“登錄注冊”在不同模板中的表現。

Logo

品牌標識在不同的頁面往往具有不同的權重。一般的說,在首頁中品牌標識具有比較大的視覺意義;而在一些內容頁面中,品牌標志僅僅作為一種站內的識別;因此在不同的模板中,Logo可能采用不同的形式進行體現。


突出品牌圖形的Logo通常放置在首頁或重要的分流頁面


簡化的Logo通常在內容閱讀頁面提醒用戶識別目前的網站

登錄注冊

一旦用戶進行了注冊,并且了解登錄之后的內容優勢,那么他們往往會選擇自動記住登錄狀態或者主動去尋找它們;為首次進入的用戶提供明顯的登錄注冊提示非常重要;而對于經常訪問的用戶,只需要給登錄一個“方便的”位置就可以了;盡量把頁面中最重要的位置留給最重要的內容,而不是登錄注冊這樣的常用功能。


標準的登錄框非常搶眼,通常放置在分流頁面


簡單高效的登錄條占用屏幕資源較少,一般設置的內頁的固定位置

逐個設計模板

如果生成最簡模板的過程是對頁面架構中的重復項目進行減法操作;那么逐個設計模板的過程就是在最簡模板基礎上進行加法操作。

加法的過程,就是依據《復用表》中的分析結果,將模板元素中的元素進行填充的設計;推薦由最簡模板向那些復雜的模板逐漸的過渡;設計過程中,要給下一個模板留下設計的余地和彈性;加法保持了模板的一致性,給用戶帶來了訪問便捷。


從最簡模板到復雜模板逐步加法的過程模擬

加法中,元素的排列順序不是固定的,新加入的元素可能排列在已有元素之前;因為這些新加入也許是“只在特定的頁面中存在”的元素;例如在List01產品列表頁應用的模板中加入“產品對比”這個功能元素時,就需要將其放在頁面重要的位置,而其他的元素可能需要相對后置。

本章小結

使用《復用表》對比查看公共元素的情況,將它們分為三個類型:常駐特定偶然;根據典型頁面采樣的重復程度不斷的進行模板歸并,最終確定模板的數量;從最簡模板開始,使用加法原則完善整個模板系統;形成的整合項目的表現同一訪問一致

在建立模板系統之后,按照《項目的頁面列表》進行模板之外的具體頁面設計,就能夠輕松的完成一套低保真線框圖。低保真模型已經可以對項目最終形態進行表達了,對低保真模型進行不斷的修改確認之后,可以逐漸的生成高保真線框圖;雖然高保真原型不是必須的,但是卻是非常有效的。

標簽:黔南 郴州 焦作 遂寧 上海 鶴崗 汕尾 喀什

巨人網絡通訊聲明:本文標題《頁面線框圖教程 模板的活字印刷術》,本文關鍵詞  頁面,線,框圖,教程,模板,;如發現本文內容存在版權問題,煩請提供相關信息告之我們,我們將及時溝通與處理。本站內容系統采集于網絡,涉及言論、版權與本站無關。
  • 相關文章
  • 下面列出與本文章《頁面線框圖教程 模板的活字印刷術》相關的同類信息!
  • 本頁收集關于頁面線框圖教程 模板的活字印刷術的相關信息資訊供網民參考!
  • 推薦文章
    婷婷综合国产,91蜜桃婷婷狠狠久久综合9色 ,九九九九九精品,国产综合av
    国产精品日产欧美久久久久| 91一区一区三区| 亚洲国产成人porn| 久久国内精品视频| 精品国产伦一区二区三区观看方式| 国产自产视频一区二区三区| 成人免费在线观看入口| bt欧美亚洲午夜电影天堂| 午夜免费久久看| 精品欧美乱码久久久久久| 国产一区视频网站| 日韩高清欧美激情| 欧美一区二区三区四区五区| 国产盗摄一区二区三区| 丝袜美腿高跟呻吟高潮一区| 欧美国产日韩a欧美在线观看| 在线视频国内一区二区| av男人天堂一区| 老司机免费视频一区二区 | 成人免费看片app下载| 亚洲精品中文字幕在线观看| 欧美精品一区二区精品网| 精品久久久久久亚洲综合网| 欧美欧美欧美欧美| 91视频www| 色国产精品一区在线观看| 国产精一区二区三区| 美女高潮久久久| 奇米一区二区三区| 亚洲在线中文字幕| 亚洲综合网站在线观看| 日韩免费一区二区三区在线播放| 欧美一区二区在线视频| 91久久线看在观草草青青| 不卡视频一二三| 91小视频在线观看| 99精品黄色片免费大全| 精品视频免费在线| 免费成人你懂的| 日本不卡免费在线视频| 亚洲欧洲av另类| 欧美本精品男人aⅴ天堂| 麻豆国产91在线播放| 视频一区在线播放| 国产精品久久久久一区二区三区 | 成人精品国产一区二区4080| 大陆成人av片| 国产精品18久久久久久久久| 免费观看在线综合色| 国产专区欧美精品| 丁香一区二区三区| 国产成人亚洲综合a∨婷婷| 国产91精品一区二区麻豆亚洲| 国产成人免费视| 麻豆成人av在线| aa级大片欧美| 在线视频国产一区| 欧美精品一区二区三区蜜桃视频 | 欧美视频一区二区三区四区| 欧美日韩三级一区二区| 欧美蜜桃一区二区三区| 在线免费观看日本欧美| 欧美日韩久久久| 91丨九色丨黑人外教| 欧亚一区二区三区| 91精品欧美综合在线观看最新| xfplay精品久久| 亚洲欧洲在线观看av| 亚洲一区二区精品3399| 亚洲一本大道在线| 中文字幕亚洲精品在线观看| 99re这里只有精品6| 国产精品视频第一区| 亚洲一区二区欧美日韩| 成人理论电影网| 精品国产百合女同互慰| 91麻豆国产福利在线观看| 午夜久久久影院| 欧美日韩视频在线第一区 | 成人毛片视频在线观看| 久久99国产乱子伦精品免费| 欧美怡红院视频| 久久精品男人天堂av| 日本一区二区三区四区在线视频| 欧美色综合网站| 日韩毛片视频在线看| 99re热视频这里只精品| 午夜精品成人在线| 91国产福利在线| 国产午夜精品一区二区三区四区| www国产成人| 一区二区在线免费| 成人免费黄色在线| 国产亚洲精品久| 蜜芽一区二区三区| 91浏览器在线视频| 日韩精品成人一区二区三区| 91麻豆国产在线观看| 亚洲免费观看在线观看| 日韩女优电影在线观看| 免费精品视频在线| 欧美一区二区三区色| 成人av动漫在线| 国产成人午夜电影网| 亚洲一区二区三区视频在线播放| 欧美色涩在线第一页| 精品日韩在线观看| 亚洲一区二区三区四区的| 91麻豆蜜桃一区二区三区| 精品国产露脸精彩对白| 国产一区二区三区在线观看免费 | jiyouzz国产精品久久| 91精品一区二区三区久久久久久 | 国产精品白丝av| 日韩精品一区二区三区蜜臀| 调教+趴+乳夹+国产+精品| 99国产精品久久久久久久久久| 1区2区3区国产精品| 国产成人丝袜美腿| 日韩欧美亚洲一区二区| 91免费小视频| 欧美经典一区二区三区| 国产中文字幕精品| 国产网站一区二区三区| 国产精品88888| 国产婷婷色一区二区三区在线| 成人av电影在线观看| 国产欧美日韩在线看| 国产99久久久国产精品| 亚洲影院在线观看| 欧美三电影在线| 亚洲国产一区二区视频| 精品国产髙清在线看国产毛片 | 伊人开心综合网| 欧美精品在欧美一区二区少妇| 亚洲国产aⅴ成人精品无吗| 欧美日韩一级二级| 国产精华液一区二区三区| 久久蜜桃av一区精品变态类天堂| 国产精品主播直播| 午夜影院久久久| 日韩午夜激情免费电影| 日本网站在线观看一区二区三区| 久久九九99视频| 91首页免费视频| 亚洲一区二区精品视频| 日韩精品一区二区三区视频| 九九久久精品视频| 亚洲欧洲日韩在线| 欧美理论在线播放| 国产精品夜夜嗨| 日本美女一区二区三区| 国产女同互慰高潮91漫画| 美女网站在线免费欧美精品| 亚洲精品国产第一综合99久久| 69av一区二区三区| 色激情天天射综合网| 精品在线你懂的| 亚洲男人的天堂网| 国产精品久久久久7777按摩 | av成人老司机| 天天爽夜夜爽夜夜爽精品视频| 欧美大片日本大片免费观看| 不卡av电影在线播放| 丝瓜av网站精品一区二区| 亚洲天堂精品视频| 国内精品久久久久影院薰衣草 | 久久久久久久综合狠狠综合| 国产激情视频一区二区三区欧美| 一级日本不卡的影视| 99精品桃花视频在线观看| 蜜桃在线一区二区三区| ...av二区三区久久精品| 制服.丝袜.亚洲.另类.中文| 欧美日韩不卡视频| 99久久国产免费看| 国精产品一区一区三区mba视频| 亚洲视频一区二区在线观看| 日韩视频一区在线观看| 亚洲综合丝袜美腿| 国产精品久久久久影院色老大| 欧美一区二区三区啪啪| 99在线精品观看| 国产一区二区不卡在线| 日韩黄色一级片| 久草中文综合在线| **欧美大码日韩| 日韩美女一区二区三区四区| 欧美电影免费观看高清完整版在线 | 免费高清视频精品| 国产精品免费aⅴ片在线观看| 国产日韩欧美亚洲| 日韩欧美一区二区在线视频| 日韩欧美精品在线| 欧美日韩一级二级| 欧美大肚乱孕交hd孕妇| 色综合天天综合网国产成人综合天 | 日韩精品一区二区三区三区免费| 看国产成人h片视频| 日韩高清在线观看|