首頁 > 新聞中心 > 最新消息 > 網頁設計基礎

網頁設計基礎
 -------------------------------------------------------------------

基礎先行。 學會走之前要先學會爬,讓我們從最基礎的簡單有效的網站設計的概念開始。

1、增加對比

  很可惜,添加額外的對比是最被忽視和棄用的技巧之一。

  Joost de Valk 採用了細的高對比邊線,讓訪客能更容易區分頁面的不同區域。在上圖中放大了的部分,你可以看到,大多數時候這種對比只是一條1圖元的高亮線挨著1圖元的暗線。

  不過,這個頁面上的“More”和“Go”按鈕與周圍的對比度太小,即使你刻意在找也很容易被忽略掉。

  WordPress 為頁面中最受歡迎的連結 “Download(下載)” 使用了對比色。 這種紅色在冷灰色調的頁面中自己跳了出來。但這紅色在明度方面有所收斂,避免了影響頁面整體效果。

  如果你對於該不該使用對比猶豫不決,就把這一決定過程當做是化妝。你要做的不是讓人們大吼“看呐,對比色!”,你需要的是自然而然的吸引他們注意頁面中重要的內容,高亮出已經存在的重點。

2、漸變

  技術的發展為所有想使用漸變的人提供了各種創造漸變的工具。但漸變真的很好麼?

  Media Temple 網站的每一個頁面都使用了漸變,不過其漸變使用的節制和精妙才是設計成功的關鍵。logo,大標題,按鈕和背景都有細微的或者鏡像的漸變,以強調內容。最複雜的漸變用在了那些簡單的120圖元寬的按鈕(子頁面中的“ACTIVATE”和“LEARN MORE”)上,因為它們是需要訪客注意的重點。

  Commission Junction的漸變運用遠沒有Media Temple的細緻,而且採用了過於豐富的漸變類型:

  從黑色到灰色的水準線性漸變,位於頁面頂部 頁眉處的綠色徑向漸變登陸框背景的“CJ” 標誌上方模糊的斜向漸變 輸入框背景中淡淡的垂直線性漸變 導航條背景的垂直漸變 Webinar廣告中明亮的線性漸變 另一個垂直線性減弱,用在了大標題處 這種設計有點冒險,大部分漸變式有用的,但還是存在一些問題。最突出的一點是,設計喪失了一致性。同選擇可辨性強的色彩組合一樣的道理,設計師也需要為每個專案選擇合適的漸變組合。

  使用漸變時,保證好的視覺流很重要:請保守而精緻地使用漸變。最重要的一點,僅當對整體設計有幫助時才使用漸變。

3、色彩

  合理使用顏色很有挑戰性。在挑選完美的色彩組合和為各種色調找到合適位置的過程中,時間嘩啦啦地就流走了。

  Realmac Software 大膽地在404頁面採用了全色系漸變。這樣做有以下原因:首先,Realmac已經將頁面背景設成了中性灰色,更重要的是,頁面其餘部分沒有明顯的色彩的,除了藍色的文字連結和一些零星的毫無衝擊力的色彩。

  全譜色彩漸變完美地吸引了人們的注意。它保持了簡單性,有著灰色的配合,也不會讓眼睛感到不適。但在一項設計中採用四種或五種以上的顏色通常都顯得太過了。除非你非常確信你的設計需要那麼多顏色,還是採用簡單的四色組合比較好。

  當你在設計中克制而明智地使用色彩時,吸引訪客對重要項目的注意力就變得相當容易。在 Interspire的 “About Us(關於我們)” 頁面中,訪客的注意力被迅速吸引到頁面頂部LOGO那紅色的一點上,然後是標題,然後是頁面右邊的LOGO照片。

  在字體上花點功夫。字體的藝術博大精深,遠遠超出我們大部分人的想像。字體中超出x高度部分(ascenders )和邊位(side bearings)處的創作空間巨大,你可以在此處添加一些有趣的細節。不過還是運用接下來的一些技巧更重要。

網頁設計統一編號:53056381  |全國服務電話:0800-800-807 | mail: seo@appseo.com.tw

台南總公司:台南市西門路四段505號2樓  TEL:06-2827277    | 台北分公司:台北市內湖區瑞光路478巷18號20號7F  
seo |  關鍵字廣告 |  關鍵字排名 |  網路行銷 |  SEO優化 |  網頁設計 |  購物車網站 |  訂房系統網站
轉載必究 法律顧問:洪恩法律事務所
嘉義網頁設計我們提供客戶台北、桃園、台中、台南、高雄等地的網站設計、關鍵字行銷的服務南投網頁設計公司提供客制化的網頁設計與SEO搜尋引擎最佳化服務,以logo商標設計、購物車設計以及CSS網頁排版設計新竹網頁設計我們團隊完善專業、作品精緻,必能滿足您的需求馬袓網頁設計網路行銷,手機版網站,系統整合及搜尋引擎關鍵字優化 SEO等澎湖網頁設計觸控網站設計、手機網頁設計、行動網頁設計、手機網站設計、行動網站設計花蓮網頁設計平面廣告設計、CI設計、型錄等服務屏東網頁設計提供客製化的網頁設計報價,購物網站設計雲林網頁設計網站作品案例及專案參考報價 1.最新 網頁設計作品 精選案例基隆網頁設計蘋果 SEO關鍵字廣告只要9800元喔,還有後台可以自行操作,網頁完全不限頁數苗栗網頁設計關鍵字排名、SEO搜尋引擎優化等服務彰化網頁設計公司提供最優質的網頁設計、網站架設台南網頁設計高品質網頁設計、網路行銷、網站設計、SEO搜尋優化等服務。全方位的網頁設計服務高雄網頁設計提供專業客製化網頁設計、網路行銷、網站建製等服務桃園網頁設計擁有真正的技術團隊,有別於一般網頁設計公司台中網頁設計專業設計團隊舉凡:網頁設計、平面設計、程式設計台北網頁設計民宿網頁設計,手機APP製作,婚紗網頁設計,診所網頁設計