首頁?>?知識?資訊?>?HTML源文件于圖片與網(wǎng)頁設(shè)計(jì)的關(guān)系是密不可分。?>?正文

HTML源文件于圖片與網(wǎng)頁設(shè)計(jì)的關(guān)系是密不可分。

2012/7/6 0:00:00 · 稿源:傳誠信

圖片與網(wǎng)頁設(shè)計(jì)的關(guān)系是密不可分的,既然講到設(shè)計(jì),就不能沒有圖片的設(shè)計(jì),從網(wǎng)頁設(shè)計(jì)的架構(gòu)來講,每一張圖片所扮演的角色,都代表的網(wǎng)站無限的延伸,從網(wǎng)頁整體區(qū)塊的小圖示,大到廣告圖示,都代表著網(wǎng)頁設(shè)計(jì)的精神意涵。如果不善加應(yīng)用網(wǎng)頁圖片的配置與設(shè)計(jì),對整體的網(wǎng)站設(shè)計(jì)視覺上來講,也是只是添加更大的負(fù)擔(dān)。我們曾經(jīng)提到網(wǎng)頁的圖片大小會影響下載的速度,美編雖然設(shè)計(jì)的很誘人,放置于不適當(dāng)?shù)奈恢没蚴翘啵紩绊懢W(wǎng)頁下載的速度。http://saddlebargains.com/attached/image/20120615/20120615162728_1562.jpg

但是網(wǎng)站上如果沒有圖片的設(shè)計(jì),又會顯版呆板乏味,對用戶來講又會「不具吸引力」,通常我們在網(wǎng)頁設(shè)計(jì)圖片的同時(shí),皆會考慮它的圖檔大小與檔案格式,大部份會使用jpg或gif格式,這兩種檔案格式皆是壓縮的圖片格式,不過也不能壓縮過多,使用在6-9之間是正常,如果壓縮過多圖片的品質(zhì)也會失真。通常網(wǎng)頁設(shè)計(jì)的小圖示,例如區(qū)塊的邊邊會使用轉(zhuǎn)角的線條圖,大部份會使用gif圖檔,因?yàn)間if的圖檔只有256色,圖檔大小較小,但你一定會說小的gif怎會影響網(wǎng)頁下載的速度,有些流量較大的網(wǎng)站對于網(wǎng)頁圖檔的配置是會斤斤計(jì)較的,如果一天有幾萬人瀏覽,如檔的大小是不是要特別留意,現(xiàn)在css的使用已能解決區(qū)塊邊線圖的問題了,這又就能解決一些小圖檔所增加的負(fù)擔(dān)。

除了網(wǎng)頁區(qū)塊線圖之外,不外呼就是選單設(shè)計(jì)的圖片了,通常較有美感的選單,大部份會使用圖片去設(shè)計(jì)成選單的底圖,不過這是比較花俏一點(diǎn)的做法,目前的流行仍然會使用css的網(wǎng)頁設(shè)計(jì)應(yīng)用,去設(shè)計(jì)選單的運(yùn)用。很多css的應(yīng)用,對于區(qū)塊的美編配置已能迎刃而解,對于網(wǎng)頁設(shè)計(jì)來講已是大大的解決網(wǎng)頁美編設(shè)計(jì)的問題。css真的能應(yīng)用到網(wǎng)頁設(shè)計(jì)的很多方面,不過它的應(yīng)用仍然是要多加思索的,因?yàn)閏ss廣泛應(yīng)用在網(wǎng)頁編排與顏色的關(guān)系,對于網(wǎng)頁設(shè)計(jì)上是能大大的改善配置上的問題。

有了一個(gè)HTML編輯器和一個(gè)空間并不能說馬上就可以網(wǎng)頁設(shè)計(jì)了。開始編寫網(wǎng)頁設(shè)計(jì)的文字、尋找圖像和進(jìn)行HTML標(biāo)記之前應(yīng)該先把基本的網(wǎng)頁設(shè)計(jì)架構(gòu)組織好。如果沒什么要說的,就什么也不要說。要是開始的時(shí)候在腦子里沒有一個(gè)相當(dāng)明確的架構(gòu),那幾乎肯定會以一團(tuán)糟而告終。網(wǎng)頁設(shè)計(jì)一開始要謹(jǐn)慎一些,然后不停地學(xué)習(xí),不停地改進(jìn)。卸載一些你喜歡的網(wǎng)頁設(shè)計(jì)頁面,

核對HTML源文件看它是怎樣寫的把它全部或部分粘貼到一個(gè)試驗(yàn)文件進(jìn)行檢驗(yàn)。向別人學(xué)習(xí)則是研究過程。人們第一次進(jìn)入你的首頁時(shí),他們通常不是在尋找值得閱讀的地方,他們可能正在尋找可供選擇的東西,以文本術(shù)語說即是可用鼠標(biāo)點(diǎn)取的詞句、圖像、按鈕等等,接下來是閱讀文字,選定一個(gè)選項(xiàng),按鼠標(biāo)鍵,下頁出現(xiàn)后又重復(fù)此過程。這里的技巧是確定閱讀時(shí)按鍵的適當(dāng)比率。提供的可選項(xiàng)要是太少,訪問者會覺得沒意思,要是太多又會嚇倒別人。因此網(wǎng)頁設(shè)計(jì)時(shí)的拿捏是非常重要的。網(wǎng)頁設(shè)計(jì)是透過視覺元素的引人注目而實(shí)現(xiàn)訊息內(nèi)容的傳達(dá),為了使網(wǎng)頁設(shè)計(jì)能獲得最大的視覺傳達(dá)功能,使網(wǎng)頁真正成為可讀強(qiáng)性而且新穎的媒體,網(wǎng)頁設(shè)計(jì)必須適應(yīng)人們視覺流向的心理和生理的特點(diǎn),由此確定各種視覺構(gòu)成元素之間的關(guān)系和秩序。因此,網(wǎng)頁設(shè)計(jì)時(shí)應(yīng)該研究各種視覺型式元素之間的距離、位置、面積和視覺流程的問題。視覺流程的形成是由人類的視覺特性所決定的。因?yàn)槿搜劬w架構(gòu)的生理構(gòu)造,只能產(chǎn)生一個(gè)焦點(diǎn),而不能同時(shí)把視線停留在兩處或兩處以上的地方。人們在閱讀一種訊息時(shí),視覺總有一種自然的流動習(xí)慣,先看什么,后看什么,再看什么。網(wǎng)頁設(shè)計(jì)視覺傳達(dá)往往會體現(xiàn)出比較明顯的方向感,它無形中形成一種脈絡(luò),似乎有一條線、一股氣貫穿其中,使整個(gè)網(wǎng)頁設(shè)計(jì)版面的運(yùn)動趨勢有一個(gè)主旋律。心理學(xué)的研究表明,在一個(gè)平面上,上半部讓人輕松和自在,下半部則讓人穩(wěn)定和壓抑。同樣,平面的左半部讓人輕松和自在,右半部讓人穩(wěn)定和壓抑。所以平面的視覺影響力上方強(qiáng)于下方,左側(cè)強(qiáng)于右側(cè)。這樣平面的上部和中上部被稱為“最佳視覺地帶”,也就是最好的地方。

本文作者來自北京傳誠信,轉(zhuǎn)載請注明出處:北京傳誠信(saddlebargains.com


選擇北京網(wǎng)站建設(shè)公司-傳誠信,優(yōu)質(zhì)服務(wù),絕對不容錯(cuò)過 !
1. 優(yōu)秀的網(wǎng)絡(luò)資源,穩(wěn)定的網(wǎng)站和速度保證
(配送雙線獨(dú)立ip空間,國際A級BGP機(jī)房,99.5% 的主機(jī)在線時(shí)間)
2. 7年北京網(wǎng)站建設(shè)經(jīng)驗(yàn),優(yōu)秀的技術(shù)和設(shè)計(jì)水平,更放心
3. 全程省心服務(wù),不必?fù)?dān)心自己不懂網(wǎng)絡(luò),更省心。
-----------------------------------------------------------------------------------------------------
我們的與眾不同之處:

免費(fèi)網(wǎng)絡(luò)營銷顧問:我們?yōu)槟峁┟赓M(fèi)的網(wǎng)絡(luò)營銷顧問服務(wù),您需要了解關(guān)于如何開展網(wǎng)絡(luò)營銷,電子商務(wù),網(wǎng)站設(shè)計(jì)等的事宜,歡迎隨時(shí)聯(lián)系我們。

seo友好的網(wǎng)站管理系統(tǒng):除了優(yōu)質(zhì)的網(wǎng)站空間,網(wǎng)站管理系統(tǒng),和網(wǎng)站設(shè)計(jì)外,我們的網(wǎng)站管理系統(tǒng)更是seo友好的,包括:自定義欄目名,Google Sitemap自動生成,靜態(tài)頁面生成等等,讓您的網(wǎng)站。

免費(fèi)網(wǎng)絡(luò)營銷培訓(xùn):如何更好的投放網(wǎng)絡(luò)廣告,如何提高網(wǎng)絡(luò)廣告的投資回報(bào),如何發(fā)帖子,
如何優(yōu)化網(wǎng)站,我們有豐富的經(jīng)驗(yàn)開放給您!祝君成功!

  • 相關(guān)推薦
  • 大家在看
熱文
  • 熱門
  • 最新
客戶服務(wù)
咨詢熱線

010-62199213

24小時(shí)咨詢熱線

139-1050-5354