详细解析网页水平横向设计的一些技巧

2016-02-17 00:04 5 1 收藏

岁数大了,QQ也不闪了,微信也不响了,电话也不来了,但是图老师依旧坚持为大家推荐最精彩的内容,下面为大家精心准备的详细解析网页水平横向设计的一些技巧,希望大家看完后能赶快学习起来。

【 tulaoshi.com - 平面设计 】

老实说,你浏览过几个水平滑动的网站?如果让我来回答这个问题,我得说我没浏览过几个。而且水平滚动网站似乎在网页设计中并不流行。或者会被一些专家说这是反人类的浏览体验。

好吧,对无创意毋宁死的设计师来说。咱们就是爱打破常规,弄点新颖奇特的设计出来。

不过不得不说,水平滚动网页设计有点命途多舛,刚出来的时候短暂流行过一阵子,但后来渐渐消隐于大众视线,

有人说这种风格的网页,浏览起来非常不顺畅,有人说他们就没见过认真设计的水平滚动网站。但是本文将介绍几例优秀案例。

随着设计技艺和风格理解的提高,优秀水平滚动设计渐渐多了起来。

当然,还有重要的一点需要考虑,不是每一种内容都适合用水平滚动的布局方式呈现。大多数采用水平滚动方式设计的网站,内容一般都是图片和简洁的文字资料。

(本文来源于图老师网站,更多请访问http://www.tulaoshi.com/pmsj/)

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

Samuel Esteves

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

详细解析网页水平横向设计的一些技巧,PS教程,图老师教程网

Mariana Onate

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

详细解析网页水平横向设计的一些技巧,PS教程,图老师教程网

Lucuma

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

详细解析网页水平横向设计的一些技巧,PS教程,图老师教程网

Asiance

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

(本文来源于图老师网站,更多请访问http://www.tulaoshi.com/pmsj/)

详细解析网页水平横向设计的一些技巧,PS教程,图老师教程网

Alex Flueras

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

详细解析网页水平横向设计的一些技巧,PS教程,图老师教程网

C.L. Holloway

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

详细解析网页水平横向设计的一些技巧,PS教程,图老师教程网

Gavin Castleton

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

详细解析网页水平横向设计的一些技巧,PS教程,图老师教程网

Ladio

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

详细解析网页水平横向设计的一些技巧,PS教程,图老师教程网

Peter Pearson

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

详细解析网页水平横向设计的一些技巧,PS教程,图老师教程网

来源:http://www.tulaoshi.com/n/20160217/1576672.html

延伸阅读
晋小彦:时代在变规则也在变,网页设计师刚入行的时候都会被告知信息内容需要摆放在800或1000的宽度以内,但是今天不论在网络速度还是硬件、显示屏都有了不同程度的更。面对伴随而来的多终端显示。如何让我们的网页有一个良好的第一视觉?如何让各类的用户特别是宽屏的用户在自己的显示器上看到完整的视觉盛宴?而非仅停留于1000宽度的切糕网页。...
标签: Web开发
我们都知道,财务预算的多少在一个工程当中起着很重要的作用,经济基础决定上层建筑同样也适用于网站设计工作。拥有大量财务预算作为后盾的网站设计人员可以获得任何所需的资源,从而可以把他们的想像力付诸于网站设计的体验。他们可以聘请专业摄像师来制作引人注目的照片;可以请最好的 HTML 和 CSS 专家来创建适用于多种浏览器的复杂布局;...
在来腾讯的一年里,接触过许多项目里的字体设计,也因此在设计过程中形成了自己的一套字体设计方法。借此机会与大家分享设计心得,不足处欢迎顶帖回复。废话少说,直奔主题。 如何实现字体变形 如何实现字体变形?我想是刚接触字体设计的设计师们最关注的问题。在这里我只想分享一个观点,每个人的创意和实现方式各有不同。我在这儿介绍的...
来自网易四十大盗的一篇经典文章,现在很多同学设计网页木有思路和灵感,保证你看完本文一定受益匪浅。工作中,网页设计师经常会遇见这些状况:时间短又要出彩、大气又要有气氛、风格不明确很难把握、栏目又多页面又长,突然觉得束手无策,脑袋里一片空白,没想法了,怎么办? 下面简浅的归纳了几个快速让页面出彩的小技巧: 一、旋转法 将页...
最近在做横屏模式的项目,不免对横屏模式多了一些思考。横屏模式多见于PC或者是Pad,而较少出现在智能手机上,这是由我们使用手机的方式所决定。 手机之所以这么流行,主要是因为其体积较小、便于携带。无论是走路时一只手拿着重物,还是地铁里一只手拉着把手,抑或是开车中一只手握着方向盘,我们都可以单手玩弄手机于手掌之中,又以竖屏居多...

经验教程

143

收藏

27
微博分享 QQ分享 QQ空间 手机页面 收藏网站 回到头部