
1對(duì)1定制服務(wù),PC端+手機(jī)端+小程序多端應(yīng)用
網(wǎng)頁設(shè)計(jì)師必讀的網(wǎng)頁設(shè)計(jì)詞匯
2022年12月24日瀏覽:
網(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)允許您對(duì)站點(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ù)算?。_@份文件對(duì)機(jī)構(gòu)來說非常有價(jià)值,因?yàn)樗梢员M可能好地構(gòu)建請(qǐng)求并避免偏離主題。閱讀完整的定義……
呼吁采取行動(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)站所有樣式信息的文件格式。
En
“em”是印刷的測(cè)量單位,例如像素或點(diǎn)。它的特殊性:它是相對(duì)的而不是固定的。因此,它可以根據(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)站的水線(英文“pagefold”),將最重要的元素放置在網(wǎng)站頁面的可見部分。
小樣
模型是網(wǎng)頁的簡化圖形模型。我們不再過多地使用這個(gè)術(shù)語,我們將用更精確的術(shù)語“線框”(頁面的示意圖)和“模板”(頁面的標(biāo)準(zhǔn)化布局)來代替。
象形圖
具有獨(dú)特且易于理解的含義的極簡主義圖形表示。在網(wǎng)頁設(shè)計(jì)中,選擇或創(chuàng)建圖形連貫的“一組象形圖”非常重要,因?yàn)樗梢宰層脩艨焖倭私饣蚨ㄎ弧?
像素
像素(通??s寫為“px”)是數(shù)字圖像的最小元素,用于確定其分辨率。一個(gè)像素可以創(chuàng)建一種顏色,它由三個(gè)成分組成,這些成分?jǐn)U散了紅、綠和藍(lán)三原色(RGB)。
PSD
“PhotoShopData”的首字母縮寫詞,PSD是一種專有的Adobe格式,用于保存使用Photoshop軟件制作的作品。這種格式特別允許保留圖像的所有層。Photoshop最初被廣泛用于創(chuàng)建網(wǎng)站和應(yīng)用程序的設(shè)計(jì),如今越來越多地被更專業(yè)的更適合網(wǎng)頁設(shè)計(jì)的軟件所取代,例如AdobeXD、Sketch。
響應(yīng)式設(shè)計(jì)
響應(yīng)式設(shè)計(jì)可以使網(wǎng)站設(shè)計(jì)適應(yīng)不同的屏幕尺寸和分辨率,例如電腦屏幕、平板電腦、電話等。
解析度
分辨率是在屏幕上渲染圖形元素的精細(xì)度。屏幕的分辨率是沿其長度的像素?cái)?shù)乘以沿其高度的像素?cái)?shù)。例如,MacBookpro15.4英寸視網(wǎng)膜的分辨率為2880x1800像素。
視網(wǎng)膜
視網(wǎng)膜是蘋果公司推出的一種屏幕,分辨率非常高。這些屏幕通常由兩倍于傳統(tǒng)屏幕的像素組成(因此具有兩倍的像素密度),需要?jiǎng)?chuàng)建適當(dāng)?shù)膱D形元素,特別是兩倍大(@X2)的圖像,以使它們?cè)谶@些屏幕上看起來不模糊屏幕。
翻轉(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)。