首页 > 网页教程 > 设计分享 > 网页设计新趋势:非对称布局、感知化设计、自定义字体等

网页设计新趋势:非对称布局、感知化设计、自定义字体等

时间:2017-09-21    来源:优设网

如果你也一直观察网页设计这个行业,会发现它的变化确实非常快。设计趋势来了又去,年头流行,到年底可能就完全看不到了,还有一些设计手法,则在几年之间持续不断地发生变化。想要跟上设计的趋势,敏锐地观察,持续不断的关注,总是需要的。

时间行进到2017年,越来越成熟的网页设计圈子,已经不仅仅只是流行各种设计技法和不同的设计工具了,你会发现,设计手段和设计思想也越来越成熟,至少,系统化的思维已经不再鲜见了。

“我们不只在搭建页面,我们在创建系统。”

纵览今年的网页设计,用户体验设计被大家提升到更重要的位置,数字产品的沉浸体验被越来越多的设计师和产品人关注到。新诞生的设计工具和素材当中,无论是UI Kit 、风格指南还是设计辅助工具,都是为了更好的沉浸式体验。

非对称布局

对称式的布局在网页中非常常见,它不仅易于设计,便于使用而且是合理的设计策略。栅格系统的出现,不仅帮助设计更好地完成响应式布局的设计搭建,也让设计拥有了更好管控非对称布局的方案。越来越多的非对称式的布局出现在我们视野当中,甚至不少设计师专门对此进行了总结。Kimberly Elamconveys 的这本《Grid System:Principles of Organizing Type》中对于如何运用栅格系统来构建非对称布局,有许多不错的实例。

打破常规的布局,这并非是新鲜的概念,但是在非对称式的网页布局的探索上,我们还有很长的路要走,还有许多未知可供探索。非对称布局在今天成为设计趋势,很大程度上是因为它在技术可行性的基础上,让设计师有了自由发挥的可能性,能够让设计脱颖而出。如果排版布局和整体实现都足够合理,想法和内容能够在自由的设计下更容易被用户所感知,个性化的表达也得以保留。

随着设计师对于动效、视差和栅格的纯熟掌握,未来的非对称式布局可能会成为设计师手里的杀手锏。

感知化设计

在拟物化设计走到极致之后,扁平化设计接管了整个设计风格的走向。早期的扁平化设计拥有了足够现代的设计特质,但是在用户感知上并不足以媲美拟物化,这也催生了今天我们所说的扁平化2.0 和 Material Design 这样的设计风尚。用风格来描述这些设计上的演变是我们现在所熟知的方式,但是换个角度来看待这些变化,其实会更加直观。设计元素从来都没有因为扁平化设计而疏离真实的世界,我们对于世界的认知构建起来了感知的体系,而设计元素的变化,一直都是奔着更好的感知度而去的。

虽然拟物化的设计并没有回归,但是在设计元素的演变上,可感知性一直在逐步变好,变得更容易理解、触及。

自定义字体

伴随着非对称式布局而来的,是个性化的字体设计。针对特定的需求、遵循特定风格的个性化字体设计,和非常规的排版有着天然的契合,超大的个性化字体不仅可以传达信息,而且能够作为重要的视觉元素而存在,甚至可以成为视觉焦点。

让不同的字体在网页中协调的搭配起来是越来越多网页设计师试图做到的事情,而出于视觉设计的需求,有时候还需要让对比足够强烈的字体搭配到一起。

新的网页字体技术的出现,使得网页字体的兼容性和可能性越来越强。多彩字体甚至一开始就是为了个性化和自定义而存在。被非衬线体字体所统治的时代,即将过去。

相关推荐
前瞻:2012年Web设计和开发的15个最新趋势
2013年web开发者最需要了解的开发趋势和技能
2013年最受欢迎的20大网页设计趋势分享
最新的七个WEB设计趋势及其生存技巧预测
展望2015年网页设计趋势
网页设计师必看:2015全球网站设计趋势推荐
最值得关注的21个网页设计趋势:单色网站、视频背景等
四大设计趋势教你如何你玩转2015年网页设计
从日本设计机构看日本的网页设计文化与趋势
2015上半年最具代表性的网站设计趋势TOP 10
不一样的角度!老外设计师眼中的国内设计趋势
盘点2015下半年网页设计的9大趋势
读懂十大未来设计趋势,别让你的设计白费力气
明年最值得关注的16个网页设计趋势
年度总结:最新视觉设计六大趋势分享
底部导航设计、Box元素、竖线元素3种最新网页设计趋势
30个幽默有趣的404错误页面创意设计欣赏
分享:网页核心内容对视觉表现的影响
网页设计的背景创意风格与设计趋势分享
20+艺术视觉和网页完美统一的网页创意案例欣赏
21个带斜线排版设计的网站设计创意欣赏
55个极具创意的手绘网页设计案例欣赏
从优秀案例分析网页Banner视觉构成与创意设计
15个运用创意印刷字体的网站欣赏
产品设计:万水千山总是情 不要图片行不行
15个最佳创意型404错误页面案例赏析
15个国内外优质设计分享平台推荐 设计师必收藏
网页设计怎么破?创新式布局与交互的设计
12个启发灵感的创意单页网站作品欣赏
8个即将过时的网页设计趋势剖析
21个优秀的国外电子商务网站赏析
22款“暗黑系”的网页设计案例欣赏
四大网页设计秘诀:让用户第一眼就爱上你的网站
构图之美:成功的专题都是怎么构图的?
38个创意出彩的网页字体设计案例赏析
9个国外杰出创意网站精选案例欣赏

精彩推荐

热门教程