區(qū)塊 | 元素 | List01
產(chǎn)品列表頁 |
List02
資訊列表頁 |
Page01
資訊最終頁 |
Index
首頁 |
Colum02
欄目頁 |
---|---|---|---|---|---|---|
頁面識(shí)別 |
LogoSlogan |
have |
have |
have |
have |
have |
導(dǎo)航系統(tǒng) |
導(dǎo)航 |
have |
have |
have |
have |
have |
面包屑 |
have |
have |
have |
have |
||
快速入口 |
have |
|||||
交互工具 |
搜索 |
have |
have |
have |
have |
have |
登錄注冊(cè) |
have |
have |
have |
have |
have |
|
對(duì)比功能 |
have |
have |
||||
產(chǎn)品推薦 |
have |
have |
have |
|||
收藏 |
have |
|||||
關(guān)聯(lián)內(nèi)容 |
have |
|||||
訪問歷史 |
have |
have |
have |
在上面表格中不難發(fā)現(xiàn):某些元素以一貫之的在頁面中存在;某些元素只在特定的頁面中存在;某些元素與頁面的主題關(guān)聯(lián),時(shí)隱時(shí)現(xiàn)。表格中的頁面采樣越多,這種分析就越有效,根據(jù)每個(gè)人的經(jīng)驗(yàn),有些頁面在意識(shí)中就是相似的,它們只需要“派個(gè)代表”參加對(duì)比就可以了。
確定模板數(shù)量的過程是這樣的:
模板的數(shù)量應(yīng)該盡量縮減,通常的網(wǎng)站設(shè)計(jì),線框圖模板一般需要3~5個(gè)就可以了;如果模板數(shù)很多,那只能證明你正在參與一個(gè)超級(jí)復(fù)雜的項(xiàng)目。
將以一貫之存在的那些元素集合在一起,就可以生成項(xiàng)目的最簡(jiǎn)模板,最簡(jiǎn)模板是所有模板的根源,即“模板的模板”。內(nèi)容分塊中的頁面識(shí)別(Page_ID)類元素,基本都是最簡(jiǎn)模板中的組成部分,導(dǎo)航也經(jīng)常是通用的元素。
最簡(jiǎn)模板很少能進(jìn)行具體的應(yīng)用,但是幾乎所有的模板都是從最簡(jiǎn)模板衍化而來的;因此在設(shè)計(jì)最簡(jiǎn)模板布局和填充元素的過程中,要特別注意對(duì)未來的延展性,要給其他模板預(yù)留足夠的屏幕空間。縱欄分隔和內(nèi)容分區(qū)需要明顯的體現(xiàn)。
在《復(fù)用表》實(shí)例中,在所有頁面都出現(xiàn)的“公共元素”包括LogoSlogan、頁面主視覺、導(dǎo)航、搜索、登錄注冊(cè)、底欄,于是可以得到如下的最簡(jiǎn)模板設(shè)計(jì)。
從《復(fù)用表》推演出的最簡(jiǎn)模板實(shí)例[圖片點(diǎn)擊可看全圖]
模板的表象是代表了一系列訪問風(fēng)格外觀相似的網(wǎng)頁,而模板的本質(zhì)是代表了信息架構(gòu)相似的頁面邏輯。表現(xiàn)是本質(zhì)的映射,因此在模板設(shè)計(jì)當(dāng)中,雖然有同樣的元素,但是要依據(jù)模板的特性進(jìn)行有區(qū)別的設(shè)計(jì)。
模板中相同元素的區(qū)別設(shè)計(jì),是一種界面親和力的體現(xiàn);即便相同的元素在不同的模板里也會(huì)擁有不同的權(quán)重和作用;雖然它們可能都被“放置在那里”,但是擁有迥異的外觀;為了解釋這個(gè)問題,來簡(jiǎn)單研討一下“Logo”和“登錄注冊(cè)”在不同模板中的表現(xiàn)。
品牌標(biāo)識(shí)在不同的頁面往往具有不同的權(quán)重。一般的說,在首頁中品牌標(biāo)識(shí)具有比較大的視覺意義;而在一些內(nèi)容頁面中,品牌標(biāo)志僅僅作為一種站內(nèi)的識(shí)別;因此在不同的模板中,Logo可能采用不同的形式進(jìn)行體現(xiàn)。
突出品牌圖形的Logo通常放置在首頁或重要的分流頁面
簡(jiǎn)化的Logo通常在內(nèi)容閱讀頁面提醒用戶識(shí)別目前的網(wǎng)站
一旦用戶進(jìn)行了注冊(cè),并且了解登錄之后的內(nèi)容優(yōu)勢(shì),那么他們往往會(huì)選擇自動(dòng)記住登錄狀態(tài)或者主動(dòng)去尋找它們;為首次進(jìn)入的用戶提供明顯的登錄注冊(cè)提示非常重要;而對(duì)于經(jīng)常訪問的用戶,只需要給登錄一個(gè)“方便的”位置就可以了;盡量把頁面中最重要的位置留給最重要的內(nèi)容,而不是登錄注冊(cè)這樣的常用功能。
標(biāo)準(zhǔn)的登錄框非常搶眼,通常放置在分流頁面
簡(jiǎn)單高效的登錄條占用屏幕資源較少,一般設(shè)置的內(nèi)頁的固定位置
如果生成最簡(jiǎn)模板的過程是對(duì)頁面架構(gòu)中的重復(fù)項(xiàng)目進(jìn)行減法操作;那么逐個(gè)設(shè)計(jì)模板的過程就是在最簡(jiǎn)模板基礎(chǔ)上進(jìn)行加法操作。
加法的過程,就是依據(jù)《復(fù)用表》中的分析結(jié)果,將模板元素中的元素進(jìn)行填充的設(shè)計(jì);推薦由最簡(jiǎn)模板向那些復(fù)雜的模板逐漸的過渡;設(shè)計(jì)過程中,要給下一個(gè)模板留下設(shè)計(jì)的余地和彈性;加法保持了模板的一致性,給用戶帶來了訪問便捷。
從最簡(jiǎn)模板到復(fù)雜模板逐步加法的過程模擬
加法中,元素的排列順序不是固定的,新加入的元素可能排列在已有元素之前;因?yàn)檫@些新加入也許是“只在特定的頁面中存在”的元素;例如在List01產(chǎn)品列表頁應(yīng)用的模板中加入“產(chǎn)品對(duì)比”這個(gè)功能元素時(shí),就需要將其放在頁面重要的位置,而其他的元素可能需要相對(duì)后置。
使用《復(fù)用表》對(duì)比查看公共元素的情況,將它們分為三個(gè)類型:常駐、特定、偶然;根據(jù)典型頁面采樣的重復(fù)程度不斷的進(jìn)行模板歸并,最終確定模板的數(shù)量;從最簡(jiǎn)模板開始,使用加法原則完善整個(gè)模板系統(tǒng);形成的整合項(xiàng)目的表現(xiàn)同一和訪問一致。
在建立模板系統(tǒng)之后,按照《項(xiàng)目的頁面列表》進(jìn)行模板之外的具體頁面設(shè)計(jì),就能夠輕松的完成一套低保真線框圖。低保真模型已經(jīng)可以對(duì)項(xiàng)目最終形態(tài)進(jìn)行表達(dá)了,對(duì)低保真模型進(jìn)行不斷的修改確認(rèn)之后,可以逐漸的生成高保真線框圖;雖然高保真原型不是必須的,但是卻是非常有效的。
標(biāo)簽:黔南 郴州 焦作 遂寧 上海 鶴崗 汕尾 喀什
巨人網(wǎng)絡(luò)通訊聲明:本文標(biāo)題《頁面線框圖教程 模板的活字印刷術(shù)》,本文關(guān)鍵詞 頁面,線,框圖,教程,模板,;如發(fā)現(xiàn)本文內(nèi)容存在版權(quán)問題,煩請(qǐng)?zhí)峁┫嚓P(guān)信息告之我們,我們將及時(shí)溝通與處理。本站內(nèi)容系統(tǒng)采集于網(wǎng)絡(luò),涉及言論、版權(quán)與本站無關(guān)。