当前位置:主页 > 设计理论 >

值得关注的2015年网页设计趋势(3)

  • 2015-04-22 23:38
  • 来源/作者:网络收集/未知
  • 己被围观

6.方框减少 网页设计师总是喜欢炫耀自己的思维能够跳出框框,而且能以不止一种方式跳出方框。姑且称之为画一个框框然后证明你能打破它理论。矩形显


 

6.方框减少

网页设计师总是喜欢炫耀自己的思维能够跳出框框,而且能以不止一种方式跳出方框。姑且称之为“画一个框框然后证明你能打破它”理论。矩形显示器本身就是对网页设计师的束缚(别说你见过圆形显示器)。网页上的每个HTML元素也是方形的。

但是跟大多数人一样,设计师不喜欢被束缚。下面提供据我判断目前处于上升期的几个趋势,可以作为证明你不是矩形奴隶的长期战略计划。

就像不存在矩形边框一样去设计布局

1422939018Circles_Hexagons_Iirregular_Shapes

 

详情点DAN Paris.  DAN的instagram photo由圆形组成菜单导航.

和谐元素:圆形,六边形,不规则形状,甚至菱形。

 

1422939110rectangles

详情点Lorenzo Bocchi

轴测图的视角展示的水平倾斜视角和网站布局预览,给人空间和运动的感觉。

 

1422939171z_lotu_ptaka_realism

详情点The Rosa
在罗萨餐厅主页你的感官会被骗到–你几乎可以闻到饼干的香味。其实不是新技巧,它是一个现代版的以百年老技术trompe-l’œIL,模拟镜头下的真实桌面。例如,把木桌作为背景,然后把所有的布景物体放置在上面。

 

1422939205swiss2

详情点Swiss Airlines

否定矩形的根本方法是将用户置于一个无限的空间里,滚动页面就可以飞行,呃,滚起来。
瑞士航空公司的挑战了你的网站导航的理解。浏览他们的页面,你会感慨我们对文档空间的理解是多么常规和局限。在这里,不是鼠标在向上或向下,而是我们在云里自由穿梭。

7.贴瓷砖

1422939251Tiles_Windows8

如果你和矩形相处得很融洽,那么有一个很酷的方式来组织你的内容:贴瓷砖。不知为何瓷砖在网页设计这块比在Windows 8 Metro界面这块更为流行。瓷砖非常适用于响应式布局,同时是一个形成令人印象深刻的布局元素。

如果贴瓷砖变得太无聊,可以尝试进一步把边缘锯齿化,然后把对象或者文本推出锯齿边缘。

 

8.导航控件

1422938950dailybeast_s

Daily Beast网站导航控件把滚动方向显示在文章内部。

导航设计一直是网页设计师最喜欢的游乐场。“玩”导航达到顶峰的时候,网站是纯粹的Flash设计。Flash消失后菜单
变得安静了,没有了动画或夸张的交互。

但尖锐导航趋势又一直在上升,部分是由于新的网页设计趋势和现有的导航模式的低效。由于Java的不断演化和现代CSS在各个浏览器中更频繁的被阐释,Java Script脚本的更广泛的应用(通过框架和插件),因此尖锐导航设计的实现变得更为容易。

这里有几个导航设计试验和趋势的几个例子。其中部分想法已得到了广泛的应用,而其余的作为一种新生力量在推动网页设计
走向。

 

粘性菜单

1422938157less_s

菜单在鼠标滚动时不断扩展相关项目。它适用于有很多内容的单页网站。The LESS的菜单是一个少有的非常舒适的使用“手动”的网页。

粘性菜单是当鼠标滚动时菜单仍停留在屏幕的顶部或边缘。不管你喜不喜欢,它正在成为单页网站的标准。

有时它结合scrollspy脚本创建一个部件能准确显示浏览者在页面具体位置,这在是有长长层次关系菜单的网页里尤其实用。

 

贴在屏幕四角的粘连导航

1422938080HUM_1

详情点Hum

 

街景视角导航条

1422938008pudelko_w_pudelku_nawigacja

详情点Oh Dear Games

谷歌地图,特别是街景,启发了这个网站开发者创建类似通过谷歌街景步行的导航。时间会告诉我们它是否能成为一种趋势。

 

9.结合谷歌地图

1422937088street_view_inspire

把这个特点作为2015一大趋势,不仅因为它已经在近几年逐渐崛起(而且我们看它几乎无处不在),而且它正变得越来越有趣,这得益于谷歌提供的易用定制选项。

按这个特点做的最有趣的网站是在一个地图概念图周围进行功能区和视觉上的创意构造。当然,它使用的是定制的谷歌地图以良好地配合页面的外观和感觉。


(责任编辑:PS家园网)

*PSjia.COM 倾力出品,转载请注明来自PS家园网(www.psjia.com)

分享到:

标签(TAG) 网页设计 设计趋势 

更多精彩内容

  • 设计师必学的七个文字排 设计师必学的七个文字排
  • 详细解析2021年设计界最新 详细解析2021年设计界最新
  • 解读设计师如何从球鞋中 解读设计师如何从球鞋中
  • 文字的韵味 文字的韵味