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

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

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

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

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

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

標(biāo)題名稱：網(wǎng)站設(shè)計(jì)中圖片屬性和網(wǎng)站配色的正確設(shè)置方法
分享URL：http://muchs.cn/news22/123522.html

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

廣告

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