课程咨询 :0571-56020837 QQ:162157806

南昌达内UI名师

南昌UI培训 > 达内新闻 > 达内:3个有趣的网页设计趋势
  • 达内:3个有趣的网页设计趋势

    发布:南昌UI培训      来源:优设网      时间:2016-03-01


  •     如果一个网站融合了全新的设计手法、最新的设计技巧,与众不同的气场,更现代的气质,毫无疑问会非常吸引用户。

        南昌达内网页设计培训专家介绍给大家3个有趣的网页设计趋势,只需要将现有的元素、色彩和排版手法巧妙的运用,就能实现这3个设计效果,无论美学还是功能性都非常给力。

    1、双色调配色方案

        双色调配色早已出现了。在扁平化的大势之下,Spotify 大范围使用双色调配色,将这一设计手法推到了潮头。

        那么双色调配色具体是怎么一回事呢?

        简单说来,是两种色彩来构成一套配色。最常见的双色调配色会选择互补色来进行组合。在更复杂的场合中,会使用其他的组合来营造特定的感觉,打破约定俗成的配色风格,可能会有惊喜。

        大多数双色调效果是使用一个色彩鲜艳的色调叠加在照片上实现的,强化深浅色彩对比,从而营造出色彩冲击力。Shopify 对于这种手法的运用非常的纯熟,在恰当的排版设计搭配下,将数十位设计师照片以这种独特的方式展现出来。

        从技术的角度上来看,双色调配色可以同许多其他的设计手法、技术一同搭配使用,比如全屏设计,比如响应式设计,比如插画,正如同上面的那些案例中的诸多技术一样。除了独特的视觉效果,它可以用来强调,对比。这是一种非常强的表现手法,用的时候记得适量使用。

    2、分屏式设计 
     
        分屏式的网页设计案例正在成倍增长。从技术上来讲,这类网页的设计师喜欢将屏幕均分为并排的两个区块,两者尺寸大小都一样,有的时候还会加上轮廓来强调区域的概念。

        这样设计的效果是很酷炫的,在代码编写到位的情况下,网页在桌面端打开的时候,两个区块并排显示,而在移动端上,并排的区块智能地以上下堆叠的形式呈现出来。

        分屏是设计的使用其实是可以嵌套细分的,它可以是简单的对半分,也可以套个栅格,无限分割下去,这样的案例非常的多。被划分的区块可以承载相似的、对比的内容,也可以承载截然不同的媒体类型,而栅格式细分的区块还能帮助网站的设计者探索用户真正感兴趣的内容。

        分屏式设计对用户是友好的,和响应式设计可以很好地结合起来,同时还可以加入更多的新技术和设计手法。

        下面是一些高效分屏的技巧:

        1)当你没有太强的视觉设计之时,注意字体和色彩的搭配

        2)吸引用户的注意力让他们从左向右看,从而引导用户的视觉运动。

        3)使用色块来分割屏幕,为主要信息留下足够的空间,确保整体的可读性。

        4)将分屏视作为超大的卡片。将不同的内容制作成更小的区块,在大的卡片中组成马赛克。

        5)尽量确保每个区块中内容的简单易读。

    3、空间共享式排版

        文字排版被延伸到了共享的设计空间成为一个新趋势。在绝大多数的网站中,图像、背景和文字是最主要的元素,它们要么相互嵌套有机组合,要么相互分离。

        但是越来越多的设计师开始试图打破元素之间的界限,不同类型的视觉元素打破固有的位置,进入其他元素的空间,堆叠,交叉,错落。看起来还是非常有趣的。

        考虑到整体的可读性,这种设计还是相当具有挑战性的。

        要使用这种设计技巧,最好搭配以简单的排版。文字应当同其他的元素有足够的对比性,从而确保它在横跨多个不同元素的时候,保持基本的可读性和辨识度。这也使得绝大多数这类网站都倾向于使用黑色和白色的文字。

        字体尺寸也是一个值得注意的属性,它和色彩控制同样重要。你还需要注意文本部分在不同尺寸的屏幕上的显示和运动,也就是响应式变化中的断点。

        在诸多设计案例中,最值得注意的是Deux Huit Huit 。横跨首页主图的文字的运动方式,当它穿越图片、背景的时候,是如何确保它的可读性的。

    结语:

        南昌达内UI设计培训专家列出的这3个网页设计趋势,兼容现代的风格,流行的布局与开发框架,更重要的是它们非常好看,不会破坏你的审美。





    原文链接:http://www.uisdc.com/three-essential-design-trends
    推荐文章

上一篇:提升用户体验的3个小技巧

下一篇:IOS设计中的神级细节

最新开班日期  |  更多

UI设计培训免费训练营

UI设计培训免费训练营

开班日期:每周一

UI设计培训高级班

UI设计培训高级班

开班日期:每周一

UI设计培训全日制班

UI设计培训全日制班

开班日期:每周一

UI设计培训周末班

UI设计培训周末班

开班日期:每周一

  • 地址:南昌市北京西路156号洪城大厦10楼
  • 课程培训电话:0571-56020837 QQ:162157806     全国服务监督电话:400-827-0010
  • 服务邮箱 ts@tedu.com.cn
  • 2001-2016 达内国际公司(TARENA INTERNATIONAL,INC.) 版权所有 京ICP证08000853号-56