網(wǎng)頁設(shè)計(jì)師必讀的網(wǎng)頁設(shè)計(jì)詞匯，裝B神器

時(shí)間：2023-10-01 20:30:01 | 來源：網(wǎng)站運(yùn)營

時(shí)間：2023-10-01 20:30:01 來源：網(wǎng)站運(yùn)營

網(wǎng)頁設(shè)計(jì)師必讀的網(wǎng)頁設(shè)計(jì)詞匯，裝B神器：網(wǎng)頁設(shè)計(jì)和網(wǎng)絡(luò)專業(yè)人士經(jīng)常使用只有內(nèi)部人員才能理解的詞匯：CSS、標(biāo)題、線框、網(wǎng)站圖標(biāo)……這里有一些非常有用的詞，可以幫助網(wǎng)頁設(shè)計(jì)師在說話時(shí)理解他。

抗鋸齒
抗鋸齒是一種減少屏幕上字符像素化效果的技術(shù)。如果屏幕上出現(xiàn)錯(cuò)字模糊，則表示尚未激活抗鋸齒功能。

樹狀結(jié)構(gòu)
站點(diǎn)不同頁面的示意圖和層次結(jié)構(gòu)。樹狀結(jié)構(gòu)允許您對站點(diǎn)上的導(dǎo)航有一個(gè)總體視圖。

橫幅
呈現(xiàn)廣告內(nèi)容的固定或動(dòng)畫圖像。橫幅的主要目的當(dāng)然是獲得最多的點(diǎn)擊次數(shù)。

基線
簡單而簡短的句子，總結(jié)了網(wǎng)站的一般功能或活動(dòng)。該基線通常粗略地放置在網(wǎng)站的主頁上，顯著地位于折疊線上方。




簡明點(diǎn)
工作文件，通常由項(xiàng)目發(fā)起人起草，定義了他的訂單的所有輪廓：項(xiàng)目的背景、特殊性和目標(biāo)（有時(shí)甚至是預(yù)算?。?。這份文件對機(jī)構(gòu)來說非常有價(jià)值，因?yàn)樗梢员M可能好地構(gòu)建請求并避免偏離主題。閱讀完整的定義……

呼吁采取行動(dòng)
CTA 是一個(gè)按鈕，其主要功能是鼓勵(lì)點(diǎn)擊。

圖形憲章
包含與品牌相關(guān)的所有圖形要求的文件，例如在創(chuàng)建網(wǎng)站時(shí)必須遵守這些要求。您會(huì)在那里找到排版、顏色、徽標(biāo)及其變體，有時(shí)還會(huì)找到要使用的圖像和圖標(biāo)示例。

內(nèi)容管理系統(tǒng)
CMS（“內(nèi)容管理系統(tǒng)”），顧名思義，是一個(gè)內(nèi)容管理系統(tǒng)，可以管理完整的網(wǎng)站。

CSS
“層疊樣式表”的首字母縮寫詞，CSS 是一種包含網(wǎng)站所有樣式信息的文件格式。




Em
“em”是印刷的測量單位，例如像素或點(diǎn)。它的特殊性：它是相對的而不是固定的。因此，它可以根據(jù)用戶的分辨率和參數(shù)調(diào)整其大小，這在響應(yīng)式設(shè)計(jì)的情況下非常實(shí)用。

人體工程學(xué)
網(wǎng)站或應(yīng)用程序越符合人體工程學(xué)，用戶體驗(yàn)就越輕松。用戶體驗(yàn)設(shè)計(jì)師的部分工作是使 Web 界面盡可能符合人體工程學(xué)。

頁腳
頁腳，是指一個(gè)站點(diǎn)的最低區(qū)域。您通常會(huì)在那里找到詳細(xì)的菜單。

模板
模板是一種頁面模型，可以在構(gòu)建站點(diǎn)的不同頁面時(shí)重復(fù)使用。與靜態(tài)站點(diǎn)不同，基于CMS構(gòu)建的動(dòng)態(tài)站點(diǎn)使用一定數(shù)量的標(biāo)準(zhǔn)模板，網(wǎng)頁設(shè)計(jì)師無論如何都必須設(shè)計(jì)這些模板。例如，這些模板是：標(biāo)準(zhǔn)頁面、文章列表、單篇文章、組合項(xiàng)目列表、單個(gè)組合項(xiàng)目等。

標(biāo)題
站點(diǎn)的標(biāo)題，我們通常會(huì)在其中放置徽標(biāo)和菜單。您還可以創(chuàng)建一個(gè)預(yù)標(biāo)題，如其名稱所示，將放置在標(biāo)題上方

水線
頁面中可見性的理論限制。超出這條線，用戶必須滾動(dòng)才能查看內(nèi)容。在網(wǎng)頁設(shè)計(jì)中，重要的是明確定義網(wǎng)站的水線（英文“page fold”），將最重要的元素放置在網(wǎng)站頁面的可見部分。

小樣
模型是網(wǎng)頁的簡化圖形模型。我們不再過多地使用這個(gè)術(shù)語，我們將用更精確的術(shù)語“線框”（頁面的示意圖）和“模板”（頁面的標(biāo)準(zhǔn)化布局）來代替。

象形圖
具有獨(dú)特且易于理解的含義的極簡主義圖形表示。在網(wǎng)頁設(shè)計(jì)中，選擇或創(chuàng)建圖形連貫的“一組象形圖”非常重要，因?yàn)樗梢宰層脩艨焖倭私饣蚨ㄎ弧?br>



像素
像素（通常縮寫為“px”）是數(shù)字圖像的最小元素，用于確定其分辨率。一個(gè)像素可以創(chuàng)建一種顏色，它由三個(gè)成分組成，這些成分?jǐn)U散了紅、綠和藍(lán)三原色（RGB）。




PSD
“PhotoShop Data”的首字母縮寫詞，PSD 是一種專有的 Adobe 格式，用于保存使用 Photoshop 軟件制作的作品。這種格式特別允許保留圖像的所有層。Photoshop 最初被廣泛用于創(chuàng)建網(wǎng)站和應(yīng)用程序的設(shè)計(jì)，如今越來越多地被更專業(yè)的更適合網(wǎng)頁設(shè)計(jì)的軟件所取代，例如Adobe XD、Sketch。

響應(yīng)式設(shè)計(jì)
響應(yīng)式設(shè)計(jì)可以使網(wǎng)站設(shè)計(jì)適應(yīng)不同的屏幕尺寸和分辨率，例如電腦屏幕、平板電腦、電話等。




解析度
分辨率是在屏幕上渲染圖形元素的精細(xì)度。屏幕的分辨率是沿其長度的像素?cái)?shù)乘以沿其高度的像素?cái)?shù)。例如，MacBook pro 15.4 英寸視網(wǎng)膜的分辨率為 2880 x 1800 像素。

視網(wǎng)膜
視網(wǎng)膜是蘋果公司推出的一種屏幕，分辨率非常高。這些屏幕通常由兩倍于傳統(tǒng)屏幕的像素組成（因此具有兩倍的像素密度），需要?jiǎng)?chuàng)建適當(dāng)?shù)膱D形元素，特別是兩倍大 (@X2) 的圖像，以使它們在這些屏幕上看起來不模糊屏幕。




翻轉(zhuǎn)
將鼠標(biāo)光標(biāo)懸停在網(wǎng)頁的某個(gè)區(qū)域上時(shí)出現(xiàn)的文本或圖像效果。

RGB
RGB（或“RGB”），是 Red、Green 和 Blue 的簡稱，是主要的色彩計(jì)算系統(tǒng)。由于像素（它們本身是這三種顏色的組合），屏幕通過這三種投影顏色的加法合成來重構(gòu)顏色。因此，每個(gè)像素通過組合百分比來創(chuàng)建獨(dú)特的顏色




用戶界面
UI（用于“用戶界面”）指定人與機(jī)器之間的鏈接，特別是通過可視界面。處理網(wǎng)站或應(yīng)用程序的 UI 包括創(chuàng)建一個(gè)有助于訪問內(nèi)容的視覺系統(tǒng)。

用戶體驗(yàn)
UX（用于“用戶體驗(yàn)”）包括有關(guān)網(wǎng)站或應(yīng)用程序用戶的一般體驗(yàn)的工作。因此，用戶體驗(yàn)設(shè)計(jì)師必須同時(shí)考慮界面的功能維度和情感維度。

向量
矢量圖像是由放大時(shí)不會(huì)退化的圖形元素組成的數(shù)字圖像。它與光柵圖像（JPEG、PNG……）的不同之處在于它不是由像素組成，而是由形狀和顏色組成。主要的矢量圖像格式有 EPS、AI 和 SVG。在 Adobe 的軟件套件中，Illustrator專門用于創(chuàng)建和編輯矢量圖像。


線框
線框是網(wǎng)站或應(yīng)用程序的功能模型。在圖形模型的上游創(chuàng)建的線框可以以示意圖的形式定義頁面的一般結(jié)構(gòu)。