新聞動态
作爲網站構成的(de)基本元素,圖片選用(yòng)越來(lái)越受到網站建設人(rén)員(yuán)重視。一方面信息多(duō)元化(huà)資訊碎片化(huà)的(de)今天,人(rén)們更願意快(kuài)速抓住自己需要的(de)内容,長(cháng)篇累牍的(de)文字内容已經有很少有人(rén)會耐心閱讀。另一方面,圖片的(de)巧妙應用(yòng),總可(kě)以讓網站更加絢麗多(duō)彩,給内容豐富的(de)網站帶來(lái)不少升級,讓用(yòng)戶願意閱讀而且是賞心悅目的(de)閱讀。網站用(yòng)圖雖然重要,但是以前的(de)幾年并沒有得(de)到廣泛應用(yòng),原因在于當時(shí)的(de)互聯網硬件設施無法滿足圖片快(kuài)速加載的(de)需求。圖片重要,很多(duō)人(rén)在設計制作網站時(shí),在更新網站内容時(shí)确實應用(yòng)了(le)不少,但是并不是每個(gè)網站的(de)每張圖片,都在爲網站增色都在提高(gāo)網站的(de)用(yòng)戶體驗。相反,由于缺乏必備的(de)網站技術知識,缺乏對(duì)選圖、用(yòng)圖以及讀圖的(de)清晰理(lǐ)解,其用(yòng)在網站上的(de)圖片有時(shí)還(hái)會給網站的(de)體驗帶來(lái)傷害。
選圖:恰當反映網頁主題
網站建設或者網站内容更新時(shí),爲什(shén)麽要配圖呢(ne)?理(lǐ)解這(zhè)個(gè)問題後,我們就知道如何選圖。隻有文字的(de)網站,其内容傳遞雖然遜色但是一樣可(kě)以完成網站信息傳達的(de)使命。我們使用(yòng)圖片的(de)目的(de),就是讓網站更加生動活潑,對(duì)用(yòng)戶更有吸引力。同時(shí)也(yě)是爲了(le)幫助用(yòng)戶更好的(de)理(lǐ)解網站内容,哪怕其匆匆忙忙的(de)并沒有認真閱讀完網頁上的(de)文字。首先我們要做(zuò)的(de),就是準确理(lǐ)解準備配圖的(de)頁面,其表達的(de)主旨含義。比如本文的(de)中心思想是闡述給網站科學用(yòng)圖的(de)重要性,那麽選配的(de)圖片一定是和(hé)選圖配圖相關的(de)。其次,适合的(de)圖片也(yě)許不止一張,當有很多(duō)張的(de)時(shí)候,該如何選擇呢(ne)?筆者認爲,分(fēn)析用(yòng)戶層次做(zuò)到圖片通(tōng)俗易懂(dǒng)比圖片本身畫(huà)面質量更爲重要。理(lǐ)由很簡單,我們給網站配圖的(de)目的(de),就是爲了(le)取悅用(yòng)戶。
用(yòng)圖:兼顧網站加載速度
網站需要圖片,但并不是每張圖片都适合用(yòng)于網站,在圖片格式及一些技術參數的(de)選取、轉化(huà)上頗有文章(zhāng)。我們再浏覽一些網站的(de)時(shí)候,發現打開速度尤其是圖片的(de)加載速度很慢(màn),其有服務器配置及物(wù)理(lǐ)硬件過低的(de)原因,更多(duō)是網站圖片處理(lǐ)問題。網站用(yòng)圖既要保證圖片清晰且西細節豐富,也(yě)要兼顧網頁打開速度不會太慢(màn),否則适得(de)其反。一般用(yòng)于網站的(de)圖片格式有jpg、png、gif,其同樣顯示質量情況下(xià),png圖片所占字節最大(dà),處于加載速度的(de)考量png當然不是首選。即便是jpg格式的(de)圖片,其也(yě)有色彩模式、分(fēn)辨率的(de)區(qū)分(fēn)。局限于人(rén)眼可(kě)識别的(de)分(fēn)辨率,網頁用(yòng)圖最高(gāo)72dpi已經足夠,而有用(yòng)于網頁顯示的(de)圖片色彩模式當然是GRB。在轉換處理(lǐ)網站圖片時(shí),千萬不要認爲現在網速已經很快(kuài)了(le),圖片大(dà)一些也(yě)沒關系。分(fēn)辨率高(gāo)于72dpi,色彩和(hé)細節極度豐富的(de)圖片,除去拖慢(màn)網頁的(de)打開速度外,對(duì)于用(yòng)戶而言似乎沒有任何好處。
讀圖:畫(huà)面精美(měi)更要點睛
設計精美(měi)的(de)網站,就一定能提高(gāo)用(yòng)戶體驗?或者說,用(yòng)戶感受不錯的(de)網站,就一定能帶來(lái)流量轉化(huà)嗎?答(dá)案一定是否定的(de)。不錯,網站設計很重要,網站做(zuò)到圖文并茂,給每個(gè)頁面配上一副設計精美(měi)的(de)圖片也(yě)很重要,但是前提是用(yòng)戶能讀懂(dǒng)。畫(huà)龍還(hái)需點睛,網頁用(yòng)圖也(yě)是一樣的(de)道理(lǐ),圖片本身傳達不完善或者不明(míng)确的(de)信息,需要文字對(duì)圖片進行說明(míng)。我們看很多(duō)雜(zá)志或者報紙上,或者網站上,其新聞資訊頁面多(duō)半都會對(duì)圖片進行說明(míng)。爲了(le)方便搜索引擎讀懂(dǒng)圖片内容,html代碼也(yě)賦予了(le)alt标簽和(hé)title标簽,我們在爲網頁配圖的(de)時(shí)候,一樣需要注意,給這(zhè)兩個(gè)标簽進行賦值。多(duō)年的(de)網站建設從業經驗,漳州視窗(chuāng)科技的(de)心得(de)體會是圖片就是一堆像素點,再深一些就是一張由0和(hé)1構成的(de)代碼片段,其本身沒有實質意義,隻有善加運用(yòng)才能發揮出價值。
上一篇: 透過表象看實質選擇合适網站建設公司并不難
下(xià)一篇: 移動端網站建設和(hé)PC端網站建設要區(qū)别對(duì)待才有收獲