想要獲得快速成長，我們就必須要知道一些網頁設計的術語。

　　和眾多其他行業的發展一樣，網頁設計剛開始還處于起步階段，但是到現在它已經有太多的術語縮寫，有一些簡單的技術和理念是必須懂的。

　　今天的環境相比過去已經是一百倍的復雜，因為我們在網絡上使用工具和框架，語言和庫的開發使得一切進步飛快。

　　設計師 —— 即使是專業的網頁設計師，也必須努力保持對所有不同的專業術語和技術的理解，所以在這里我們給出了10個最重要的網頁設計方面的術語，每個人都應該有起碼的了解。

　　1、HTML、CSS & JavaScript

　　

 

　　(HTML表示超文本標記語言，而HTML5是最新版本)

　　HTML

　　HTML代表超文本標記語言，而且是web語言。

　　簡而言之，HTML為網頁設計師提供了一種方式，告訴瀏覽器如何處理一個特定的內容。HTML包含許多不同的標簽，允許設計師通過語義標記使段落被識別為瀏覽器文本，而且允許圖像輸入等。

　　CSS

　　HTML不足以創造出漂亮的網頁。但是，層疊樣式表(CSS)為設計師提供了創建一個可視化的規則集，確定不同的元素在一個Web頁面上通過瀏覽器被呈現在屏幕上的方法。

　　CSS能做到的事情是，比如文本的顏色，背景，大小，形狀和頁面中的所有不同部分的位置被設置。

　　JavaScript

　　最后，JavaScript(顧名思義)腳本語言允許設計者在網頁上創建的交互作用。

　　歷史上的JavaScript，主要用于表單驗證，比如你忘了在手機中輸入您的電話號碼，那些煩人的警告框就會彈出來�，F在有很多可用性更高的JavaScript，包括特殊的視覺效果，或無需重新加載整個頁面直接加載新內容的能力。

　　要注意的一件重要的事情是，盡管它的名字看起來和java有點相似，但JavaScript和Java編程語言沒有任何關系的。

　　2、Responsive design(響應式設計)

　　

 

　　(響應網頁設計正迅速發展為所有的網頁設計里的標準方法)

　　關于響應式設計的概念，你不能錯過。在過去的幾年里這一直是各地web真正的時髦詞語，而且根本停不下來!客戶甚至已經開始要求設計師必須設計響應式網站，在還沒充分了解它的概念時就這么干了!

　　簡單來說，響應的設計是一個適應用戶各種設備的一種模式。在理想環境下，用戶的上下文中，它顯示最適當的和易于理解的方式所需的內容，不管什么樣的網絡，連接的設備都可用來查看。在實踐中，這意味著一個Web頁面將重新劃分為各種分辨率所需，而移動端也有自己的尺寸和排版。

　　請注意，響應的設計概念不是簡單地重新設計內容。

　　想學習關于響應式的童鞋，可以先看看這《15個優秀的響應式網站設計》，再從基礎開始，學習一下《想學響應式設計?來看史上最全的響應式設計資源庫》、《響應式排版中的基礎知識》，最后來看《高端揭秘：為你的響應式設計提速》，當然，我們也為同學們準備了一系列實用的響應式工具，比如《設計響應式網站的十個熱門框架》，好了，盡情享用吧

　　3、Semantic markup(語義標記)

　　

 

　　(語義標記是一種內容編碼)

　　HTML的標記標簽描述的內容也提供關于本身的內容相關的元數據。例如，一條信息，是一個網頁的主要內容相關的，但不是直接主體的頁面內容，可能會被標記為<aside>。

 

　　雖然這聽起來像是一個明顯的最佳實踐方法，以及Web當然是工程語義的思想，但是使用這種方法并不總是簡單的…

　　早期語義標記

　　在網絡發展的早期，可用的HTML標簽的數量是有限的。許多確實存在純粹的語義性質的標簽：例如<p>標簽——用于標記段落的內容。

　　隨著時間的推移，設計師想要推出更具有意義的頁面元素時，在其最純粹的形式語言的界限里面，標簽和< td >標簽倍受歡迎，這是用來標記表格數據，并重新創建柱狀布局的可靠的解決方案。

 

　　同時，設計師開始依賴于一個特定的標簽來定義他們的內容，作為默認的視覺特征，而不是重新用語義設計標簽。作為一個規范，大的粗體文本往往呈現為一個標題（＜h1＞，＜h2＞，＜3 >等）的標簽，而不是<strong>或< em > 標簽等加粗標記。

　　斷層

　　因此，大量的HTML語義標記已經形成固定的模式，沒辦法繼續開發，是獨有的一代。一個非語義Web的缺點是，它變得難以維持或了解一個網站的底層代碼，搜索引擎無法以編程方式定義的最重要元素的一頁。

　　值得慶幸的是，隨著CSS和HTML語言的最新版本的出現，標記有了一個非常純粹的定義能力。CSS有利于更復雜的布局，而HTML語言已經擴展到包括新的語義化標簽如<header>，<footer >和<article>，和等。

 

　　4、Saas

　　

 

　　(Saas，Software as a Service，是Google Docs等文件的解析語言)

　　首先請不要與SASS混淆，SaaS是Software as a Service的縮寫。簡單來說，這意味著通過云端提供任何軟件平臺服務。

　　最佳案例就是在線Microsoft Office平臺和Google Docs以及Photoshop Express了。

　　這些服務為用戶提供一個類似于桌面的體驗，直接在網絡上交付，而無需在用戶的計算機上安裝任何額外的軟件。

　　5、A/B Testing(A/B測試)

　　

 

　　(A/B測試是一種嘗試不同的方法途徑以實現相同結果的測試方案，建立通往目的最可行的方案。)

　　典型的A/B測試是用來試驗不同的網頁布局，跟蹤用戶轉化率。

　　通過原型迭代的過程、評估和調整，A / B測試可以

　　6、ARIA

　　

 

　　(ARIA，Accessible Rich Internet Application，web訪問協助技術)

　　ARIA為web app提供滿足用戶不同需求的解決方案。建設起用戶和軟件之間的橋梁。

　　因此，它可能是指屏幕閱讀軟件，結構設計方法和設計方法，如以用戶為重點的接口設計，從而增加內容和功能的可訪問性。 W3C贊助之居多，你也可以閱讀英文文章Web Accessibility Initiative ARIA site。http://www.w3.org/TR/wai-aria/

　　7、Information Architecture (IA)(信息架構)

　　

 

　　信息架構(IA)是用來描述一個網站上的內容和信息的語義布局的總稱。它指的是信息的組織，處理在一個網站的結構上，哪些頁面去向哪里，什么樣的內容是包含在哪個頁面上，以及站點間頁面如何互動。

　　作為一個領域集合，IA注重于盡可能方便用戶找到他們正在尋找的內容，提高轉換率。

　　8. Server-side scripting(服務器端腳本)

　　

 

　　(服務器端腳本——使用類似于PHP的腳本語言在服務器端進行數據操作)

　　對于web app有兩個相關概念：客戶端。所有的邏輯和數據處理，瀏覽器通過使用JavaScript來解析數據。另外是服務器端�？蛻舳说臄祿�操作都是在服務器上進行的。大多數Web應用程序將二者結合起來，用戶僅僅使用客戶端來操作數據，但是所有數據都通過服務器來實現運作。

　　服務器端腳本是一個專門編寫服務器腳本語言的通用的術語。腳本語言，如PHP、ASP.NET使得Web開發人員能夠處理復雜的業務邏輯，可以通過一個簡單的方法實現數據庫交互，進行復雜的數據操作和提供信息反饋到瀏覽器。

　　因為處理是在服務器上進行的，所以用戶的瀏覽器不需要辛苦工作，這樣子可以提高表觀性能，至少從用戶的角度來看是這樣子的。

　　9、Visual hierarchy(視覺層次)

　　

 

　　(視覺層次表示視覺元素的排版規則，用以強調優先順序)

　　這不是局限于網頁設計，但它被越來越多地用于指一個網頁的設計和布局。簡而言之，視覺層次指的是對一個網頁設計元素的排列方式，最重要的因素似乎更加被強調出來。

　　重點通常是通過使用大小，顏色，字體和特殊效果，如陰影等表現出來。視覺層次的結果往往是一個信息架構的過程，一個有意識的決定。

　　10. Infinite/parallax scrolling(無線滾動/視差滾動)

　　

 

　　(無線滾動和視差滾動已經是網頁設計的兩大流行趨勢)

　　無限滾動和視差滾動是兩回事，但他們往往被混淆在一起，所以我們干脆把它們打包在這里解釋。

　　“無限滾動”是目前網站的一個流行的顯示手法，而不是負載獨立頁面來查看內容，所有頁面的內容加載到一個單一的網頁上，通過滾動顯示不同的內容。

　　前提是，隨著用戶滾動到最后一頁的內容，新鮮的內容被加載和添加到頁面的底部，創造一個“無限”滾動的效果。常見的例子包括facebook的時間線視圖，Pinterest 和Tumblr。

　　“視差滾動”是當內容接近你的視覺焦點時出現遠近對比的效果。比如一輛移動的汽車或火車，在靠近籬笆和樹木時車輛出現移動并且很快就過去了，而對于遠處的山脈，車輛的移動更慢。

　　在網絡上，這個效果常常用來創造有深層次視差感覺的頁面。

　　原文地址：creativebloq http://www.uisdc.com/10-webpage-design-terminology

　　優設網翻譯：@寫說說

 

本文地址：http://www.nwicd.com/ComNews/4552.html

文章標題：新手課堂！10個人人必知的網頁設計術語 (點此復制 -分享給好友)