婷婷综合国产,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
    美女视频一区在线观看| 精品理论电影在线| 99久久精品国产麻豆演员表| 久久99最新地址| 看国产成人h片视频| 久久99精品国产| 精品一区二区成人精品| 精品一区二区成人精品| 国产在线不卡一区| 成人性视频网站| 色菇凉天天综合网| 欧美日韩在线三区| 欧美巨大另类极品videosbest | 欧美体内she精视频| 制服丝袜中文字幕一区| 欧美一区二区三区不卡| 日韩欧美中文字幕精品| 欧美成人精品二区三区99精品| 久久色在线视频| 中国色在线观看另类| 亚洲激情网站免费观看| 蜜臀av性久久久久蜜臀aⅴ流畅| 国产精品1区二区.| 色88888久久久久久影院按摩| 欧美日韩精品一区二区天天拍小说| 欧美日产在线观看| 国产无一区二区| 亚洲综合av网| 久久99精品国产麻豆不卡| 91视频在线观看| 日韩视频免费观看高清完整版在线观看 | 日韩一区二区电影在线| 国产精品久久久久影院亚瑟| 午夜一区二区三区视频| 国产传媒欧美日韩成人| 欧美性大战久久久| 久久九九久久九九| 亚洲自拍偷拍麻豆| 国产成人无遮挡在线视频| 色94色欧美sute亚洲线路一久 | 欧美日韩色综合| 中文字幕一区av| 国模少妇一区二区三区| 精品视频免费在线| 最新热久久免费视频| 久久99精品久久久久久动态图| 在线亚洲高清视频| 亚洲视频免费看| 国产寡妇亲子伦一区二区| 欧美精品丝袜中出| 亚洲444eee在线观看| 91污在线观看| 国产精品欧美一区二区三区| 免费成人在线播放| 91.com视频| 一区二区不卡在线视频 午夜欧美不卡在| 九九热在线视频观看这里只有精品| 欧美亚洲高清一区| 夜夜操天天操亚洲| 91美女片黄在线观看91美女| 日本一区二区免费在线观看视频 | 日本久久精品电影| 亚洲日本在线视频观看| 国产精品91xxx| 2020日本不卡一区二区视频| 免费高清在线一区| 精品三级在线看| 美日韩黄色大片| 欧美xxxxxxxx| 精品亚洲porn| 久久久久国产精品麻豆| 久久99精品久久久| 国产日韩av一区| av亚洲精华国产精华| 国产精品欧美极品| 色偷偷成人一区二区三区91| 亚洲人被黑人高潮完整版| 国产成人亚洲综合a∨婷婷| 久久久久久久久蜜桃| 国产suv精品一区二区6| 欧美国产一区在线| 99re这里只有精品首页| 亚洲午夜激情网站| 欧美精品久久99| 免费观看在线综合色| 精品国产乱码久久久久久浪潮| 国产一区二区三区在线观看免费 | 综合精品久久久| 欧美性高清videossexo| 欧美aaa在线| 国产亚洲女人久久久久毛片| 成人动漫一区二区在线| 亚洲高清一区二区三区| 精品国产露脸精彩对白| 91美女在线视频| 久久国产综合精品| 亚洲特黄一级片| 日韩视频一区二区三区| 99在线精品免费| 伦理电影国产精品| 1区2区3区国产精品| 91精品国产91综合久久蜜臀| 国产高清在线精品| 国产肉丝袜一区二区| 91在线看国产| 奇米色一区二区| 国产精品二三区| 欧美福利电影网| 成人av片在线观看| 欧美aⅴ一区二区三区视频| 日本一区二区三区dvd视频在线| 色婷婷av一区二区三区大白胸| 蜜臀av一区二区在线免费观看 | 18欧美亚洲精品| 精品日韩在线观看| 色婷婷香蕉在线一区二区| 韩国三级中文字幕hd久久精品| 亚洲色图清纯唯美| 中文字幕欧美日韩一区| 日韩欧美久久一区| 欧美天堂亚洲电影院在线播放| 国产+成+人+亚洲欧洲自线| 日本成人在线视频网站| 亚洲一区二区3| 亚洲天堂av一区| 中日韩免费视频中文字幕| 精品国产一区二区精华| 欧美日韩一区不卡| 91成人在线精品| 99这里只有久久精品视频| 国产成人一区在线| 国产在线播精品第三| 免费的成人av| 免费一级欧美片在线观看| 亚洲午夜久久久久久久久电影院| 亚洲三级小视频| 亚洲精品国产第一综合99久久| 中文成人综合网| 国产精品伦一区| 国产精品国产三级国产普通话99| 国产亚洲人成网站| 欧美激情一二三区| 国产精品久久久久久久蜜臀| 国产欧美日韩另类视频免费观看| 久久综合九色综合97婷婷女人 | 东方aⅴ免费观看久久av| 加勒比av一区二区| 久久99精品国产.久久久久久| 美女脱光内衣内裤视频久久网站| 丝袜美腿一区二区三区| 日韩国产精品91| 美女久久久精品| 韩国一区二区视频| 国产成人精品免费在线| 懂色av中文一区二区三区| 成人午夜电影网站| 99精品国产热久久91蜜凸| 一本到三区不卡视频| 欧美性猛交xxxxxxxx| 欧美欧美午夜aⅴ在线观看| 欧美日韩你懂的| 精品久久久久久久久久久久久久久| 日韩欧美专区在线| 中文无字幕一区二区三区| 亚洲欧美偷拍三级| 婷婷综合久久一区二区三区| 奇米色一区二区| jlzzjlzz国产精品久久| 欧美特级限制片免费在线观看| 日韩精品一区二区三区视频在线观看| 精品福利视频一区二区三区| 亚洲欧洲韩国日本视频| 一区二区在线观看免费| 日韩电影在线一区二区三区| 国产精品一区在线观看你懂的| 不卡一卡二卡三乱码免费网站| 欧美性受极品xxxx喷水| 精品乱码亚洲一区二区不卡| 最新中文字幕一区二区三区| 奇米一区二区三区| 91网站在线播放| 日韩欧美中文字幕公布| 中文字幕一区二区在线播放| 日韩精品电影在线观看| 成人永久免费视频| 欧美一级高清片在线观看| 综合久久久久久久| 国内精品视频一区二区三区八戒 | 国产成人免费视| 欧美日韩中文精品| 国产精品你懂的在线| 日日噜噜夜夜狠狠视频欧美人 | 91精品午夜视频| ㊣最新国产の精品bt伙计久久| 精油按摩中文字幕久久| 欧美一a一片一级一片| 国产片一区二区三区| 另类小说一区二区三区| 欧美午夜视频网站| 亚洲欧美国产高清|