News & Events

新闻动态

所在位置:

首页新闻动态行业动态网站设计中圆形元素的应用技巧

网站设计中圆形元素的应用技巧

时间:2019-02-26 00:00:00浏览次数:196
  在网站建设中,页面的设计是其中一个重要的部分。网站作为一个企业对外展示的形象,就好比一个人的脸面,如果网站长得足够好看,也能吸引不少人的目光。那么怎么样才可以在众多的页面设计中脱颖而出呢?从形状心理学的角度来看,圆形和环形有着完整、和谐的心理学特征,在很多不同的场合,它常常会拿来传达爱情、能量的意象。在Material Design的规范中,圆形按钮被大规模运用,并且由此开始,圆形在UI设计中开始承担越来越多的责任。今天我们就一起来看看,如何运用圆形元素更好为我们的网站加

  在网站建设中,页面的设计是其中一个重要的部分。网站作为一个企业对外展示的形象,就好比一个人的脸面,如果网站长得足够好看,也能吸引不少人的目光。那么怎么样才可以在众多的页面设计中脱颖而出呢?从形状心理学的角度来看,圆形和环形有着完整、和谐的心理学特征,在很多不同的场合,它常常会拿来传达爱情、能量的意象。在Material Design的规范中,圆形按钮被大规模运用,并且由此开始,圆形在UI设计中开始承担越来越多的责任。今天我们就一起来看看,如何运用圆形元素更好为我们的网站加分吸睛。


  1.重点聚焦


  几何图形的都拥有一定的聚焦重点的作用,网站如果想要用圆形几何,使用圆形色块的效果会比较好。比如下图中的网站模板:使用红色的半透明圆形色块,把用户目光聚焦于色块内的文案,半透明的效果让实景大图背景保持完善,不会形成图片被色块突兀切割的视觉感,红色的色块与背景色也可以很好搭配,形成一幅色彩鲜艳,但有又充满活力的Banner图。


  2.界面引用




  界面中圆形运用在一些数据可视化,导航目录,进度,状态等以及需要科技感的页面场景,以及常用UI元素按钮,头像等。可以


  局部、叠加,组合来调整达到很棒的页面效果。


  3.突出内容


  圆也可以看做是一种轮回、闭环,这一性质用于内容的分点展示可以引导用户实现,也更易于用户的理解,比如下图的网站模板中:内容以圆为中心展开,分布在同一条圆线上,有很好的引导效果,用户的视线会下意识围绕者这个轨道环视阅读内容。



  在网站设计中要知道每一种常用设计元素的作用是什么,有什么样的效果,才能更好进行设计与运用。图形里面如果用的最多的图形,那当属圆不可,他造型比较简单,局部,叠加,组合都能达到很棒效果,包容性非常强,好好的运用以上的技巧可以让我们的页面更加与众不同。

厦门
厦门市思明区软件园二期望海路19号之二303
福州
福州市仓山区金山街道浦上大道216号福州仓山万达广场C区C3号楼6层
泉州
泉州晋江市青阳泉安中路与湖光路交叉处嘉诚商厦10层
Copyright © 2010- 2019 会心科技, All Rights Reserved     闽ICP备 10202970号
首页
菜单
产品
位置
电话
导航