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

首頁(yè) > 網(wǎng)站 > WEB開(kāi)發(fā) > 正文

Web的內(nèi)容(Content)、結(jié)構(gòu)(Structure)與表現(xiàn)(Presentation)漫談

2024-04-27 13:53:21
字體:
來(lái)源:轉(zhuǎn)載
供稿:網(wǎng)友
  談 Web 的內(nèi)容(Content)、結(jié)構(gòu)(Structure)與表現(xiàn)(Presentation),現(xiàn)在可能有些晚了,只是正好想起,理理思路,共勉。

  內(nèi)容是結(jié)構(gòu)的基礎(chǔ),而非相反。內(nèi)容在一定程度上體現(xiàn)出一定的結(jié)構(gòu),但并不是全部。原始內(nèi)容就相當(dāng)于數(shù)碼相片的 RAW 格式,未經(jīng)處理,但是即使未經(jīng)處理的內(nèi)容,也包含著一定的結(jié)構(gòu),比如我們通過(guò)閱讀一段文字,可能包含著標(biāo)題、正文、段落(這些屬性是通過(guò)閱讀而發(fā)現(xiàn)的,而不是從表現(xiàn)上)等,這就是結(jié)構(gòu)。為了區(qū)分,內(nèi)容體現(xiàn)出來(lái)的結(jié)構(gòu),我把它稱之為內(nèi)結(jié)構(gòu)(內(nèi)容結(jié)構(gòu))。

  以上僅針對(duì)一段文字而言。互聯(lián)網(wǎng)的基礎(chǔ)是網(wǎng)頁(yè)和超鏈接,超鏈接形成了頁(yè)面流。這頁(yè)面流也是結(jié)構(gòu)的一部分,是交互設(shè)計(jì)的重點(diǎn):對(duì)請(qǐng)求(Request)和響應(yīng)(Respond)的處理。這邊談到的結(jié)構(gòu)是不可能由內(nèi)容體現(xiàn)出來(lái)的,為了方便我稱之為外結(jié)構(gòu)(交互結(jié)構(gòu))。

  由內(nèi)結(jié)構(gòu)和外結(jié)構(gòu)一起形成了 Web 站點(diǎn)的結(jié)構(gòu)。這個(gè)結(jié)構(gòu)是所有表現(xiàn)的基礎(chǔ)。沒(méi)有這個(gè)結(jié)構(gòu)就不會(huì)有表現(xiàn)。結(jié)構(gòu)并不是 wireframe,wireframe 是結(jié)構(gòu)的一種可視化表現(xiàn),是開(kāi)發(fā)流程中的溝通工具。從內(nèi)容到結(jié)構(gòu)到表現(xiàn),也是大部分網(wǎng)站設(shè)計(jì)的流程。

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

  通常大家在談及結(jié)構(gòu)與表現(xiàn)的時(shí)候,還會(huì)提到行為(Behavior),按照我的理解,行為應(yīng)屬于外結(jié)構(gòu),也就是交互結(jié)構(gòu)。為什么要把行為單獨(dú)提出來(lái)和結(jié)構(gòu)、表現(xiàn)相提并論呢?我想可能是因?yàn)榧夹g(shù)實(shí)現(xiàn)上的不同,因?yàn)?Web 標(biāo)準(zhǔn)的流行,談的最多的是結(jié)構(gòu)、表現(xiàn)與行為,三者分別由 (X)HTML、CSS 和 JavaScript 實(shí)現(xiàn)。在 HTML 中,結(jié)構(gòu)就是各種 HTML 標(biāo)簽和它的屬性,內(nèi)容就是被包含在開(kāi)始標(biāo)簽和結(jié)束標(biāo)簽中間的數(shù)據(jù)。至于表現(xiàn),就是 CSS 實(shí)現(xiàn)的部分。

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

  內(nèi)容、結(jié)構(gòu)與表現(xiàn)關(guān)系到生活、工作的方方面面。做一份 PPT、做一份報(bào)表、旅行計(jì)劃等,不僅僅是 Web。而更加結(jié)構(gòu)化的內(nèi)容將是 Web 發(fā)展的方向。

發(fā)表評(píng)論 共有條評(píng)論
用戶名: 密碼:
驗(yàn)證碼: 匿名發(fā)表
主站蜘蛛池模板: 固原市| 奉节县| 开鲁县| 卫辉市| 同仁县| 怀远县| 东乌| 郎溪县| 策勒县| 漾濞| 河池市| 石泉县| 敦化市| 象山县| 土默特左旗| 和硕县| 沙雅县| 敖汉旗| 万年县| 奇台县| 长海县| 黔江区| 伊吾县| 察哈| 旬阳县| 华安县| 泰安市| 金门县| 屯昌县| 拉萨市| 桑日县| 含山县| 尼木县| 湖口县| 财经| 罗定市| 大港区| 新余市| 杭锦旗| 芷江| 调兵山市|