国产探花免费观看_亚洲丰满少妇自慰呻吟_97日韩有码在线_资源在线日韩欧美_一区二区精品毛片,辰东完美世界有声小说,欢乐颂第一季,yy玄幻小说排行榜完本

首頁 > 網站 > WEB開發 > 正文

Web的內容(Content)、結構(Structure)與表現(Presentation)漫談

2024-04-27 13:53:21
字體:
來源:轉載
供稿:網友
  談 Web 的內容(Content)、結構(Structure)與表現(Presentation),現在可能有些晚了,只是正好想起,理理思路,共勉。

  內容是結構的基礎,而非相反。內容在一定程度上體現出一定的結構,但并不是全部。原始內容就相當于數碼相片的 RAW 格式,未經處理,但是即使未經處理的內容,也包含著一定的結構,比如我們通過閱讀一段文字,可能包含著標題、正文、段落(這些屬性是通過閱讀而發現的,而不是從表現上)等,這就是結構。為了區分,內容體現出來的結構,我把它稱之為內結構(內容結構)。

  以上僅針對一段文字而言。互聯網的基礎是網頁和超鏈接,超鏈接形成了頁面流。這頁面流也是結構的一部分,是交互設計的重點:對請求(Request)和響應(Respond)的處理。這邊談到的結構是不可能由內容體現出來的,為了方便我稱之為外結構(交互結構)。

  由內結構和外結構一起形成了 Web 站點的結構。這個結構是所有表現的基礎。沒有這個結構就不會有表現。結構并不是 wireframe,wireframe 是結構的一種可視化表現,是開發流程中的溝通工具。從內容到結構到表現,也是大部分網站設計的流程。

  很多文章都忽略了內容的重要性。內容是網頁的基礎,本文所有涉及內容的,僅指文字、圖像(不包括裝飾性的圖片)、音頻、視頻,不從邏輯學上去解釋這個定義,不然太麻煩了。那么交互過程中的提示反饋算什么?不能把它單獨歸于內容或者結構,應該是兩者的結合。

  通常大家在談及結構與表現的時候,還會提到行為(Behavior),按照我的理解,行為應屬于外結構,也就是交互結構。為什么要把行為單獨提出來和結構、表現相提并論呢?我想可能是因為技術實現上的不同,因為 Web 標準的流行,談的最多的是結構、表現與行為,三者分別由 (X)HTML、CSS 和 JavaScript 實現。在 HTML 中,結構就是各種 HTML 標簽和它的屬性,內容就是被包含在開始標簽和結束標簽中間的數據。至于表現,就是 CSS 實現的部分。

  信息架構的工作,就是處理內結構和一部分外結構,按照人們的心理(習慣)去呈現內容;交互設計的工作,就是處理外結構,并且以不影響內結構為前提;視覺設計的工作,就是在不影響內容和結構的情況下,處理內容和結構的表現。所以信息架構師往往和交互設計師協同工作或者就是同一個人(往往跟隨著整個設計流程,包括表現方面的設計)。而視覺設計師反而是比較輕易區分的職位。

  內容、結構與表現關系到生活、工作的方方面面。做一份 PPT、做一份報表、旅行計劃等,不僅僅是 Web。而更加結構化的內容將是 Web 發展的方向。

發表評論 共有條評論
用戶名: 密碼:
驗證碼: 匿名發表
主站蜘蛛池模板: 津南区| 长垣县| 聂荣县| 保德县| 彰化市| 会昌县| 白水县| 比如县| 杭州市| 旌德县| 九江市| 深州市| 新邵县| 鄂伦春自治旗| 南陵县| 安西县| 蒙城县| 荃湾区| 佛学| 阿巴嘎旗| 铁岭市| 北京市| 遵义市| 宜丰县| 林周县| 长垣县| 宜兰市| 文水县| 马尔康县| 乐业县| 体育| 乐至县| 上蔡县| 昌黎县| 安图县| 抚远县| 东港市| 察雅县| 平潭县| 浏阳市| 松桃|