<em id="zagud"></em><rp id="zagud"><acronym id="zagud"><input id="zagud"></input></acronym></rp>
  • <th id="zagud"></th><rp id="zagud"></rp><dd id="zagud"><big id="zagud"></big></dd>
      <em id="zagud"><ruby id="zagud"><input id="zagud"></input></ruby></em>
      <progress id="zagud"><track id="zagud"></track></progress>
        <rp id="zagud"><object id="zagud"></object></rp>
        <em id="zagud"><tr id="zagud"></tr></em>

        <progress id="zagud"><track id="zagud"></track></progress>
      1. <progress id="zagud"><big id="zagud"></big></progress><rp id="zagud"><object id="zagud"><input id="zagud"></input></object></rp>
        <dd id="zagud"><noscript id="zagud"></noscript></dd>



        行業新聞

        網站設計風格及色彩搭配技巧
        添加時間:2012-10-31 09:04:00 來源:金華市悅企信息技術有限公司 點擊量:
        一個網站擁有自己獨特的風格,是別的網站所沒有的,就會讓人注意到那個網站的特別,若那個網站的風格是正面的,甚至就會引起別人的羨慕與注意,或是贊賞。擁有別的網站所沒有的風格,就會讓瀏覽者愿意多停留些時間,細細品嘗該站的內容,甚至該站會得到多人的鼓勵與注目,粗略的說,網站風格可以從以下幾個方向來探討,而每一項都是有關聯性的:

          1. 色系:網頁的底色、文字字型、圖片的色系、顏色等等。

          2. 排版:表格、框架的應用、文字縮排、段落等等。

          3. 窗口:窗口效果,例如:全屏幕窗口、特效窗口等。

          4. 程序:網頁互動程序,例如:ASP . PHP . XML . CGI等等。

          5. 特效:讓網頁看起來生動活潑的各種應用,如:Flash . Java script . Java applets . DHTML等等。

          6. 架構:目錄規劃、層次淺顯易懂、選單應用等等。

          7. 內容:網站主題、整體實用性、文件關聯性、內容切合度、是否有不必要的檔案等等。

          8. 走向:對于網站的未來規劃、網站整體內容走向等。

          以上這些項目都與網頁風格有密切的關系,網頁的風格不是某一項相同,網站就是有整體感,而是要各項目的配合應用,才能達到完美的網站風格設計。接下來的段落,將會為每個項目做簡單的介紹。

          一、色系

          網站的色系是瀏覽者整體的視覺觀感,若一個網站色系能有一致性,不僅會使網站看起來美觀,更能讓瀏覽者對內容不易混淆,增加了瀏覽的簡潔與方便。而網站的色系更能襯托出網站的主題,若色系能與主題合理搭配,將會增加瀏覽者的易讀性。

          網站的色系包含了網頁的底色、文字字型、圖片的色系、顏色等等,這不單只是將顏色搭配得當就算完美,還要配合每個內容,及網站主題。對于網站的色系,應該要在網站開始制作前,做好規劃及設計,才不會到著手制作網站時,難以搭配,甚至造成混亂的設計。

          網頁的底色是整個網站風格的重要指針。舉例來說,以黑色作為背景顏色的網頁,因黑色本對人的視覺上會造成黯淡的感覺,若是拿來用作活潑的兒童網站,就是不適合了。因為小孩子是天真無邪的、活潑的、有朝氣的,與黑色的沉穩、黯淡,很難聯想在一起。

          再舉個例子,若是寫一個有關于環保的網站,若用暗紅色作為網頁底色,決計不會有人聯想到網頁的內容是與環保有關。當然,每個人的審美觀不同,可能也會對顏色的代表性看法不同,但既然網站不是只寫給自己看的,就應該要注意到大部分人可能會有的觀點,然后以眾人居多的觀點出發,來設計網頁。

          文字字型上的設計,最好的網站是以所有瀏覽者都能看到的字型為主。常會看到有需多網站要求瀏覽者須自行下載某種字型,才能達到最佳瀏覽效果,這是種非常奇怪的行為。畢竟瀏覽者只是來找資料或是來看網站的內容,不可能會因為這種「為達最佳瀏覽效果」,而自行下載所需要的字型。

          當所要求的字型若不下載,并不會影響到網站內容上的瀏覽與不便,那么對瀏覽者的要求就微乎其微的不可能發生任何作用。這么一來,對于網頁設計者來說,無非是非??上У?,因為當初的設計風格卻未能讓瀏覽者一窺全貌,豈不是白費心思的嗎?

          何謂圖片的色系?以色彩學簡單的區分,可分為冷色系與暖色系,再詳細一點的區分,又可分出各種顏色的色系,而色系的區分,就在于主觀瀏覽意識上的差異了。如何將圖片的色系與網站整體色系相對應,就是比較困難的地方了。對于網頁初學者來說,要繪制一張圖并非易事,要繪制一張符合自己網頁風格的圖,更是困難重重。大部分的網頁制作者,并不大可能駕輕就熟的使用影像處理軟件或繪圖軟件,于是乎,網頁素材的網站就開始盛行了。當然,不會使用繪圖軟件并不代表網頁就不能設計的很出色,若是能將網絡上的素材資源妥善利用,網站也是可以走出自己的風格的。而該怎么選擇適合自己網站的圖片,就是門很大的學問了。

          選擇圖片該以何作為標準呢?舉例來說,若網站內容為科學探討,當然不能以卡通圖片來作為插圖,試想,當您正在瀏覽一個有關天文學的網站,卻滿是皮卡丘的可愛圖片,不是很不協調嗎?再舉個例子,如果一個教學網站,里頭卻盡是明星圖片,看上去根本就不像是教學網站,而是大雜匯的明星相片網。

          很多人喜歡將自己欣賞的明星照放上自己的網頁中,如果僅是個人網站倒也還好,因為個人網站本就無主題居多,也就沒有所謂的符不符合主題的顧慮,但若是有主題的網站,豈不糟糕?

          以圖片內容來說,能切合網站主題最好,若不能,也別差異太多。以顏色來說,若一個網頁是藍色的底色,但整個網頁的圖檔卻亂七八糟,各種顏色紛紛出籠,更糟的是,藍色是屬于冷色系的顏色,若以藍色為底的網頁,卻盡都是大紅色、橘色的圖片,那將會使整張網頁看起來就像垃圾堆,雜亂無章。所以,可以簡單的歸納出,網頁與圖檔的顏色,色系一致或是視覺效果一致,將會使網頁看起來更為美觀且有自己的風格。

          網頁的顏色,并非單一就圖文件、文字顏色、或是底色為主,而是以瀏覽者的角度來觀看,整體網頁看上去是偏向哪種色系。常常見到許多網站雖然色系搭配的很好,但卻是沒有自己的風格。以目前流行的柔色系、粉色系網站來說,就是失了自己獨到的風格。

          因為使用粉色系的網站,不外乎都有相同的特點,文字顏色淺,底色也以淺色系為主,這樣除了沒有自己的風格外,看起來既不大方也難登大雅之堂。以各大搜尋網站來說,根本不會做這樣的設計,因為文字顏色淡,加上底色淺,對瀏覽者來說,閱讀上非常吃力,所以這樣的設計風格也應盡量避免。

          一個有自己風格,且閱讀起來舒適大方的網頁,并不可能一次就寫好,而是需要經過不厭其煩的修正、調色,才能達到最佳瀏覽效果的,所以制作網頁也一定要有相當大的耐心。
        暖暖视频在线观看高清_亚洲日韩中文字幕在线播放_日韩三级片视频_成长影院在线播放视频