Web 設計中的拉洋片效果
作者: its
|
發布: 2009/3/10 (上午 09:44)
|
閱讀: 24879
|
評論: 0
|
靜態地址
|
內容源碼
幻燈效果是 Web 設計中的新風潮,新的白宮網站也未能免俗,幻燈效果(拉洋片)特別適合在站點的首要位置展示一些核心的,展示性的內容。最早的幻燈效果多基于 Flash,隨著 JavaScript 在 Web 設計師與開發者眼中地位的提升,基于 JavaScript 的幻燈效果開始取代 Flash。本文介紹了一些非常出色的 Web 幻燈設計實例。
Micro
一個非常干凈簡單的幻燈片效果。
Paramore
漂亮的輪播效果,邊界處理也很出色。
Obox Design
簡單干凈的圖片幻燈效果。
SpaceCollective
使用了一些很好的手工操作的圖片幻燈。
Josh Smith
非常簡單的圖片混等,少即是美。
Benjamin David
很好的幻燈圖片庫,使用了垂直平滑轉換效果。
Design By Humans
這個站點使用大型幻燈圖片展示自己的產品,背景幕也隨著圖片而改變,非常漂亮。
Lucas Hirata
這個富有創意的作品展示站點使用幻燈效果展示大量作品。
Designsensory
一個標準的圖片幻燈,可以通過數字控制當前顯示的圖片,也有對應的文字顯示。
Banjax
很棒的幻燈布局,可以通過漂亮的縮略圖控制顯示。
Qlear
手動操控式幻燈片,用來展示作品項目。
Dean Oakley
另一個功能簡單的幻燈效果,帶當前頁碼顯示。
Rob Young
這是一個富有創意的,獨特的作品展示站點,點擊具體項目,還會以 Lightbox 的形式顯示該項目的更詳細信息。
HelloThemes
這個站點使用一個簡單的手動幻燈展示信息,按鈕很大,水平變換很平滑。
MacAllan
這個幻燈中每個圖片都會顯示一定的時間,圖片變換前,還會在邊角顯示一個示意圖。
Global Oneness Project
使用了簡單明了的幻燈片效果展示推薦的視頻。
Behance
使用了方便的按鈕和漸入漸出效果。
Ricoverdo
擁有漂亮風格的水平幻燈。
Scrap Blog
包含多種功能和 Cooliris 圖片效果。
Deluge Studios
使用了做舊背景加炫目的色彩。
Daniel Stenberg
這是一個出色的作品展示幻燈效果,使用水平轉換。
Piotr Kulczycji
這個幻燈效果出眾,非常值得一看。
World Concern
這個基于 Flash 的幻燈效果包含一些很酷的頁碼控制按鈕。
delicious
這個我們熟悉的 Delicious 首頁幻燈非常簡單。
Household
這個設計精良的幻燈使用非常平滑的轉換效果和干凈的布局。
Volkswagen UK
英國大眾公司的網站的可用性很強,幻燈既支持按鈕控制,又可以使用鼠標的滾動論控制。
Cream Scoop
另一個干凈簡單的圖片幻燈。
Cade Martin
一個很簡單的圖片幻燈,使用干凈的字體和基本效果。
Barack Obama
最新的白宮網站,基于 Java 的幻燈效果。
Thomas Prior
這個作品展示幻燈使用按鈕和指示標志告訴用戶現在處于什么位置。
Viktor Jarnheimer
這個幻燈使用 iMac 電腦屏幕作為圖片框架,布局很干凈。
MVB Web Design
一個簡單網站上的簡單幻燈。
James Lai Creative
位于做舊背景上的幻燈,擁有微妙的導航按鈕。
Trevor Saint
該幻燈使用了非常漂亮的垂直轉換效果。
Creative State
這個幻燈視覺效果出眾,導航按鈕在鼠標盤旋的時候顯示縮略圖。
K4 Laboratory
這個巨大的幻燈使用很出色的布局展示項目。
Threadless Kids
將鼠標放到導航按鈕上,顯示對應的幻燈圖片。
Phunk’n Creative
暗背景上的漂亮展示效果。
本文國際來源:http://www.smashingmagazine.com/2009/03/09/slideshows-in-web-design-when-and-how-to-use-them/ 中文翻譯來源:COMSHARP CMS 官方網站
|