Web 設計中的拉洋片效果

幻燈效果是 Web 設計中的新風潮,新的白宮網站也未能免俗,幻燈效果(拉洋片)特別適合在站點的首要位置展示一些核心的,展示性的內容。最早的幻燈效果多基于 Flash,隨著 JavaScript 在 Web 設計師與開發者眼中地位的提升,基于 JavaScript 的幻燈效果開始取代 Flash。本文介紹了一些非常出色的 Web 幻燈設計實例。

Micro

一個非常干凈簡單的幻燈片效果。

Screenshot

Paramore

漂亮的輪播效果,邊界處理也很出色。

Screenshot

Obox Design

簡單干凈的圖片幻燈效果。

Screenshot

SpaceCollective

使用了一些很好的手工操作的圖片幻燈。

Screenshot

Josh Smith

非常簡單的圖片混等,少即是美。

Screenshot

Benjamin David

很好的幻燈圖片庫,使用了垂直平滑轉換效果。

Screenshot

Design By Humans

這個站點使用大型幻燈圖片展示自己的產品,背景幕也隨著圖片而改變,非常漂亮。

Screenshot

Lucas Hirata

這個富有創意的作品展示站點使用幻燈效果展示大量作品。

Screenshot

Designsensory

一個標準的圖片幻燈,可以通過數字控制當前顯示的圖片,也有對應的文字顯示。

Screenshot

Banjax

很棒的幻燈布局,可以通過漂亮的縮略圖控制顯示。

Screenshot

Qlear

手動操控式幻燈片,用來展示作品項目。

Screenshot

Dean Oakley

另一個功能簡單的幻燈效果,帶當前頁碼顯示。

Screenshot

Rob Young

這是一個富有創意的,獨特的作品展示站點,點擊具體項目,還會以 Lightbox 的形式顯示該項目的更詳細信息。

Screenshot

HelloThemes

這個站點使用一個簡單的手動幻燈展示信息,按鈕很大,水平變換很平滑。

Screenshot

MacAllan

這個幻燈中每個圖片都會顯示一定的時間,圖片變換前,還會在邊角顯示一個示意圖。

Screenshot

Global Oneness Project

使用了簡單明了的幻燈片效果展示推薦的視頻。

Screenshot

Behance

使用了方便的按鈕和漸入漸出效果。

Screenshot

Ricoverdo

擁有漂亮風格的水平幻燈。

Screenshot

Scrap Blog

包含多種功能和 Cooliris 圖片效果。

Screenshot

Deluge Studios

使用了做舊背景加炫目的色彩。

Screenshot

Daniel Stenberg

這是一個出色的作品展示幻燈效果,使用水平轉換。

Screenshot

Piotr Kulczycji

這個幻燈效果出眾,非常值得一看。

Screenshot

World Concern

這個基于 Flash 的幻燈效果包含一些很酷的頁碼控制按鈕。

Screenshot

delicious

這個我們熟悉的 Delicious 首頁幻燈非常簡單。

Screenshot

Household

這個設計精良的幻燈使用非常平滑的轉換效果和干凈的布局。

Screenshot

Volkswagen UK

英國大眾公司的網站的可用性很強,幻燈既支持按鈕控制,又可以使用鼠標的滾動論控制。

Screenshot

Cream Scoop

另一個干凈簡單的圖片幻燈。

Screenshot

Cade Martin

一個很簡單的圖片幻燈,使用干凈的字體和基本效果。

Screenshot

Barack Obama

最新的白宮網站,基于 Java 的幻燈效果。

Screenshot

Thomas Prior

這個作品展示幻燈使用按鈕和指示標志告訴用戶現在處于什么位置。

Screenshot

Viktor Jarnheimer

這個幻燈使用 iMac 電腦屏幕作為圖片框架,布局很干凈。

Screenshot

MVB Web Design

一個簡單網站上的簡單幻燈。

Screenshot

James Lai Creative

位于做舊背景上的幻燈,擁有微妙的導航按鈕。

Screenshot

Trevor Saint

該幻燈使用了非常漂亮的垂直轉換效果。

Screenshot

Creative State

這個幻燈視覺效果出眾,導航按鈕在鼠標盤旋的時候顯示縮略圖。

Screenshot

K4 Laboratory

這個巨大的幻燈使用很出色的布局展示項目。

Screenshot

Threadless Kids

將鼠標放到導航按鈕上,顯示對應的幻燈圖片。

Screenshot

Phunk’n Creative

暗背景上的漂亮展示效果。

Screenshot

本文國際來源:http://www.smashingmagazine.com/2009/03/09/slideshows-in-web-design-when-and-how-to-use-them/
中文翻譯來源:COMSHARP CMS 官方網站





評論
...
發表評論


用戶


評論(不超過1000字)


 5 - 1 = ? 請將左邊的算術題的結果填寫到左邊的輸入框  


  發送給朋友| 打印友好
7 x 12 小時服務熱線
0532 - 83669660
微信: comsharp
QQ: 13885509
QQ: 592748664
Skype: comsharp