網站以綠色社區為主題,屬於教育和正面的網站類型,因此我們的網站以代表環保的綠色和健康的藍色為主題色。而網站頁面亦以藍天白雲作為背景,表示綠色社區的未來十分光明,沒有灰冷之意。我們相信藍色和綠色會比較耀眼,也顯得網站更有朝氣。
網站佈局方面,本網站採用傳統網頁的佈局,把頂部、左方按鈕、右方內容與頁尾明顯區分,防止網頁設計變得混亂。另外內容編排也經過考慮,在頂部的選項中,訪客得知此網站目的後,便可以認識一下環境社區及問題等資料性的東西。此時我們明白訪客在瀏覽大量資料後,應該會感到沉悶和累,所以「互動專區」可讓訪客交流意見和玩遊戲輕鬆一下,順道加深環保知識。
以下為本網站User-friendly的功能
- 返回最上按鈕
不同裝置前往網站的解晰度都不同,以手機為例,用戶在放大網頁後要時刻拉動捲軸,十分不便。所以我們在網頁底部加入返回最上按鈕,減少訪客不便。 - 當前位置顯示
為了方便訪客得知當前所在位置,不至於迷失方向,所以在頂部選項下設立了當前位置顯示,使網頁變得更有系統。 - 分別3次的文字放大縮小
對於一些有眼疾的人士而言,我們明白過小文字會使他們感到不適,所以我們除了注意文字行距外,也提供了文字放大縮小功能,用戶可開大或縮小字型分別3次,根據舒適度自行調較合適自己的文字大小。 - 圖片解說
當訪客點擊網頁內容的圖片時,便會出現一遮罩層效果(燈箱),除了顯示出圖片外,在圖片下方也有該圖的解說。 - IE6上PNG透明問題
現時仍有不少用戶使用IE6,但IE6卻不支援PNG圖片透明顯示,所以我們加插了一個檔案以修正這個問題。 - 無表格網頁
棄用舊時用表格編寫的方式,而採用div+css來編寫,可以縮短網頁載入速度和方便搜索蜘蛛讀取內容。 - 純文字版
純文字內容可讓頁面更快被載入,減少耗用更多流量。