网页设计如何提升品质感


      有些设计师的作品缺乏足够的细节和品质,导致作品不够耐看。就像一本书有着精美的封面,但是打开以后却平淡无奇,最终对整本书都非常失望。
      想要让作品更优秀,除了基本的版式和配色之外国际商贸,往往还需要更深入地去雕刻作品,让作品带有一种更高级的“气质”,而这种“气质”就是我们所说的品质感。
      1.什么是品质感?
      品质感是对于设计作品来说,是一个综合性的评价。我们可以将这个词分为“品”和“质”cn域名,“品”代表物体本身的品相和细节,而“质”则代表质感。

      怎样的设计才算是有品质感的?如何提升设计的品质感?我们可以首先来研究一些优秀的设计案例,寻找其中的共同点。苹果的产品和页面设计,是比较公认的具有较高品质感的,我们可以来看一下苹果的部分官网页面。

苹果产品页面设计

苹果产品页面设计

      苹果的所有产品和页面,从产品图到页面的设计都非常有质感。为什么这种质感会如此吸引我们,令我们觉得非常舒适?如何才能让设计产生质感?

      要了解如何产生质感,首先要了解一下物体产生质感的原理。

物体产生质感的原理

物体产生质感的原理

      当光线照射在富有质感的物体表面时,会产生不同程度的漫反射,最终反射进入我们的眼球后,就会显现出一层富有质感的渐变色。所以想让物体获得质感,渐变是一个关键要素。
      我们可以利用这一原理来提升质感。下面的案例,是FisnDesign组件库官网的一个局部页面。其中就运用了大量的渐变色质感原理,将渐变色融入到icon和页面元素中,从而提升了整个页面的质感。
品质感
      2.获得品质感的关键要素
      渐变只是是获得品质感的关键因素之一,苹果官网将渐变这种原理加入到页面和元素中,配合精美的产品图片,让页面保持了非常高的品质感。

      那么是否还有其他要素的存在,能够提升质感呢?

提升品质感

      仔细观察苹果的所有元素设计,在渐变的同时,还加入了微量的投影和丰富的细节,使所有的元素在简洁中充满了细腻的质感。
      我们可以总结一下,让设计获得品质感的几个要点:细腻的渐变+轻微的光影+细节/纹理。

      发现这些原理以后,我们可以尝试将这些原理运用到设计中,从而提升设计的品质感。下面的几个案例,就是我在研究时所做的一些案例,在不同的页面细节中都可以看到 以上原理的运用效果。

提升品质感

(郑重声明:本文版权归原作者徐剑杰所有公司建站,转载文章仅为传播更多信息之目的,如有侵权,请710公海删除;如作者信息标记有误,请710公海修改。)



【文章标题】网页设计如何提升品质感
【发布日期】2019-1-7 15:05:13
【关键词】网页设计,品质
【原文地址】http://www.junchuanzhuangshi.com/info_878.html
【文章来源】710公海网站建设
【官方网站】http://www.junchuanzhuangshi.com/
  • 网站地图