網(wǎng)站設(shè)計(jì)的主要目的就是為了豐富網(wǎng)站及其頁(yè)面的視覺效果,如網(wǎng)站中的圖片、文字的屬性,網(wǎng)站頁(yè)面色彩的搭配等等,這些都與網(wǎng)站設(shè)計(jì)相關(guān)。在
網(wǎng)站設(shè)計(jì)時(shí)網(wǎng)站設(shè)計(jì)師需要做的工作非常多,如果弄不好會(huì)直接影響到網(wǎng)站為用戶帶來的視覺體驗(yàn)。
網(wǎng)站設(shè)計(jì)中圖片屬于如果沒有設(shè)置好,那么用戶很可以會(huì)在打一網(wǎng)站后無法看到應(yīng)該顯示出的圖片影響網(wǎng)站整體的視覺效果,這很可能是因?yàn)榫W(wǎng)頁(yè)不支持該圖片的格式或模式造成的。此時(shí)網(wǎng)站設(shè)計(jì)師們就需要從所使用的圖片格式入手來解決這個(gè)問題。那么在網(wǎng)站設(shè)計(jì)中圖片屬于和網(wǎng)站網(wǎng)站配色應(yīng)如何設(shè)置呢?下面創(chuàng)新互聯(lián)小編就來為大家一一說明。
一、網(wǎng)站設(shè)計(jì)中圖片的正確設(shè)置方法圖片的屬于有格式、模式和分辨率三項(xiàng)決定,所以我們就需要從這三方面入手確定網(wǎng)站設(shè)計(jì)中力產(chǎn)的正確設(shè)置方法。
1、圖片的格式適合于
網(wǎng)站制作的圖片格式有:jpg(jpeg)、gif、png、bmp,而其他圖片格式則不支持網(wǎng)站的開。所以網(wǎng)站設(shè)計(jì)師在制作網(wǎng)站時(shí)可以根據(jù)需要選擇這幾中格式的圖片。
創(chuàng)新互聯(lián)建議大家盡量選擇jpg(jpeg)格式,因?yàn)檫@種格式與我們電腦顯示器的模式相同。
2、圖片的模式稍有一點(diǎn)ps知識(shí)的人都知道我們常見的圖片模式主要有RGB和CMYK兩種,RGB模式是通過對(duì)紅(R)、綠(G)、藍(lán)(B)三個(gè)顏色通道的變化以及它們相互之間的疊加來得到各式各樣的顏色的,RGB的色域幾乎包括了人類視力所能感知的所有顏色,是目前運(yùn)用最廣的顏色系統(tǒng)之一。CMYK又稱印刷四色模式,指的是一種彩色印刷時(shí)采用的套色模式,主要利用的是色料的三原色混色原理,加上黑色油墨,共計(jì)四種顏色混合疊加,形成所謂“全彩印刷”。
3、適合網(wǎng)頁(yè)的圖片分辨率分辨率有顯示分辨率和圖像分辨率兩類,顯示分辨率指的就是屏幕分辨率,確定的是屏幕圖像的精密度和顯示器所能顯示的像素有多少。顯示分辨率一定的情況下,顯示屏越小圖像越清晰,反之,顯示屏大小固定時(shí),顯示分辨率越高圖像越清晰。圖像分辨率則是單位英寸中所包含的像素點(diǎn)數(shù),圖片的分辨率越高圖片越清晰,反之分辨率越低、圖片越模糊。
網(wǎng)站設(shè)計(jì)中一般會(huì)采用72px分辨率來處理圖片,而網(wǎng)上常見的圖片很多分辨率會(huì)達(dá)到300px之多,這種圖片用到網(wǎng)頁(yè)設(shè)計(jì)中是不合適的,有可能造成尺寸偏大、字體大小不對(duì)等問題。所以創(chuàng)新互聯(lián)建議網(wǎng)站設(shè)師最好將圖片設(shè)計(jì)為72px分辨率即可。
二、網(wǎng)站設(shè)計(jì)中網(wǎng)站配色的正確設(shè)置方法在網(wǎng)頁(yè)配色中,RGB和HSB是種基礎(chǔ)配色模式,我們所在世界中的任何顏色都可以說是從這個(gè)兩種基礎(chǔ)基配色模式中所獲得的。網(wǎng)站設(shè)計(jì)師需要經(jīng)過長(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è)配色的角度說明一下。目前我們常用的顯示器大都是采用了RGB顏色標(biāo)準(zhǔn),是由紅色、綠色、藍(lán)色三種色光按照不同的比例混合而成的,有一千萬(wàn)種以上的顏色。電腦顯示器的工作原理是:通過電子槍打在屏幕的紅、綠、藍(lán)三色發(fā)光極上來產(chǎn)生色彩的,一組紅色、綠色、藍(lán)色就是一個(gè)最小的顯示單位。屏幕上的任何一個(gè)顏色都可以由一組RGB值來記錄和表達(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ì)色彩感覺而定義的顏色模式,其中H、S、B分別表示顏色的色相、飽和度、亮度。HSB模式的顯示原理:飽和度高的色彩較艷麗,飽和度低的色彩接近灰色。亮度高得到純白,亮度最低得到純黑,一般淺色的飽和度較低,亮度較高,而深色的飽和度高而亮度低。
①H(Hue)H(Hue)指的是色相,在0~360°的標(biāo)準(zhǔn)色輪上,色相是按選取的位置度量的,在實(shí)際的
網(wǎng)站設(shè)計(jì)使用中,色相是由顏色名稱區(qū)分的,如紅色、綠色等。注:黑色和白色是無色相顏色。
②S(saturation)S(saturation)指的是飽和度,表示的是色彩的強(qiáng)度或純度,即色相中彩色成分所占的比例。用從0(灰色)~100%(完全飽和)的百分比來度量,飽和度為0時(shí)顏色為灰色,飽和度大時(shí),每一色相的純度高。注:白、黑和其他灰色色彩都沒有飽和度的。
③B(brightness)B(brightness)指的亮度,指的是顏色的相對(duì)明暗程度,通常是從0(黑)~100%(白)的百分比來度量的。亮度越高色彩越鮮明。注:亮度為0時(shí)顏色為黑色。亮度大亮?xí)r顏色為為白色。
網(wǎng)站欄目:網(wǎng)站設(shè)計(jì)中圖片屬性和網(wǎng)站配色的正確設(shè)置方法
URL分享:http://redsoil1982.com.cn/news/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í)需注明來源:
創(chuàng)新互聯(lián)