网页设计 & 灵感 » 21个很好的网页幻灯片(焦点图)设计

21个很好的网页幻灯片(焦点图)设计

发表于: 网页设计 & 灵感. 评论
赞助商链接

焦点图在大部网站上都有使用,所以一人眼子的幻灯片设计也是非常重要的,下面是21个不错的幻灯片设计例子,希望能给你还来更多的灵感。

Filtered – A Portfolio WordPress Theme

来自一个wordpress主题的幻灯片

portfolio wordpress theme

Mark Dearman

这个是用HTML5制作的一个网站,利用箭头来指示切换图片。

slider02

Bitfoundry

又是一个HTML5网站,不单只幻灯片好看,配色也非常的棒哦!

slider03
slider03a

Bigeye

又是一个漂亮的HTML5网站,配色、背景、排版再加漂亮的幻灯片,不错吧?反正达人我很喜欢。

slider04

Stiff Rowlands

简单布局,简单的焦点图。

slider05

Rodania

简洁和高雅的箭头,很好的帮助你浏览图像。

slider06

Buro Maisengasse

干净的布局和不错的配色,幻灯片也是以箭头的指示方式哈。

slider07

Mathieu Clauss

另一个HTML5模板,当鼠标移到幻灯片的时候,会有箭头显示出来。

slider08

elless

和上面的例子差不多

slider09

Idyllic Creative

鼠标移至图像会显示箭头和当前在第几张的焦点提示

slider10

Redefine

下面是一个色彩丰富的HTML5网站,焦点图也是以箭头方式。

slider01

Crows Nest

下面这个焦点幻灯片设计得不错,有一个滑动的焦点提示,很喜欢。

slider11

Escape Module Studio

这个滑动的方式很多。

slider12

Allan Yu

多种设计方案

slider13

Marco Rotoli

HTML5的,设计还不错嘛。

slider14

PTARMAK

利用滑块移动的幻灯片设计

slider15

Banneton Bakery

漂亮的布局,再不错的幻灯片设计

slider16

Saville’s Dovecotes

下面这个就是我们平时做的产品滑动块了。

slider17

Instrument

箭头在屏幕左右两边缘

slider18

CXXVI

不错的图像幻灯片

slider19

Jérôme Détraz

很Cool的滑动,让你能很友好的浏览布局

slider20
Source:
The Best Designs
Awwwards

推荐:查看最受欢迎的 301 个设计网站 → http://hao.shejidaren.com
交流:结交更多有才华的设计师?请加入UI设计QQ群,与50000名设计师交流设计。
赞助商链接
赞助商链接
设计达人微信交流社区:shejidaren888
喜欢这篇文章吗?欢迎分享到你的微博、QQ群,并关注我们的微博,谢谢支持。
版权:除非注明,本站文章均为原创文章,转载请联系我们授权,否则禁止转载。