網(wǎng)頁設(shè)計(jì)現(xiàn)在已經(jīng)存在了一段時(shí)間，它沒有浪費(fèi)時(shí)間開發(fā)一種復(fù)雜的、充滿行話的語言。只要你踏入網(wǎng)頁設(shè)計(jì)世界的最小一步，你就會(huì)開始聽到“你想使用什么 CMS？”，“你想要首屏還是首屏？”，“你想要一個(gè)固定的布局？”，“您想使用什么網(wǎng)絡(luò)托管？” 你想知道這一切意味著什么。品牌vi形象設(shè)計(jì)公司-知道，試圖找出所有關(guān)鍵的網(wǎng)頁設(shè)計(jì)定義和術(shù)語可能會(huì)讓人不知所措，特別是如果它是全新的。
網(wǎng)頁設(shè)計(jì)涵蓋了廣泛的工作范圍，從編寫代碼的網(wǎng)頁開發(fā)人員，到從事界面工作的UI 和 UX 設(shè)計(jì)師，再到負(fù)責(zé)網(wǎng)站外觀和感覺的網(wǎng)頁設(shè)計(jì)師。有很多人參與網(wǎng)頁設(shè)計(jì)。
了解網(wǎng)頁設(shè)計(jì)中的幾個(gè)首字母縮略詞和行話詞的含義可以使與您的設(shè)計(jì)師和開發(fā)人員的合作變得更加容易，還可以幫助您了解您自己的網(wǎng)站的實(shí)際運(yùn)作方式。因此，無論您是聘請(qǐng)品牌vi形象設(shè)計(jì)公司-還是自己動(dòng)手，了解網(wǎng)頁設(shè)計(jì)和開發(fā)中最常用和最容易混淆的術(shù)語都可以派上用場(chǎng)：
——
可訪問性
可訪問性是當(dāng)今網(wǎng)頁設(shè)計(jì)中的一個(gè)大問題。從本質(zhì)上講，這意味著您的網(wǎng)站對(duì)人們的可訪問性，包括任何有聽力或視力障礙的人。在創(chuàng)建網(wǎng)站之前和創(chuàng)建網(wǎng)站時(shí)牢記這一點(diǎn)很重要。如果您不確定從哪里開始，請(qǐng)查看這六個(gè)步驟，以使您的網(wǎng)頁設(shè)計(jì)易于訪問。
首屏以下（和首屏以上）
首屏以下和首屏以上是兩個(gè)起源于報(bào)紙的術(shù)語。“折疊”是報(bào)紙折疊的地方 上下描述信息是出現(xiàn)在折疊的上半部分還是下半部分。對(duì)于網(wǎng)頁，“折疊”通常定義為您必須開始滾動(dòng)的點(diǎn)，但原理是相同的——折疊上方的信息 (ATF) 比折疊下方的信息 (BTF) 更易于訪問和可見.
彈性（布局）
彈性布局是一種設(shè)計(jì)網(wǎng)頁的方法，它將元素之間的關(guān)系及其在頁面上的位置描述為百分比，而不是專門設(shè)計(jì)的距離和大小。這意味著網(wǎng)頁更具適應(yīng)性——既適用于訪問者在字體大小和間距方面設(shè)置的偏好，也適用于優(yōu)化頁面以在智能手機(jī)或平板電腦上查看。
如今，彈性布局是響應(yīng)式設(shè)計(jì)方法的關(guān)鍵部分，但在響應(yīng)式設(shè)計(jì)理念出現(xiàn)之前，彈性布局提供了一種使網(wǎng)站具有適應(yīng)性的簡(jiǎn)單方法。
前任
Ex 是一種度量單位，它使用字體中的小寫“x”作為標(biāo)準(zhǔn)度量。
固定寬度（布局）
固定寬度布局是一種設(shè)計(jì)網(wǎng)頁的方法，設(shè)計(jì)師將指定網(wǎng)頁的大小以及元素將出現(xiàn)在其中的確切位置。與彈性布局相比，這使設(shè)計(jì)人員對(duì)網(wǎng)頁設(shè)計(jì)的控制更多，但使頁面對(duì)不同屏幕尺寸的適應(yīng)性較差。
十六進(jìn)制
十六進(jìn)制，也稱為“十六進(jìn)制”數(shù)字，是以 16 為基數(shù)的數(shù)字系統(tǒng)，這意味著它們使用 16 個(gè)符號(hào)來定義顏色。十六進(jìn)制數(shù)字使用從 0 到 9 的數(shù)字和從 A 到 F 的字母。每種顏色由三對(duì)十六進(jìn)制數(shù)字定義。第一對(duì)數(shù)字或字母與紅色調(diào)相關(guān)，第二對(duì)與綠色調(diào)相關(guān)，第三對(duì)與藍(lán)色調(diào)相關(guān)。
無限滾動(dòng)
無限滾動(dòng)是在您繼續(xù)滾動(dòng)時(shí)加載新內(nèi)容。這創(chuàng)造了一個(gè)“無限的”，永無止境的滾動(dòng)。一些流行的例子是 Facebook 時(shí)間線、Pinterest 或 Twitter 提要。
視差滾動(dòng)
這種滾動(dòng)方法在網(wǎng)站設(shè)計(jì)中創(chuàng)造了一種深度感。當(dāng)用戶滾動(dòng)時(shí)，網(wǎng)站上的元素會(huì)出現(xiàn)在不同的距離處，并且隨著用戶的滾動(dòng)以不同的速度移動(dòng)。這會(huì)在平面網(wǎng)站上產(chǎn)生深度和距離的錯(cuò)覺。
解析度
分辨率是屏幕上顯示的像素?cái)?shù)。它是網(wǎng)頁設(shè)計(jì)中用于指定圖像大小的標(biāo)準(zhǔn)方法。圖像的質(zhì)量通常以每英寸的像素?cái)?shù)來描述，像素?cái)?shù)越高，圖像質(zhì)量越高。
響應(yīng)式/移動(dòng)友好/移動(dòng)優(yōu)化
截至2020 年，超過一半的網(wǎng)絡(luò)流量發(fā)生在智能手機(jī)上。這意味著網(wǎng)站在移動(dòng)設(shè)備和桌面設(shè)備上的最佳外觀變得越來越重要。使網(wǎng)站響應(yīng)/移動(dòng)友好/移動(dòng)優(yōu)化意味著設(shè)計(jì)和開發(fā)一個(gè)網(wǎng)站，以適應(yīng)他們正在查看的設(shè)備或屏幕。
可用性
可用性是網(wǎng)頁設(shè)計(jì)中的一個(gè)概念，它描述了您的網(wǎng)站對(duì)其設(shè)計(jì)目標(biāo)的訪問者的可用性。理想情況下，訪問者在第一次遇到您的網(wǎng)站時(shí)將能夠輕松地使用它，而不會(huì)遇到障礙、挫折和需要尋求幫助。了解可用性的原則是建立一個(gè)偉大網(wǎng)站的關(guān)鍵步驟。
UX（用戶研究）/ UI（用戶界面）
UX 和 UI 設(shè)計(jì)是改善用戶體驗(yàn)的工作。重要的是要了解UX 和 UI 的區(qū)別，以便了解它們?nèi)绾螀f(xié)同工作。
UX，用戶研究，涉及用戶與網(wǎng)站交互的所有方面，從開始到結(jié)束。目標(biāo)是提高用戶與網(wǎng)站之間的交互質(zhì)量。
UI，用戶界面，專注于網(wǎng)站的視覺和交互元素，例如按鈕、圖標(biāo)、排版。目標(biāo)是改善網(wǎng)站的外觀和功能。
——
面包屑
當(dāng)網(wǎng)頁向用戶展示他們?nèi)绾螢g覽網(wǎng)頁以及如何返回主頁時(shí)，通常是通過面包屑導(dǎo)航完成的。這通常顯示為一系列嵌套類別，如主頁> 類別 > 年 > 月 > 帖子。
網(wǎng)站圖標(biāo)
網(wǎng)站圖標(biāo)是顯示在瀏覽器標(biāo)簽欄中的一個(gè)小圖標(biāo)。它們通常為16×16 像素（確實(shí)非常小），并保存為 .ico、.gif 或 .png 圖像。您可以使用幾乎任何您喜歡的圖像作為網(wǎng)站圖標(biāo)，只要它的大小合適并且以正確的格式保存即可。
焦點(diǎn)
網(wǎng)頁上的焦點(diǎn)是您的視線所關(guān)注的頁面部分。設(shè)計(jì)師會(huì)花很多時(shí)間確保他們?cè)O(shè)計(jì)出一個(gè)真正吸引觀眾注意力的焦點(diǎn)，然后將頁面上最重要的東西放在焦點(diǎn)上。這樣可以確保它被盡可能多的人看到。
前端
這些是人們第一次訪問您的網(wǎng)站時(shí)會(huì)看到的所有元素，例如圖像、文本、頁面。它本質(zhì)上是人們將在網(wǎng)站上互動(dòng)和參與的內(nèi)容。
漢堡包圖標(biāo)
漢堡圖標(biāo)是指較新的程序中常見的菜單圖標(biāo)。它有三個(gè)水平條（因此是“漢堡包”），并將傳統(tǒng)的導(dǎo)航菜單隱藏在一個(gè)圖標(biāo)后面。
登陸頁面
這是您網(wǎng)站的訪問者將看到的第一個(gè)頁面。在許多網(wǎng)站上，使用一個(gè)特殊的登錄頁面來從訪問者那里引出一些東西（例如共享他們的電子郵件地址，或?qū)ｉT用于產(chǎn)品的頁面）。您的目標(biāo)網(wǎng)頁是您網(wǎng)站上最重要的頁面之一，您應(yīng)該花大量時(shí)間對(duì)其進(jìn)行優(yōu)化。
導(dǎo)航
導(dǎo)航是用于在網(wǎng)頁元素之間移動(dòng)的系統(tǒng)，是任何網(wǎng)頁中最重要的元素之一。這就是為什么了解網(wǎng)站導(dǎo)航的關(guān)鍵原則很重要的原因。最清晰的導(dǎo)航示例是出現(xiàn)在大多數(shù)網(wǎng)頁上的菜單。但也要密切注意頁面的組織方式以及它們之間的鏈接。這些還可以使訪問者更容易瀏覽網(wǎng)頁。
——
后端
這是您系統(tǒng)中有效運(yùn)行您的網(wǎng)站但對(duì)訪問者隱藏的部分。有許多不同的后端可用，但它們通常都包含相同的東西——應(yīng)用程序、信息結(jié)構(gòu)和您的 CMS。
內(nèi)容管理系統(tǒng)
內(nèi)容管理系統(tǒng)——這是一個(gè)后端工具，用于運(yùn)行您網(wǎng)站的內(nèi)容、添加用戶、管理評(píng)論等等。如果您曾經(jīng)使用過 WordPress 來構(gòu)建網(wǎng)站，那么您就使用過 CMS。CMS 使設(shè)計(jì)和構(gòu)建網(wǎng)頁變得更加容易，因?yàn)樗[藏了網(wǎng)站運(yùn)行的大部分原始代碼。
電子商務(wù)
電子商務(wù)代表“電子商務(wù)”。就像“電子郵件”代表“電子郵件”一樣。您通常會(huì)將電子商務(wù)商店添加到您的網(wǎng)站，該商店將處理產(chǎn)品描述、買賣以及客戶數(shù)據(jù)。
HTTP / HTTPS
這是處理瀏覽器、服務(wù)器和網(wǎng)絡(luò)應(yīng)用程序之間數(shù)據(jù)交換的系統(tǒng)。它定義了數(shù)據(jù)必須如何打包和發(fā)送。
HTTPS 是 HTTP 的擴(kuò)展，能夠通過 SSL（安全套接字層）建立連接。這是一種更安全的在線交換數(shù)據(jù)方式。如果網(wǎng)站使用標(biāo)準(zhǔn) HTTP 而不是 HTTPS，許多現(xiàn)代 Web 瀏覽器會(huì)警告您。
作為網(wǎng)站所有者，您可以從各種提供商處購買SSL 證書（需要使用 HTTPS）。添加后，這將使您的網(wǎng)站更加安全并與您的客戶建立信任。
插入
位于基本站點(diǎn)之上的一小塊軟件，可提供附加的安全功能。插件可用于大多數(shù)流行的CMS 平臺(tái)，可用于多種功能，從自動(dòng)化博客文章到管理客戶線索。
模板
模板在網(wǎng)頁設(shè)計(jì)中的使用方式與用于文檔和圖像的方式大致相同——以提供跨許多不同頁面的設(shè)計(jì)一致性。大多數(shù) CMS 平臺(tái)都會(huì)為您的網(wǎng)站提供一組模板，這將有助于使您的頁面和設(shè)計(jì)在它們之間保持一致。
—
錨文本
錨文本是包含超鏈接的短語或幾個(gè)單詞。像這樣：錨文本解釋。使用正確的錨文本可以對(duì)您的頁面在搜索引擎排名中的表現(xiàn)產(chǎn)生巨大影響。
反向鏈接
這些是從其他網(wǎng)站到您網(wǎng)站的鏈接。例如，當(dāng)另一個(gè)站點(diǎn)鏈接到您的站點(diǎn)以將其讀者引導(dǎo)到某個(gè)資源時(shí)，您收到了反向鏈接。在提高您的搜索排名時(shí)，反向鏈接非常重要，因?yàn)閬碜允苄湃尉W(wǎng)站的多個(gè)反向鏈接將提高您網(wǎng)站的知名度。
帶寬
帶寬是在許多不同上下文中使用的術(shù)語，但它本質(zhì)上是指在給定時(shí)間段內(nèi)發(fā)送或接收的數(shù)據(jù)量。它可用于描述您的互聯(lián)網(wǎng)速度，例如，它通常以每秒千比特(kbs) 為單位。但是，有時(shí)它用于描述您每月可以使用多少數(shù)據(jù)作為您的網(wǎng)絡(luò)托管包的一部分。
緩存
緩存是由Web 瀏覽器保存的數(shù)據(jù)集合。這意味著下次用戶訪問該站點(diǎn)時(shí)，該頁面將加載得更快，因?yàn)樗菑谋镜貎?nèi)存加載的。
域名系統(tǒng)
DNS 代表“域名服務(wù)”。這是您的網(wǎng)絡(luò)瀏覽器查找網(wǎng)頁所在位置的系統(tǒng)。當(dāng)您鍵入www.u14u14.cn時(shí)，您的瀏覽器將查看一個(gè)“DNS 表”，該表將這個(gè)對(duì)人類友好的地址轉(zhuǎn)換為對(duì)計(jì)算機(jī)友好的地址（即由數(shù)字組成）。DNS 系統(tǒng)跟蹤世界上所有網(wǎng)頁的位置，以便您的瀏覽器可以找到它們。
領(lǐng)域
這是您網(wǎng)站的名稱。您可以從許多公司購買域名。它們最多可以是63 個(gè)字符。例如，99designs.com是我們的域名。
FTP
FTP 代表“文件傳輸協(xié)議”，是一種用于將文件和數(shù)據(jù)從本地存儲(chǔ)（例如，您的計(jì)算機(jī)）傳輸?shù)?nbsp;Web 服務(wù)器的系統(tǒng)。為了使用 FTP，您需要下載一個(gè)稱為 FTP 客戶端的小軟件。
永久鏈接
一個(gè)永久鏈接，允許您指定一個(gè)始終指向特定博客文章或頁面的地址，無論您如何更改圍繞它的站點(diǎn)結(jié)構(gòu)。如果您使用博客文章來提高網(wǎng)站的訪問量，這將非常有用，因?yàn)槿绻鷽Q定重新設(shè)計(jì)網(wǎng)站或更改域名，則無需手動(dòng)更改數(shù)十個(gè)（或數(shù)百個(gè)）鏈接。
網(wǎng)址
指定可以找到特定頁面或其他資源的地址。
虛擬主機(jī)
網(wǎng)絡(luò)主機(jī)是一家運(yùn)行存儲(chǔ)您的網(wǎng)站的服務(wù)器的公司。正如我們?cè)陉P(guān)于什么是網(wǎng)絡(luò)托管的文章中解釋的那樣，網(wǎng)絡(luò)托管服務(wù)商提供的服務(wù)水平差異很大。一個(gè)好的網(wǎng)絡(luò)托管服務(wù)商將能夠向您保證您的網(wǎng)站在99.9% 的時(shí)間內(nèi)都可以訪問，并且還會(huì)為您提供確保網(wǎng)站安全和有效的工具。
網(wǎng)絡(luò)服務(wù)器
Web 服務(wù)器是實(shí)際存儲(chǔ)您的網(wǎng)頁的計(jì)算機(jī)。它可能位于您的網(wǎng)絡(luò)主機(jī)擁有的服務(wù)器安裝中，但也可以運(yùn)行您自己的服務(wù)器。
—
CSS
CSS 代表Cascading Style Sheets，除了 HTML，這些表單是任何網(wǎng)頁的最基本部分。十年前，網(wǎng)頁上使用的格式，例如標(biāo)題的大小或圖片是否有邊框，是在 HTML 代碼本身中定義的。這意味著更改格式是一個(gè)費(fèi)力的過程，需要遍歷頁面的每個(gè)元素并更改代碼。
有了CSS，事情就容易多了。頁面樣式包含在一個(gè)（或多個(gè)）CSS 文件中，這些文件定義了標(biāo)題的外觀、圖像的顯示方式以及許多其他元素。這些告訴瀏覽器如何呈現(xiàn)網(wǎng)站。這樣，只需切換一段代碼就可以調(diào)整整個(gè)網(wǎng)站的格式。
數(shù)字HTML
DHTML 代表動(dòng)態(tài)超文本標(biāo)記語言。這是一種將多種網(wǎng)頁設(shè)計(jì)語言（HTML、JavaScript 和 CSS）融合為一種用于 Web 開發(fā)的超級(jí)語言的語言的術(shù)語。這通常是現(xiàn)代 Web 開發(fā)人員用來為您創(chuàng)建網(wǎng)站的方法。
文檔類型
在HTML 中，doctype 是對(duì)網(wǎng)頁使用的 HTML 類型和版本的描述。瀏覽器使用它來檢查頁面的完整性，如果錯(cuò)誤，可能會(huì)引發(fā)安全錯(cuò)誤。
電磁場(chǎng)
Em 用于描述與頁面上使用的“父”字體相關(guān)的字體大小。1Em 表示字體（或有時(shí)其他元素）的大小與其父元素相同，2em 表示它們的大小是原來的兩倍，依此類推。
嵌入式風(fēng)格
盡管CSS（見上文）可用于一次描述整個(gè)頁面的格式，但有時(shí)您只需要更改一個(gè)頁面的樣式。這是使用嵌入式樣式的時(shí)候。嵌入式樣式是寫入網(wǎng)頁標(biāo)題的一段 CSS 代碼，它只影響該頁面上的元素，而不影響整個(gè)網(wǎng)站。
字體系列/樣式/重量
網(wǎng)頁設(shè)計(jì)師和開發(fā)人員通常不使用特定的字體，因?yàn)椴煌臑g覽器并不總是共享完全相同的字體。這就是為什么在CSS 文檔中你會(huì)看到要使用的字體被定義為一個(gè)字體系列——一組可以使用的字體，而不是一個(gè)特定的字體。除此定義外，CSS 文檔還將定義字體樣式（斜體、下劃線等）和粗細(xì)（粗體、淺色等）。
HTML
超文本標(biāo)記語言——這是互聯(lián)網(wǎng)的基礎(chǔ)。至少在某種程度上，所有網(wǎng)頁都是用 HTML 編寫的，HTML 被開發(fā)為盡可能易于編寫。這可能是非常有益的，事實(shí)上，你可以在網(wǎng)上找到 HTML 編碼教程——你會(huì)驚訝于你在幾個(gè)小時(shí)內(nèi)就能完成的！
元數(shù)據(jù)
元數(shù)據(jù)是包含在網(wǎng)頁標(biāo)題中的數(shù)據(jù)。這些數(shù)據(jù)可供您的瀏覽器使用，但不會(huì)顯示為您正在查看的網(wǎng)頁的一部分——您必須查看源代碼才能訪問它們。
開源
開源軟件由用戶維護(hù)，可以免費(fèi)使用和修改。這與由特定公司擁有和維護(hù)的專有軟件形成對(duì)比。大多數(shù)Web 開發(fā)人員至少在某些時(shí)候會(huì)使用開源軟件，因?yàn)樗粌H成本更低，而且更安全。如今，大多數(shù) Web 開發(fā)人員將通過使用以開源語言編碼的容器來最大程度地減少安全漏洞。
分期
登臺(tái)網(wǎng)站是制作幾乎最終副本的過程，然后對(duì)其進(jìn)行測(cè)試，然后再推出該網(wǎng)站的實(shí)時(shí)版本。大多數(shù)Web 開發(fā)人員會(huì)在網(wǎng)站發(fā)布之前“暫存”網(wǎng)站，以檢查一切是否正常。通常，網(wǎng)站的重大更改會(huì)發(fā)生在臨時(shí)站點(diǎn)而不是實(shí)時(shí)站點(diǎn)上。
有效的
在網(wǎng)頁設(shè)計(jì)中，有效的網(wǎng)頁是那些不包含錯(cuò)誤的網(wǎng)頁。實(shí)際上，這意味著網(wǎng)頁符合W3C 發(fā)布的 HTML 規(guī)范中規(guī)定的標(biāo)準(zhǔn)，W3C 是為 Web 開發(fā)制定標(biāo)準(zhǔn)的社區(qū)。
XML
XML 代表可擴(kuò)展標(biāo)記語言。XML 是網(wǎng)頁設(shè)計(jì)的基本組成部分，因?yàn)樗洚?dāng)“元語言”，將一種語言的元素翻譯成另一種語言。這意味著可以使用多種不同的語言構(gòu)建網(wǎng)頁，每種語言都通過 XML 進(jìn)行通信。
最后一句話
——
當(dāng)然，沒有必要了解所有這些網(wǎng)頁設(shè)計(jì)定義和術(shù)語來開始設(shè)計(jì)網(wǎng)站——無論是自己還是在幫助下。歸根結(jié)底，網(wǎng)頁設(shè)計(jì)是一個(gè)學(xué)習(xí)過程，最好的設(shè)計(jì)是迭代的藝術(shù)作品，隨著你學(xué)習(xí)新事物而不斷改進(jìn)。
也就是說，對(duì)有時(shí)復(fù)雜的網(wǎng)頁設(shè)計(jì)世界有一個(gè)指南是非常有幫助的，尤其是當(dāng)你剛開始的時(shí)候。品牌vi形象設(shè)計(jì)公司的專業(yè)網(wǎng)頁設(shè)計(jì)師可以幫助您開始激動(dòng)人心的網(wǎng)頁設(shè)計(jì)世界。
添加品牌總監(jiān)微信
總監(jiān)微信
復(fù)制成功
業(yè)務(wù)咨詢 何先生
業(yè)務(wù)咨詢 何先生
搜索感興趣的內(nèi)容
