横向的进击!网页也可以横着看

2013/10/01 12865

老实说,你浏览过几个水平滑动的网站?如果让我来回答这个问题,我得说我没浏览过几个。而且水平滚动网站似乎在网页设计中并不流行。或者会被一些专家说这是反人类的浏览体验。
好吧,对无创意毋宁死的设计师来说。咱们就是爱打破常规,弄点新颖奇特的设计出来。

不过不得不说,水平滚动网页设计有点命途多舛,刚出来的时候短暂流行过一阵子,但后来渐渐消隐于大众视线,
有人说这种风格的网页,浏览起来非常不顺畅,有人说他们就没见过认真设计的水平滚动网站。但是本文将介绍几例优秀案例。

随着设计技艺和风格理解的提高,优秀水平滚动设计渐渐多了起来。
当然,还有重要的一点需要考虑,不是每一种内容都适合用水平滚动的布局方式呈现。大多数采用水平滚动方式设计的网站,内容一般都是图片和简洁的文字资料。

相较于垂直页面设计,图片展示是水平滚动设计唯一具有压倒性优势的地方。在众多的垂直布局网站中,如果出现一款水平滚动设计的图片网站,就会有鹤立鸡群的效果。

Samuel Esteves

Samuel Esteves是采用水平滚动设计的图库类网站范例。该网站中的很多图库都很有趣。

samuel esteves, great website design inspiration

Mariana Onate

正如我之前说的那样,水平滚动网页设计极度适合图片展示,看看Mariana Onate。采用了多种技术,以及简单点击的滚动操作给图像浏览带来高雅体验。

horizontal scrolling web design

Lucuma

此作品集与众不同,通过水平滚动设计,提供了更多作品的细节,而作品本身也非常适合采用水平滚动

nice web layout, websites layout examples

Asiance

Asiance是亚洲的数字服务商。通过水平滚动,用户可以获取大量有用的信息。

horizontal web design

Alex Flueras

对于Alex Flueras我无话可说。这是个非常棒的水品滚动图库网站。

horizontal web design

C.L. Holloway

这是一位艺术家的网站,色彩非常的平滑,没有突兀感。通过水平滚动,让人有一种漫步于画廊的感觉,创意和实际的完美结合。

horizontal webdesign, parallax scrolling

Gavin Castleton

绚丽的色彩,有趣的创意。虽然我承认,这个网站的浏览体验并不是那么顺畅,一进入便填出注册框,而导航却处于屏幕的右边,但是瑕不掩瑜,整体的效果还是很棒的。

gavin castleton, horizontal webdesign

Ladio

这是今天我推荐的网站中,最有趣的一个。我花了好几分钟来浏览此网站,不放过每一个细节。如此美丽的网站值得多花点时间驻足。

ladio, horizontal webdesign

Peter Pearson

简约、清爽,可读性强,信息呈递效果佳。

pearson, webdesigner, london, horizontal webdesign

转摘请注明优设网译文出处,谢谢各位小编。

 
================关于优设网================
“优设网uisdc.com“是一个分享网页设计、无线端设计以及PS教程的干货网站。
【特色推荐】
设计讲座:每月邀请国内互联网公司设计前辈及行业总监在群内及YY语音(YY频道:156982)分享实战经验。
设计微博:拥有粉丝量55万的人气微博@优秀网页设计 ,欢迎关注获取网页设计资源、下载顶尖设计素材。
设计导航:全球顶尖设计网站推荐,设计师必备导航:http://hao.uisdc.com
———————————————————–
想在手机上、被窝里获取设计教程、经验分享和各种意想不到的”福利”吗?
添加 优秀网页设计 微信号:【youshege】优设哥的全拼
您也可以通过扫描下方二维码快速添加:

youshege
 

非特殊说明,本文版权归原作者所有,转载请注明出处
本文地址:http://www.uisdc.com/horizontal-websites

界面设计 交互设计师 HTML5 素材 用户体验设计 好文 UI 转场动效 设计师专访 设计师 设计规范 排版布局 扁平化设计 素材下载 视觉设计 职场 产品设计 设计趋势 配色 web前端开发 海报设计 AI教程 字体下载 设计理论 动效设计 神器下载 图标设计 psd下载 logo设计 神器推荐 ICON 职场规划 App设计 酷站推荐 字体设计 交互设计 用户体验 ui设计 设计师职场 优秀网页设计 酷站 ps技巧 PS教程 网页设计 经验分享
wechat

优设官方微信

50万设计师关注

微信号:youshege

把好文章收藏到微信

打开微信,扫码分享
学设计 优设网 在这里