跳至主要内容

Web 设计中的拉洋片效果

新闻来源:Smashing Magazine
幻灯效果是 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

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

评论

  1. Slideshow is a new trend in Web design, and the new White House website is no exception. Slideshow (pulling film) is particularly suitable for displaying some core, display content in the first place of the site. The earliest slideshow was mostly based on Flash. As JavaScript has become more popular in the eyes of Web designers and developers, JavaScript-based slideshows have begun to replace Flash. This article introduces some very outstanding Web slideshow design examples.

    Just like in web design, the concept of transformation and visual appeal can also be applied to other design elements, such as custom patches . By converting logos or designs to a high-quality vector format, you can create detailed, professional patches that can be used on clothing or other promotional materials. It's all about making sure the design looks crisp and clear, no matter the size or medium. Just like a well-designed slideshow, the key is in the details and functionality!

    回复删除

发表评论

此博客中的热门博文

面试二代:二逼大猜谜

    Sent to you by Gang.Rock via Google Reader:     面试二代:二逼大猜谜 via 译言-精品外文翻译 by rose-tattoo on 11/29/08 译者: rose-tattoo   几年前,微软发现在资源上出了点乱子,说白了吧,是人力资源上出了乱子。其实是这个样子滴: 招聘的大门常打开,应聘的人也不少来,可是来应聘的人跟岗位怎么看也对不上号啊。于是他们觉得该重新设计面试方法了。          按照老路子,面试就确定俩事儿:一个是这个人能不能胜任工作,二是这个人不能太各色,要能融入组织。微软的面试2。0呢,除了这俩条,还加了一个:冷不丁的给应聘的一个根本不靠谱的问题,甚至是让人摸不找头脑,极其二B的提问,看看他们怎么个反映。         一般来说吧,一个应聘的如果本来就爱玩文字游戏,他(她)在面试的时候也会乐于解答二b问题。换句话说,如果应聘人爱吃烙饼,那他面试的时候也会爱吃。看明白了么?这个大猜谜跟面试程序员跟本他妈的挨不上边儿。       如果你还不知道面试2。0都有什么样的问题,我给你展一眼。   波音747有多重? 有个暗盒子,里面仨灯泡,外面仨开关,线全接好了后盒子只能开一次,你怎么知道那个开关开那个灯? 你和仨人在峡谷里要过一个破桥,你一分钟能过去,另外哪仨人得分别用二,五,十,分钟才能过去。过桥得用手电,你们只有一个,你们怎么才能用最快的时间过去?      其实吧,这样的问题都是扯淡,你要是非用常识和实践方法去解答那就更二了。就拿我来说吧,我肯定过不了这些问题,而且非常有可能答成这个操性:         那我得问问波音公司。。。什么?我不能问他们?啊。。。那我就问图书馆里的人儿,你想啊,他们一天到晚就查书啊,他们就是干这个的啊! 这是谁他妈的弄的破盒子啊?你放心,我肯定能弄好,不过我还没看见这盒子什么样儿呢,你怎么知道我弄不好啊??? 太明显了。我们必须扔...

看看资本主义是如何“充分剥夺”员工的剩余价值的

初中那阵子学的"资本主义如何剥削员工的剩余价值"我一直记忆犹新,老师说:他们通虚伪的福利和看上去不错的工作环境来拉拢员工、掩盖他们的丑陋行为,这 些都是资本家用来更大程度地榨取员工的剩余价值的无耻的方法。当时真是痛恨这些资本家,发誓今后一定要去解放哪些受苦受难的员工,虽然放学回家还不知道有 没有饭吃饱。今天在网上看到一些google的瑞士苏黎世的办公室环境图片,不由得佩服恩师啊,他说得太JB正确了,google就是用如下图的糖衣炮弹 来麻醉他的员工,让员工一辈子被榨取剩余价值。 还是我朝那些在自由落体公司的员工好啊,没有糖衣炮弹的腐蚀、生活在民族大企业的环境里,无论男女都喜欢玩极限运动----自由落体运动。 好了,上图吧!

20余个漂亮的图标包下载

关于图片/图标下载的文章,已经写过很多篇了,比如 科幻壁纸下载 和 Firefox性感壁纸 等等。那些图标或壁纸都十分漂亮,让人爱不释手。 今天从 Smashing Magazine 看到了一组难以置信那么漂亮的图标。这些图标包含两部分,一部分是网页设计之用,另一部分是文件的图标。 用以网页设计的图标 1、 Bagg & Box Telecharger Icon Pack 70个高质量的免费图标,全部遵循CC协议,自由取用。 2、 Mammoth Icons 4个非常可爱的小象图标,用以装饰博客也许不错。 3、 Dino Icons 有象怎能没有恐龙呢?这是6个漂亮的恐龙图标,那头暴龙也太可爱了吧? 4、 Cemagraphics Icons 这个网站提供大量的图标,比如下面展示的这些,图像格式为png和ico,大小分别为512px, 256px, 128px, 64px and 32px。   5、 Wifun Icons 一些网站导航图标。 6、 City Icons City Icon包里包含16个高像素的城市生活图标。              7、 Irish Icon Pack 26个爱尔兰风格的图标。 8、 Simpsons Mail Icons 阿森一族的邮票图标,如果你喜欢,还可以在这里 制作你的阿森一族头像 。 9、 Knob Buttons Toolbar Icons 39个与工具栏和导航相关的图标。 10、 Monofactor Free Vector Icon Set 同样也是工具栏和导航的图标,但相对上面的来说更漂亮一些。 11、 Polaroid Icon 人造偏光板? 12、 Apple Mail Icons 含有苹果邮戳的邮票图标。 13、 Sticky Pack 38个很黄不暴力的图标。 14、 Feedicons 2 33个别具风格的Feed图标。 15、 Users Icon Set 11个用户功能图标,有点像WLM那个小绿人。 16、 RSS-icons 这组F...