亚洲香蕉成人av网站在线观看_欧美精品成人91久久久久久久_久久久久久久久久久亚洲_热久久视久久精品18亚洲精品_国产精自产拍久久久久久_亚洲色图国产精品_91精品国产网站_中文字幕欧美日韩精品_国产精品久久久久久亚洲调教_国产精品久久一区_性夜试看影院91社区_97在线观看视频国产_68精品久久久久久欧美_欧美精品在线观看_国产精品一区二区久久精品_欧美老女人bb

首頁 > 網站 > 策劃運營 > 正文

網站策劃 網站要點 內容、功能、表現

2024-08-27 11:56:14
字體:
來源:轉載
供稿:網友
網站的本質就是形式主義,內容、功能、表現這三個網站的要素,低保真原型解決了基礎內容層面的問題,而高保真線框圖規劃了網站的功能和表現;內容是網站最基本最重要的核心,因此高保真原型必須建立在低保真原型的基礎上,直接進行頁面的細節規劃是一種本末倒置的錯誤行為。
 
網站三要素:內容、功能、表現,它們與高保真原型的關系
 
 
區分“可交互”的部分
 
討論內容的形式主義,并非要簡單的區分哪些是圖片,哪些是文字,哪些是Flash動畫……而是要將那些用戶可交互的內容進行延展和變換;在這里談及的交互就是人與機器的互動,對于萬維網而言,最常見的就是鼠標響應和鍵盤響應。
 
 
使用顏色對不同的頁面元素類型進行標注是十分有效的方法,比如:
  
區分有鏈接的文本和無鏈接文本是非常重要的工作,在低保真原型中你可能完全可以不理會它們,然而對于高保真線框圖則必須區分哪些文本是可以點擊的,哪些純瀏覽文本;對于標題級的文本,應該使用較大字體,同時賦予一個淺色的背景進行標識;那些沒有鏈接的文字段落,可以使用首行縮進的多條灰色背景代表它們(真正的頁面中可以沒有縮進);如果時間充裕,更推薦以真實的文字去填充頁面中的段落部分。
  
對交互形式進行區分,可以看作對線框圖圖例的一種補充;這種增補可能根據不同網站的需要有所社區,甚至提供一些非常獨特的圖例,比如在規劃一個房地產SNS社區的過程中,甚至可以增加Icon圖例,這樣做的好處不僅僅是給其他設計實現人員以提示和方便,并且使得高保真原型具有“可讀性”,更趨近于最后的頁面結果。
  
無處不在的柵格系統
 
柵格系統已經在網頁設計中被普遍的采納,網絡中已經有諸多的介紹性文章,更可以參考960.gs的相關代碼進行具體的應用;不要以為柵格系統只對視覺設計師有幫助,在高保真線框圖的設計中同樣可以獲得非常大的幫助;類似Visio和Axure這樣的原型設計軟件都提供了強大的輔助線和網格對齊支持,能夠讓你輕松的實現線框圖中的柵格。
 
帶有柵格系統的高保真原型是最接近真實頁面的設計(甚至可以認為選擇合理的柵格系統是建立高保真線框圖的第一步驟), 具有以下三個優勢:
 
 
優勢一:通過柵格控制屏幕資源
 
內容形式主義的核心就是對屏幕資源進行規劃,建立柵格系統能夠對頁面的整體和局部尺寸進行有效的把握,提高原型的真實度和適應性。
 
 
例如,在以60像素為基準的柵格系統中,可以實現適應標準屏幕尺寸(800px×600px)的兼容,整個網站的頁面風格提供強大的伸縮。
  
優勢二:輕松實現整站圖片尺寸規劃
 
將那些具有內容意義的圖片(非裝飾圖)放手給沒有經驗的視覺設計師,往往會帶來災難性的后果,這也是很多看起來很美的設計與實際效果相差懸殊的主要原因;既然已經決定進行高保真原型設計,就肯定要對視覺設計層面的工作進行干預;內容圖片是伴隨內容經常更換的,本身更貼近交互設計的范疇,在某些時候,視覺設計應該合理讓路。
 
 
基于柵格系統的基準寬度,通常需要規劃2~3個常用的寬高比例,并且按照頁面的需要進行尺寸的規劃;這一系列的圖片尺寸應該在高保真線框圖開始之前,柵格系統確立之后,就準備妥當,用來做內容填充時使用。
 
 
包含兩個固定比例和一個可伸縮比例的整站圖片尺寸規劃_武林網
 
 
包含兩個固定比例和一個可伸縮比例的整站圖片尺寸規劃
 
 
優勢三:形成線框圖的塊級復用
 
網頁設計的靈活源自規劃中的塊級復用。通常可以把某幾個相關的內容元素形成一個 “內容塊”,在頁面的制作過程中,這些塊可能是一個div、ol、ul、dl級的標記語言;由于Web頁面是一種縱向的延展,因此在線框圖的高保真設計中主要是依據柵格系統對塊級內容的寬度進行規劃;在常用寬度確定之后,就可以輕松的實現“乾坤大挪移”,縮減設計工作量,提高團隊的設計執行效率(視覺設計師們也很歡迎這種規劃)。
 
圖還是文?
 
使用圖片還是文字作為內容形式,就應該引用一個時下流行的詞匯——糾結
 
 
曾經有人斷言萬維網進入了讀圖時代,在“眼球經濟”的影響下,網站渴望每個內容元素都得到用戶的充分關注,越來越多的Web界面使用圖片作為內容傳達形式,這也帶來了訪問速度緩慢和搜索引擎優化的難度;什么時候使用圖片,如何進行圖文搭配,是高保真線框圖的一個重要環節。
  
使用圖片的優劣勢分析
優勢:直觀,吸引關注
劣勢:增加文件量,需要特別的搜索優化,占用屏幕資源比較大
使用文字的優劣勢分析
優勢:占用屏幕資源少,導入速度快,可讀性強
劣勢:乏味,不易區分
 
合理的內容形式設計,根據不同的需要和屏幕資源,靈活的使用圖文搭配進行信息有效傳達。
 
 
靜態圖片(?。?內容示意,通常搭配文本出現
靜態圖片(大) 頁面主視覺、需要突出細節的視覺內容
動態圖片(多媒體) 廣告、特別需要注意的環節,不宜過多
鏈接文字 獨立成句的內容單元、關鍵詞
描述性文字 在點擊之前,必須向用戶進行解釋的大段文字
標題 重要關鍵字,重要主題
 
使用圖文搭配進行內容形式化,從某某意義上說決定了內容元素和分塊占用的屏幕資源,從一個側面反映了它們之間的強弱關系;在完善且合理的頁面邏輯架構基礎上,根據頁面元素之間的權重進行高保真線框圖設計,是一件非常輕松的事情。
  
在解決了元素級的內容形式化之后,按照柵格系統對塊級內容進行多樣化的整合,就能夠使頁面線框圖像搭積木那樣簡單了;相同的塊級元素在不同的頁面當中往往占有不同的權重,這就意味著占有屏幕資源的變化(影響這種變化的因素主要是寬度),因此在整合網站中需要給同一個塊級元素賦予不同的形式。
 
 
以最常見的“同主題鏈接列表”這個內容塊為例,解決在不同屏幕資源分配下的變形問題;所謂“同主題鏈接列表”可能是一系列的文章,也可能是圍繞某個主題的一系列關鍵字,總之是相互關聯的同級內容節點;這些兄弟節點從屬的某個主題,在頁面中以標題的形式體現。
 
上面的6種延展形式,僅僅是從一個內容塊出發進行的衍化;要形成高度的塊級復用,就必須對每一個內容區塊進行類似的延展;正如很多重復性勞動一樣,只要設計人員通過一個案例積累出常用的塊級內容形式,就不必為每一個項目都如此的操勞了。在高保真線框圖的設計層面,其實就是對這些形式進行合理的運用而已。
 
 
為了適應同一內容塊的不同形式,設計開發人員往往會在內容發布環節也進行了相應的改進,比如人工的或自動截取不同長度的標題和鏈接文字。

【免責聲明】本站內容轉載自互聯網,其相關言論僅代表作者個人觀點絕非權威,不代表本站立場。如您發現內容存在版權問題,請提交相關鏈接至郵箱:admin@vevb.com,我們將及時予以處理。

發表評論 共有條評論
用戶名: 密碼:
驗證碼: 匿名發表
亚洲香蕉成人av网站在线观看_欧美精品成人91久久久久久久_久久久久久久久久久亚洲_热久久视久久精品18亚洲精品_国产精自产拍久久久久久_亚洲色图国产精品_91精品国产网站_中文字幕欧美日韩精品_国产精品久久久久久亚洲调教_国产精品久久一区_性夜试看影院91社区_97在线观看视频国产_68精品久久久久久欧美_欧美精品在线观看_国产精品一区二区久久精品_欧美老女人bb
欧美日韩亚洲国产一区| 亚洲国产欧美一区二区三区同亚洲| 国内精品模特av私拍在线观看| 98精品在线视频| 亚洲成av人片在线观看香蕉| 国产亚洲成精品久久| 日韩网站免费观看高清| 日日摸夜夜添一区| 欧美激情国内偷拍| 亚洲高清不卡av| 久久久久亚洲精品成人网小说| 欧美xxxx18性欧美| 国产97色在线| 国产成人免费av电影| 日韩av有码在线| 欧美日韩国产二区| 中文字幕亚洲一区二区三区| 久久亚洲春色中文字幕| 国产视频在线一区二区| 久久久精品久久久久| 欧美一区第一页| 91国自产精品中文字幕亚洲| 日韩在线不卡视频| 成人性生交大片免费观看嘿嘿视频| 亚洲自拍偷拍在线| 97视频在线观看视频免费视频| 91国产高清在线| 国产精品h片在线播放| 欧美三级欧美成人高清www| 欧美俄罗斯性视频| 成人黄色av网| 欧美精品手机在线| 91黑丝在线观看| 国产成人一区二| 精品久久久久久国产91| 美女福利精品视频| 亚洲激情在线观看| 亚洲欧美在线一区| 91欧美激情另类亚洲| 日韩在线视频免费观看| xxxx欧美18另类的高清| 欧美日韩午夜视频在线观看| 国产精品露脸av在线| 欧美极品少妇xxxxⅹ免费视频| 最新中文字幕亚洲| 在线观看欧美日韩国产| 中文字幕在线国产精品| 92裸体在线视频网站| 亚洲级视频在线观看免费1级| 欧亚精品中文字幕| 国产精品揄拍一区二区| 九九热在线精品视频| 国产ts人妖一区二区三区| 97碰碰碰免费色视频| 色视频www在线播放国产成人| 亚洲一区二区三区成人在线视频精品| 一区二区亚洲欧洲国产日韩| 日韩中文字幕在线| 亚洲热线99精品视频| 成人精品视频久久久久| 欧美性猛交xxxx乱大交3| 欧美激情网站在线观看| 精品偷拍一区二区三区在线看| 亚洲最新av在线| 欧美重口另类videos人妖| 国产成人精彩在线视频九色| 91免费国产视频| 亚洲欧洲日产国码av系列天堂| 日韩免费精品视频| 在线日韩第一页| 亚洲人a成www在线影院| 69视频在线播放| 亚洲成年网站在线观看| 亚洲精品ady| 亚洲va码欧洲m码| 久久免费国产精品1| 久久久欧美一区二区| 久久韩剧网电视剧| 久久国产精品99国产精| 成人黄色在线免费| 亚洲人午夜色婷婷| 欧美在线播放视频| 国产精品一区二区性色av| 久久成人这里只有精品| 久久这里只有精品视频首页| 亚洲一区二区三区四区在线播放| 久久久欧美一区二区| 日韩美女福利视频| 91久久精品国产91性色| 久久99精品久久久久久噜噜| 性色av一区二区三区在线观看| 91tv亚洲精品香蕉国产一区7ujn| 2018国产精品视频| 欧洲午夜精品久久久| 欧美日韩国产在线看| 日韩亚洲欧美中文在线| 国产精品91免费在线| 欧美成人免费大片| 国产伦精品一区二区三区精品视频| www.日韩视频| 亚洲第一黄色网| 成人精品福利视频| 精品一区电影国产| 伊人久久久久久久久久久久久| 欧美中文在线视频| 国产噜噜噜噜久久久久久久久| 精品视频9999| 国产狼人综合免费视频| 欧美日韩第一页| www.xxxx欧美| 成人性生交xxxxx网站| 久久影视电视剧免费网站| 亚洲精品视频中文字幕| 精品国产依人香蕉在线精品| 丁香五六月婷婷久久激情| 欧美一级电影在线| 久久免费福利视频| 国产精品va在线播放| 51久久精品夜色国产麻豆| 在线成人激情黄色| 91精品国产高清自在线看超| 久久精品视频免费播放| 国产成人精品优优av| 久久久久久久久久久亚洲| 久久精品久久久久| 日韩一级黄色av| 欧美亚洲另类视频| 中文字幕亚洲色图| 久久久爽爽爽美女图片| wwwwwwww亚洲| 欧美做爰性生交视频| 欧美日韩国产精品专区| 色小说视频一区| 国产成人一区三区| 日韩在线视频国产| 国产综合香蕉五月婷在线| 亚洲成av人片在线观看香蕉| 亚洲欧美一区二区三区四区| 欧美成人四级hd版| 欧美理论电影网| 亚洲偷欧美偷国内偷| 92裸体在线视频网站| 日韩av在线电影网| 久久黄色av网站| 国产成人精品免高潮在线观看| 美女999久久久精品视频| 日本国产欧美一区二区三区| 欧洲亚洲免费视频| 国产精品扒开腿做爽爽爽的视频| 欧美日韩精品在线播放| 国产精品男女猛烈高潮激情| 成人福利在线观看| 亚洲第一精品夜夜躁人人爽| 欧美性猛交xxxx黑人猛交| 欧美巨大黑人极品精男| 成人福利在线视频| 久久久久女教师免费一区| 日韩在线观看你懂的| 欧美午夜无遮挡| 日韩av在线网址| 午夜免费在线观看精品视频| 亚洲跨种族黑人xxx| 俺也去精品视频在线观看| 亚洲国产天堂网精品网站|