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