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

 

分类:  css

本文转自快乐就好博客园博客,原文链接:http://www.cnblogs.com/happyday56/archive/2009/07/07/1518431.html,如需转载请自行联系原作者
相关文章
|
存储 缓存 编解码
Web端短视频编辑器的设计与实现 - 像做PPT一样做视频
对于视频的生产,一般的方案是交由专业机构去创作,但这将花费很多预算,如果我们能提供一个工具,基于知识的通用结构沉淀一些视频模版,让用户快速创作出视频知识内容岂不美哉?让想法再奔放些,如果我们能直接从知识库中抽取结构化的知识内容直接生成视频或是半成品视频,用户只需要稍作调整就能发布,这想想就很酷吧?是的,小蜜视频创作工具我就是想做这样一件事情。本篇分享来自阿里巴巴前端工程师李志成(敦固)在第十六届D2前端技术论坛的分享。
3702 0
Web端短视频编辑器的设计与实现 - 像做PPT一样做视频
|
Python JavaScript 前端开发
带你读《Python Django Web典型模块 开发实战》之三:用Django设计大型电商的类别表
本书内容涵盖了收费API业务模型的开发、网站防爬虫策略、网站违禁词自查系统的搭建、会员系统的搭建、前后端分离项目的上线部署等大大小小十余个项目模块分析,可以基本解决Django学习者从理论到实践过渡过程中经常会遇到的大部分问题。
带你读《点石成金:访客至上的Web和移动可用性设计秘笈》之一:别让我思考
本书是一本关于Web设计原则而不是Web设计技术的书。本书作者是Web设计专家,具有丰富的实践经验,他用幽默的语言为你揭示Web设计中重要但却容易被忽视的问题,只需几个小时,你便能对照书中讲授的设计原则找到网站设计的症结所在,令你的网站焕然一新。
|
Web App开发 JavaScript 前端开发
【译】2019年,如何设计Web页面
【译】2019年,如何设计Web页面
210 0
【译】2019年,如何设计Web页面
|
存储 前端开发 Java
一文概览设计Web API 中的细节
一文概览设计Web API 中的细节
315 0
|
Web App开发 机器学习/深度学习 前端开发
下一代响应式Web设计:组件驱动式Web设计(4)
下一代响应式Web设计:组件驱动式Web设计
406 0
下一代响应式Web设计:组件驱动式Web设计(4)
|
前端开发 JavaScript API
下一代响应式Web设计:组件驱动式Web设计(3)
下一代响应式Web设计:组件驱动式Web设计
184 0
下一代响应式Web设计:组件驱动式Web设计(3)
|
前端开发 搜索推荐 开发者
下一代响应式Web设计:组件驱动式Web设计(2)
下一代响应式Web设计:组件驱动式Web设计
260 0
下一代响应式Web设计:组件驱动式Web设计(2)
|
编解码 前端开发 JavaScript
下一代响应式Web设计:组件驱动式Web设计(1)
下一代响应式Web设计:组件驱动式Web设计
356 0
下一代响应式Web设计:组件驱动式Web设计(1)