主页 > 网络爱看 >2014网页设计十大趋势预测 >

2014网页设计十大趋势预测

2020-06-04

2014网页设计十大趋势预测

新的一年马上就要到来,网页设计设计师与网页开发者,展望新的一年的最好方式──就是预先了解 2014 年的十大网页设计趋势预测,看看是否能够激发一些灵感,为未来的工作方向提早作準备。

一、跳脱平淡的文字编排/字体设计
2014网页设计十大趋势预测
Stuff and Nonsense 网页设计网站。

未来「有个性的字体」将成为网页设计的趋势,所谓有个性的字体是独树一格,可以自成一个宇宙。不是电脑中已有的标準化字体。设计师正开始找寻能够为设计增添一些个性和独特性的字体。

网页设计公司 Stuff and Nonsense 的新网站设计是很好的例子。儘管可以使用标準衬线字体或无衬线字体如 Helvetica,取而代之的是,他们选择了独特的衬线字体,来保持专业性但又带点个性。未来,将抛弃简单与氾滥使用的字体,在网页设计中更多地运用有个性的字体。

二、扁平化设计
2014网页设计十大趋势预测
iOS7 宣传页面。

今年苹果渐渐抛弃拟真化设计,转向扁平化美学,iOS7 即为最佳代表。 儘管在此之前,下降式的阴影和渐层通常是展示产品新外观的好方式,苹果还是尽量除去可能的设计元素,将设计提升至另一个层次。随着 iOS7 的扁平化设计推出一些时日,全球已经一窝蜂跟进。

三、大面积图像区块取代滑动区块
2014网页设计十大趋势预测
Realtii.com 採大面积图像区块设计。

大面积图像区块意指网站首页中,使用用大图作为主视觉,只有少量的文字,放置在网页的最顶端。不论背景是一张简单模糊图片中间加上一个标题或是有更多延伸说明的 Realtii.com,大面积图像区块已经慢慢取代滑动区块,掌握人们的视线。

2014网页设计十大趋势预测

较过时的滑动区块设计,点击中央 1-5 的数字可以滑动图片。

2014网页设计十大趋势预测
结合大面积图像区块的滑动区块设计,效果也不错。
四、着重行动网站呈现

随着人们强烈仰赖手机,设计师们开始关注网页在手机上的呈现。未来网页将会与社群媒体整合,包括:要求使用者 e-mail 订阅、超长的滚动页面、快速载入的网站等功能,都会让行动网站的使用更加友善。

五、影片取代文字
2014网页设计十大趋势预测
整合货币装置服务 Coin 网站。

以影片取代文字的基本精神是:如果影片会自动解说资讯,为什幺要费神阅读?2014 年的趋势是,你会开始看到网站上都内嵌影片,特别是在前述所说的大面积图像区块,例如新兴产品 Coin 的网站也採用影片放在它的官网首页。 撇除需要下载更多的数据的缺点外,影片比文字还能更有效地说明资讯含量较高、较複杂的新科技产品,其製作和传递分享越来越方便,因此,以影片取代长篇大论的文字介绍不失为一个很实用的点子。

六、长滚动页面
2014网页设计十大趋势预测
网业开发工具 MACAW 网站。

人们习惯「滚动」来阅读、搜寻资讯,现在网站使用更多的设计技巧、例如画面更多的留白、回应式网页设计,使得过去被诟病的长滚动页面重新流行起来,长滚动页面设计有助于人们的资讯吸收。Macaw 网站是很好的例子, 令人耳目一新的网页排版让这种设计不显无聊,使用者不会意识到实际滚动的距离有多少。

七、配色简单
2014网页设计十大趋势预测
网页介面开发 UIkit 网站。

简单的意思是指整个网站只使用一两种颜色,以 UIKit 为例,只有一个颜色。 这样简单的配色似乎是大多是受到受扁平化设计的影响,但也不尽然。

一些时下上线的网站使用很少的色彩,甚至放弃所有的颜色,只用白、黑,两者之间的颜色都相当流行,再加入一点点的颜色作为小小的点缀,例如加入红色来吸引目光。所有的颜色使用都必须非常小心,使用正确才能增加影响力和张力。

八、简化内容
2014网页设计十大趋势预测
上方蓝色框框为简化对话内容。

简化的内容代表着内容意味着短时间跳出的内容,作者把它称作一种「Twitter 风格」。随着时代演进,人们的注意广度变得更短,一段时间内能够注意到的外在刺激有限,因此设计师利用短时间跳出的简短内容来解决这个问题。

九、不用侧边栏
2014网页设计十大趋势预测
ooomf 网站。

不用侧边栏,整合所有选单、内容至网页,只要下拉滚轮即可看见的趋势正流行。儘管目前部落格、杂誌形式网站比较採用,但许多这类的网站也在实验这种做法。这也扩张内容的视觉影响力。想像你在阅读网页,旁边却有很多广告闪动、拥挤的资讯出现不断干扰你的注意力,因此,设计师不用侧边栏,尽可能的将文章放置在网页主体,排除其他干扰,以便塑造良好的阅读经验。

十、使用编修过色调、风格的图片
2014网页设计十大趋势预测
Cider Co. 网站。

未来的网页设计可能会出现越来越多类 Instagram 风格的照片,也就是颜色重叠、失焦、模糊、或以滤镜编修过的照片。举例来说, 西雅图 Cider Co. 就将一张照片编修放在大面积图像区域,塑造成一种仿古和质朴的感觉,以符合网站的整体风格。

十一、加分元素:疯狂、性感、酷的事物
2014网页设计十大趋势预测

这些是所有人希望不要消失的元素,当网路发展更成熟、更加的错综複杂、更多的事情被开发出来,设计师与网路开发者将要成功创造更疯狂、更性感、更酷的产物。如果你认为视差滚动很酷的话,未来你还会看到更多更酷的东西。

2014 年的趋势还有 HTML5 被广泛使用来呈现网站不同部分的动画。Tobi’s Story 网站就是以很棒的方式将很酷的东西作了最佳的使用,滚动距离的次标题与动画良好的结合,是未来的趋势。

最后要谨记的一点是,人们都爱酷的东西,当能实际使用时又更爱它,但要记得运用酷的东西还是不要太过火为佳。

资料来源: The Next Web〈10 Web design trends you can expect to see in 2014〉



上一篇: 下一篇:

新加坡美食Charlie's Corner是当地人与世界各地游客首选推荐的特色美食之一。新加坡美食C

马来西亚兰卡威美食Charlie's Place是当地人与世界各地游客首选推荐的特色美食之一。马来西

Charlotte Olympia 2014年Eye-Spy早秋系列置地新店率先推出Charlott

Charlotte Olympia「Kiss Me」情人节限量系列Charlotte Olympia