網(wǎng)站設(shè)計中圖片屬性和網(wǎng)站配色的正確設(shè)置方法

2021-08-24    分類: 網(wǎng)站設(shè)計

網(wǎng)站設(shè)計的主要目的就是為了豐富網(wǎng)站及其頁面的視覺效果,如網(wǎng)站中的圖片、文字的屬性,網(wǎng)站頁面色彩的搭配等等,這些都與網(wǎng)站設(shè)計相關(guān)。在網(wǎng)站設(shè)計時網(wǎng)站設(shè)計師需要做的工作非常多,如果弄不好會直接影響到網(wǎng)站為用戶帶來的視覺體驗。

網(wǎng)站設(shè)計中圖片屬于如果沒有設(shè)置好,那么用戶很可以會在打一網(wǎng)站后無法看到應(yīng)該顯示出的圖片影響網(wǎng)站整體的視覺效果,這很可能是因為網(wǎng)頁不支持該圖片的格式或模式造成的。此時網(wǎng)站設(shè)計師們就需要從所使用的圖片格式入手來解決這個問題。那么在網(wǎng)站設(shè)計中圖片屬于和網(wǎng)站網(wǎng)站配色應(yīng)如何設(shè)置呢?下面創(chuàng)新互聯(lián)小編就來為大家一一說明。




一、網(wǎng)站設(shè)計中圖片的正確設(shè)置方法
圖片的屬于有格式、模式和分辨率三項決定,所以我們就需要從這三方面入手確定網(wǎng)站設(shè)計中力產(chǎn)的正確設(shè)置方法。
1、圖片的格式
適合于網(wǎng)站制作的圖片格式有:jpg(jpeg)、gif、png、bmp,而其他圖片格式則不支持網(wǎng)站的開。所以網(wǎng)站設(shè)計師在制作網(wǎng)站時可以根據(jù)需要選擇這幾中格式的圖片。創(chuàng)新互聯(lián)建議大家盡量選擇jpg(jpeg)格式,因為這種格式與我們電腦顯示器的模式相同。
2、圖片的模式
稍有一點ps知識的人都知道我們常見的圖片模式主要有RGB和CMYK兩種,RGB模式是通過對紅(R)、綠(G)、藍(B)三個顏色通道的變化以及它們相互之間的疊加來得到各式各樣的顏色的,RGB的色域幾乎包括了人類視力所能感知的所有顏色,是目前運用最廣的顏色系統(tǒng)之一。CMYK又稱印刷四色模式,指的是一種彩色印刷時采用的套色模式,主要利用的是色料的三原色混色原理,加上黑色油墨,共計四種顏色混合疊加,形成所謂“全彩印刷”。
3、適合網(wǎng)頁的圖片分辨率
分辨率有顯示分辨率和圖像分辨率兩類,顯示分辨率指的就是屏幕分辨率,確定的是屏幕圖像的精密度和顯示器所能顯示的像素有多少。顯示分辨率一定的情況下,顯示屏越小圖像越清晰,反之,顯示屏大小固定時,顯示分辨率越高圖像越清晰。圖像分辨率則是單位英寸中所包含的像素點數(shù),圖片的分辨率越高圖片越清晰,反之分辨率越低、圖片越模糊。

網(wǎng)站設(shè)計中一般會采用72px分辨率來處理圖片,而網(wǎng)上常見的圖片很多分辨率會達到300px之多,這種圖片用到網(wǎng)頁設(shè)計中是不合適的,有可能造成尺寸偏大、字體大小不對等問題。所以創(chuàng)新互聯(lián)建議網(wǎng)站設(shè)師最好將圖片設(shè)計為72px分辨率即可。




二、網(wǎng)站設(shè)計中網(wǎng)站配色的正確設(shè)置方法
在網(wǎng)頁配色中,RGB和HSB是種基礎(chǔ)配色模式,我們所在世界中的任何顏色都可以說是從這個兩種基礎(chǔ)基配色模式中所獲得的。網(wǎng)站設(shè)計師需要經(jīng)過長期的實踐經(jīng)驗,才能設(shè)計出令人賞心悅目的網(wǎng)頁。下面創(chuàng)新互聯(lián)小編就與大家分享一下創(chuàng)新互聯(lián)設(shè)計師們積累的經(jīng)驗。
1、網(wǎng)站設(shè)計中網(wǎng)站配色的的RGB模式
在本文的第一點中創(chuàng)新互聯(lián)小編已經(jīng)為大家介紹了一些關(guān)于RGB模式的知識,下面我們再從網(wǎng)頁配色的角度說明一下。目前我們常用的顯示器大都是采用了RGB顏色標準,是由紅色、綠色、藍色三種色光按照不同的比例混合而成的,有一千萬種以上的顏色。電腦顯示器的工作原理是:通過電子槍打在屏幕的紅、綠、藍三色發(fā)光極上來產(chǎn)生色彩的,一組紅色、綠色、藍色就是一個最小的顯示單位。屏幕上的任何一個顏色都可以由一組RGB值來記錄和表達。
通常情況下,RGB各有256級亮度,用數(shù)字表示為從0、1、2至255。雖然數(shù)字高是255,但0也是數(shù)值之一,因此共256級。按照計算,256級的RGB色彩總共能組合出約1678萬種色彩,即256×256×256=16777216。通常也被簡稱為1600萬色或千萬色。也稱為24位色(2的24次方)。
2、網(wǎng)站設(shè)計中網(wǎng)站配色的的HSB模式
HSB模式是一種基于人類眼睛對色彩感覺而定義的顏色模式,其中H、S、B分別表示顏色的色相、飽和度、亮度。HSB模式的顯示原理:飽和度高的色彩較艷麗,飽和度低的色彩接近灰色。亮度高得到純白,亮度最低得到純黑,一般淺色的飽和度較低,亮度較高,而深色的飽和度高而亮度低。
①H(Hue)
H(Hue)指的是色相,在0~360°的標準色輪上,色相是按選取的位置度量的,在實際的網(wǎng)站設(shè)計使用中,色相是由顏色名稱區(qū)分的,如紅色、綠色等。注:黑色和白色是無色相顏色。
②S(saturation)
S(saturation)指的是飽和度,表示的是色彩的強度或純度,即色相中彩色成分所占的比例。用從0(灰色)~100%(完全飽和)的百分比來度量,飽和度為0時顏色為灰色,飽和度大時,每一色相的純度高。注:白、黑和其他灰色色彩都沒有飽和度的。
③B(brightness)
B(brightness)指的亮度,指的是顏色的相對明暗程度,通常是從0(黑)~100%(白)的百分比來度量的。亮度越高色彩越鮮明。注:亮度為0時顏色為黑色。亮度大亮時顏色為為白色。

標題名稱:網(wǎng)站設(shè)計中圖片屬性和網(wǎng)站配色的正確設(shè)置方法
分享URL:http://www.bm7419.com/news22/123522.html

網(wǎng)站建設(shè)、網(wǎng)絡(luò)推廣公司-創(chuàng)新互聯(lián),是專注品牌與效果的網(wǎng)站制作,網(wǎng)絡(luò)營銷seo公司;服務(wù)項目有網(wǎng)站設(shè)計

廣告

聲明:本網(wǎng)站發(fā)布的內(nèi)容(圖片、視頻和文字)以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主,如果涉及侵權(quán)請盡快告知,我們將會在第一時間刪除。文章觀點不代表本網(wǎng)站立場,如需處理請聯(lián)系客服。電話:028-86922220;郵箱:631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載,或轉(zhuǎn)載時需注明來源: 創(chuàng)新互聯(lián)

成都定制網(wǎng)站網(wǎng)頁設(shè)計