天桥课堂 │ 玩转2018年的网页设计大趋势,让你的网页看起来更高级

发布日期:2018-01-17 13:26:41          浏览次数:1384次


网站设计最迷人之处就是不断变动,技术的演进让设计师与工程师可以不停实验创新,带来更好、更流畅的使用体验,以及让人处处惊奇的感官飨宴。


如果你已经对以往的设计项目感到厌倦了,那么不妨在新的一年里,开始尝试新东西。虽然最近网页设计领域并没有涌现出新的玩法和新趋势,但是在品牌的运用、色彩和UI设计上,还是有不少值得一提的新的网页设计趋势。在2018年的开头,接下来的3个设计趋势,你会在不少新网站上看到。


1、简约文本LOGO的回归

虽然这种趋势说起来略显简单,但是确确实实许多网站开始回归简约的文本LOGO并且悄无声息地置于网站的左上角。这类网站中绝大多数采用的是文本LOGO,少量的采用文本+图形的样式,不过图形也非常简单,和LOGO文本的融合度很高。


这些文本LOGO通?;崾褂眉蛟级负翁卣髅飨缘姆浅南咦痔?,背景和LOGO之间会保持一定的对比度,不会太过扎眼。当背景是彩色的时候,LOGO会用白色,或者当背景是浅色的时候,使用相对更深的颜色来构成色差。很明显,设计师并不想让LOGO显得过于显眼,不希望它吸引太多的注意力。



2、色彩在跳舞!

虽然紫色是2018年的年度潘通色,但是最近的网页设计当中,你会发现桃色出现的频率更高。





桃色和肉色很相似,介于橙色和粉色之间,是一种温暖而充满激情的色彩,虽然很多人会认为它略显女性化,但是它确实有柔和而具有亲和力的一面。桃色本身会给人以创意和活力感,唤醒人的饥饿感,有幸福、自信的情绪特征。最著名的桃色是Crayola蜡笔中的桃色,它的HEX值为 #FFCBA4 ,RGB值为 255,203,164。虽然桃色并非如同蓝色、绿色和粉红色一样流行,但是它作为一种有趣、富有亲和力的色彩,正受到越来越多设计师的青睐。







3、超窄侧边栏

虽然侧边栏作为设计元素从未真正脱离潮流,但是它也从来没有成为设计趋势中的中流砥柱。不过现在的情况开始有所改变了??加胁簧偻究荚谒堑氖滓持杏幸馐兜丶尤氩啾呃?,有的会用它来承载社交媒体链接的小图标,有的则用它作为作为导航元素的载体来使用。



这些侧边栏的设计大都比较窄,作为一种纵向排布的元素,部分网页当中还没有使用全高。正在流行的这种侧边栏设计,最大的特点是窄,轻量级。


这种设计很大程度上要归功于移动端网页设计——移动端屏幕通常较小,为了方便交互而使用侧边栏作为功能载体,但是考虑到较窄的屏宽,侧边栏不能设计的太宽。而被移植到桌面端的侧边栏同样不会设计得太宽大,这很容易让人想到它在移动端上的样子。


为了统一移动端和桌面端之间的体验和交互,许多设计师会有意识地将各种纵向排布的元素加入到设计当中,而超窄侧边栏则成了最佳的载体。从首页到社交媒体链接,从品牌LOGO到功能性按钮,它们都可以有机地加入其中。





4、不对称和碎片式网格布局(broken grid layouts)

2018年继续走高的是不对称和非传统的“碎片化”布局。当然这并不意味着抛弃网格概念,而是它允许图像和文本元素“穿越”作为分割的固定参看线,甚至是界面。文字和图片的重叠交错,往往能带来意想不到的美感。




5、更加普遍的交互和动画

技术的升级给设计工作带来了更多的可能性,如何利用新技术为设计服务,则是所有设计师都在思考并尝试的课题。

无论是粒子背景,令人惊喜的滚动,或是有趣的页面切换,更加普及的交互和动画是2018年网站设计中的重头戏。这些都将提升访问者在页面浏览时的整体体验,也在引导视觉焦点时起到了重要作用。让访客更加深刻的体会到品牌调性,你并不是被导航到了另一个页面,而是滑到了另一个视觉景象中。让网站更具有深度和整体感。


作为设计师,我们固然想要脱离一种流行形式,创造出一个独特的设计风格,但是天桥君同时也认为,之所以会出现“设计趋势”这样的文章,一定是基于用户的喜好,以用户为中心才是我们作为设计师首先要考虑的。总结来说,2018年的网页设计流行语可能有:“深度与广阔”、“不对称的几何学”、“野蛮主义”、“移动端”、“原创性”等。至于2018年会出现哪些有趣的设计?会不会围绕这些词语展开?我们等着瞧吧!


无论是二维/三维动画制作,还是平面设计,我们始终需要获取大量的信息,大量的看、大量的阅读、大量的记录、 大量的观察生活,直到熟练掌握之前,我们是没办法创造新的东西的。然后,我们需要去转化这些看到或收集来的东西,去发现和归纳它们的形式、总结它们的规律套路、挖掘它们的本质,并把它们转化成自己可以用的东西。最后,就是和现有东西的结合,和你要做的东西相结合。这大概就是一个创意最简单的路径!


以上内容仅供各位参考,无论是跟随还是抵制,我们的创意都不可避免的与这些趋势关联起来,不是么?


视桥科技官网

全国服务热线:4001566100

河北省秦皇岛市开发区森林体育公园秦皇新天地园区4号楼

视桥科技(北京):15801617969 010-65756578 / 视桥科技(天津):15011128703 / 视桥科技(上海):13780340056

此展示仅说明本公司技术能力并禁止下载和其他任何形式的使用否则以侵权论,依法追究法律责任

冀ICP备11015264号-1

视桥科技为您提供:动画制作 VR虚拟现实 广告宣传片 3D打印 品牌设计