網頁設計師術語:客戶指南
已發表: 2019-11-09每筆交易都有自己的行話。 作為一名網頁設計師,您精通 UX、CSS 和 HTML 等網站術語的字母湯。 但是你的客戶呢? 對他們來說也可能是希臘語。
在您深入設計過程之前,就最常見的網頁設計術語教育您的客戶有巨大的好處。 不管他們的知識水平如何,當你跳過基礎知識時,你最終會花更多的時間在電話翻譯術語上,而不是討論你的工作和設計理念。
為了幫助您的客戶加快速度,我整理了最常見的網頁設計術語並將它們翻譯成對客戶友好的術語。
以下是 7 個基本的網站設計術語:
- 英雄形象
- 用戶體驗
- 線框
- 信息架構
- 移動響應
- HTML、CSS 和 JavaScript
- 內容管理系統
英雄形象
在設計網站時,您經常會聽到提及網站主頁的“英雄形象”一詞。 儘管該術語可能會讓人聯想到蝙蝠俠和超人的形象,但這並不意味著您的設計師將超級英雄的形象放在您的網站上。
主圖是網站首頁頂部的大型特色圖片或視頻背景。 人們開始將此區域稱為英雄形象,因為它是該網站的重要組成部分。 這是任何訪問者在登陸您的網站時看到的第一件事,因此,設計需要引人入勝且有意義。
雖然“英雄形象”一詞中有形像一詞,但網站的這一部分不一定是靜態圖片。 如今,英雄視頻很常見,通常在一些文字後面播放。 根據網站的目標和設計風格,您甚至可能會看到在網站的這個區域使用的動畫。
UX或用戶體驗
UX 是用戶體驗的簡寫。 一些網頁設計師專注於 UX 設計 - 增強網站訪問者對您網站的整體體驗的過程。 UX 設計被認為是一門專業,因為設計師不僅要創建網站的外觀,還要考慮訪問者如何體驗他們對網站的第一次(以及後續!)訪問。
用戶體驗的一個簡單類比是將其與您在新餐廳的體驗進行比較。 食物可能很棒,但如果餐廳要花很長時間才能讓你坐下,而且浴室很糟糕,停車是一場噩夢,那麼你可能會再次去那裡。 除了食物之外,還有很多因素會影響您在餐廳的體驗。
網站也是如此,這就是用戶體驗的全部意義所在。 在您的網站上吸引和留住訪問者不僅僅是擁有一個好的設計。 了解 UX 設計的網頁設計師會考慮網站上的所有內容如何影響用戶的整體體驗。
線框
在大多數網站項目中,您的網絡團隊將首先創建網頁的線框,然後再創建設計模型。
線框基本上是一個藍圖,它顯示了某些元素和文本將在頁面上放置的位置。
建立網站類似於建造房屋的過程。您從建築師開始並在室內設計師開始工作之前創建藍圖,否則您最終可能會在廚房裡有一個浴室。 線框是一個非常有用的工具,因為它允許您與網絡戰略家或設計師協作,並且比設計模型更容易移動事物。
如果你曾經看過一個線框的例子,你會注意到它與建築藍圖有相似之處。 線框通常是黑白的,帶有基本的框和輪廓,以顯示元素的放置位置。
信息架構 (IA)
除了線框圖,您通常會在此過程的早期為您的網站處理信息架構。 信息架構,通常稱為 IA,是指組織、優先排序和標記網站上的內容的過程。
在此階段,您將決定哪些網站頁面將包含在網站的頂部導航中,以及內容的結構方式。 頂部導航是頁面頂部的一系列鏈接。 此頂部導航位於網站的每個頁面上,有助於將網絡訪問者引導至最重要的內容。
與線框圖類似,最終的信息架構是您網站的組織表示。 它通常看起來像一個圖表,並且是指導網絡團隊的關鍵工具,以確保最終的網站是合乎邏輯且直觀的導航。
移動響應
今天,每個網站都需要適用於各種設備,例如手機、平板電腦和台式電腦。 正是在這種情況下,您會經常聽到網頁設計師使用“移動響應式”一詞。
像 WordPress 這樣的大多數網站平台都是移動響應的,這意味著平臺本身已經內置了技術,以便內容自動調整以適應用戶的設備大小。
想想你的手機是如何工作的。 如果您水平轉動手機,手機的內容會自動調整。
這與網站上發生的情況非常相似。 由於移動響應技術,網頁設計師和開發人員不再需要為較小的設備創建網站的第二個版本。 相同的內容和設計將在不同的設備尺寸上適當顯示。
熟練的網頁設計師在設計網站時會考慮到這一點,並可以指導您編寫適用於移動設備和更大屏幕的內容。
HTML、CSS 和 JavaScript
不要讓這些技術術語嚇倒您。 每一個都與您的設計如何從靜態圖像變為實時的交互式網頁有關。 通常,您將開始與專門研究網站外觀和組織方式的網頁設計師一起創建您的網站。 然後,您將繼續與將為網站編寫代碼的 Web 開發人員或開發團隊合作。
在構建網站的開發階段,您更有可能聽到這些術語,但它們也可能會出現在設計討論中。
HTML代表超文本標記語言,它允許網絡團隊告訴網絡瀏覽器如何顯示一段文本。 HTML 使用不同的標籤來表示文本是標題、副標題還是段落。 您可能會看到設計師在您的設計中將標題標記為 H1。 這是指將用於告訴瀏覽器帶有此標籤的所有文本都應採用相同字體大小的 HTML 標記。
級聯樣式表 (CSS)幫助網頁設計師和開發人員定義網站的外觀和感覺。 HTML 本身沒有吸引力或吸引力。 CSS 在創建漂亮的網頁設計方面發揮了重要作用。
JavaScript是開發人員用來在網站上創建交互的腳本語言。 僅使用 HTML 和 CSS,您就有了一個漂亮的網頁,但僅使用這兩個就不會發生任何事情。 在尋找 Web 開發人員或開發團隊時,請尋找不僅僅了解 JavaScript 的人,並確保您的團隊在您構建網站的平台方面經驗豐富。
內容管理系統
我們將以一個非常簡單的術語結束:內容管理系統,也稱為 CMS。 您經常會聽到與 WordPress(另一個內容管理系統)相關的這個術語。
事實上,WordPress 是世界上最流行的內容管理系統。 CMS 是網站上的後端工具,它允許您輕鬆編輯或向網站添加內容。
在 WordPress 等 CMS 上構建網站的巨大好處是,您無需成為網頁設計師或網頁開發人員即可在網站啟動後更改文本、添加圖像或添加頁面。 每次需要向頁面添加逗號時,您都不必致電您的 Web 開發人員。
因為 WordPress 非常靈活和可定制,您可以通過一個漂亮的網站獲得兩全其美的效果,而且您的業務仍然很容易管理。
查看更多 WordPress 內容!
WordPress 是世界上最流行的內容管理系統,每天都被越來越多的創意人士使用。 在此處了解有關 WordPress 的更多信息。 無論您是初學者還是熟悉 WordPress,我們都有適合所有人的資源和文章!
繼續閱讀這裡。