網頁設計

關於網頁設計的技術或相關資訊分享

網頁設計的新趨勢-3.PNG透明與4.大字體

看完了網頁設計的新趨勢1.凸版效果、2.華麗的使用者介面,接著我們要再來分享3.PNG透明度與4.大字體的呈現。

其實在透明度的部分,以往的設計師都是以gif檔來做呈現,不過隨著PNG的出現,讓設計師們多了一種選擇。

雖然PNG有很明顯的缺點,就是在萬惡的IE6中不支援其透明效果(IE6在台灣仍占有很大比例的用戶)。

可是其優秀的壓縮與不失真的技術,在這幾年當中逐漸的被設計師與工程師所接受。

 

而在大字體的排版,其實是很顯而易見的,從使用者或者是設計師的角度來看都是一樣的。

當大與小排列在一起時,大的勢必會是惹人注目的,這也是為什麼標題、廣告、標語等都會比起內文或附註等文字還要來的大很多。

接下來我們就來看看作者是怎麼描述的,還有一些驚人的範例吧。希望這些能刺激你的設計靈感。

 


 

3.PNG透明度

PNG透明度雖然在IE6中並不支援,不過似乎在近幾年中越來越紅。

很顯然的,設計師正嘗試更好的方法去融合背景圖片與內容產生一致的風格,期望去實現印刷媒體與雜誌上常見的效果。

在大多數的情況下,半透明的背景讓一個頁面下重要的元素能夠更明顯的突出,例如標題或是公告等內容。有時候PNG透明度也會利用在模組方塊的背景(例如彈跳視窗)。

 

去年,我們描述了很多的方法,可以讓網頁設計具有透明效果的創意。

許多的設計師也採用這些技術去實現他們的設計。

有趣的是,透明度經常使用在頁面的頭部與頁尾,可惜也有一些設計似乎是過頭了。

接著我們就來看看實例吧。

 

SEO優化

 

網頁設計

 

網路行銷

 

網站設計

 

蓋婭科技

 

網站設計

 

網頁設計

 

4.大字體

我們提出一些突出的例子在以往的大字體文章。

在以前大字體的排版仍然很受歡迎。特別是設計機構、投資組合、產品網站及線上服務將使用大字體排版來表達網站上最重要的訊息。

這些設計元素的字體大小往往超過36像素,而且在很多情況下使用相當華麗的字體來吸引觀眾的注意。

整體而言,設計師更密切的關注排版細節,如導引、行高和字體的選擇。

結果就是使得網站更加的美麗,更一致,並且看起來更扎實可靠。

 

網路行銷

 

網站設計

 

網頁設計

 

網站設計

 

網頁設計

 

蓋婭科技

 

蓋婭科技

 

相信看到這邊,對於你的設計靈感應該多少有所幫助。三篇文章中我們已經分享了四個設計趨勢,我們在後面會持續更新剩下來的六個趨勢,請大家拭目以待。

 

Reference:Web Design Trends For 2009