網站設計, SEO Website Design, Web Design 網頁設計, 整網站, 網上推廣宣傳方法,

五個簡單的網頁設計技巧

複雜的網頁設計技巧總是很花時間,高級效果為設計增色不少,但如果用得不對,只會影響用戶對重點內容的關注。高級效果可能正好是一項好的設計的衝擊力所在,但即便如此,也還是需要一些更簡單的效果與其配合。簡單的效果和技巧是建造當今設計的基石。比方說,如果你都不知道如何正確選擇顏色和文字效果,燦爛的星光效果又能有什麼用? 讓我們從最基礎的簡單有效設計的概念開始。 一. 增加對比 WordPress 為頁面中最受歡迎的鏈接“Download(下載)” 使用了對比色。這种红色在冷灰色調的頁面中自己跳了出來。但這紅色在明度方面有所收斂,避免了影響頁面整體效果。 如果你對於該不該使用對比猶豫不決,就把這一決定過程當做是化妝。你要做的不是讓人們大吼“看吶,對比色!”,你需要的是自然而然的吸引他們注意頁面中重要的內容,高亮出已經存在的重點。 二. 漸變 Media Temple 網站的每一個頁面都使用了漸變,不過其漸變使用的節制和精妙才是設計成功的關鍵。 logo,大標題,按鈕和背景都有細微的或者鏡像的漸變,以強調內容。最複雜的漸變用在了那些簡單的一百二十像素寬的按鈕(子頁面中的“ACTIVATE”和“LEARN MORE”)上,因為它們是需要訪客注意的重點。 三. 色彩 Realmac Software 大膽地在404頁面採用了全色系漸變。這樣做有以下原因:首先,Realmac已經將頁面背景設成了中性灰色,更重要的是,頁面其餘部分沒有明顯的色彩的,除了藍色的文字鏈接和一些零星的毫無衝擊力的色彩。 當你在設計中克製而明智地使用色彩時,吸引訪客對重要項目的注意力就變得相當容易。在Interspire的“About Us(關於我們)” 頁面中,訪客的注意力被迅速吸引到頁面頂部LOGO那紅色的一點上,然後是標題,然後是頁面右邊的LOGO照片。 在字體上花點功夫。字體的藝術博大精深,遠遠超出我們大部分人的想像。字體中超出x高度部分(ascenders )和邊位(side bearings)處的創作空間巨大,你可以在此處添加一些有趣的細節。不過還是運用接下來的一些技巧更重要。 四. 字符間距 Krop's 的新作品集創建器,在處理文字的時候,十分吝嗇空間。該網站上大部分基於文字的圖片中的字符間距都很小,使敘述內容顯得更為簡潔有力。 上圖表現了字符間距對你的設計可能產生的負面影響。小而無抗鋸齒的字體如果沒有適當的字符間距,將更加難以閱讀。 如果你以前沒有在意,試試現在對你設計中的字符間距做一些調整,你會為調整後帶來的不同而震驚。推薦圖片中使用“Myriad Pro” 字體,HTML文字中使用“Trebuchet MS”字體進行嘗試。 五. 大小寫 MSNBC’s 對大小寫的使用很值得參考。 logo是全小寫的,頁面其他部分的字體大小寫更有著微妙的變化。頁面上方的大橫幅通告,一般用大寫字母寫著“WATCH LIVE(觀看直播)”或者“BREAKING NEWS(最新消息)” 。這些通告都是非常重要的內容,這種方式很好地吸引了訪客的注意。 另外,採用純大寫的按鈕,讓他們的小按鈕足夠清楚易讀。在這種5像素高的應用裡,小寫字母,如a, m, x,可能只有2到3像素高,非常難以辨認。

Tagged