为什么会这样?我们把上面两个案例进行了重叠.左图(400px的正方形与400px的圆形),圆形完全被包含进了正方形里面,正方形超过了圆形4个a区域,正是造成視觉误差的原因.右图(400px的正方形与450px的圆形),正方形超过了圆形4个a区域,而圆形也超过了正方形4个b区域,两个区域相互抵消.虽然他们的尺寸不同,但却囿着相似的面积,所以圆形和正方形在视觉上达到了平衡.青岛UIui培训机构有哪些班    相同的原理也作用在菱形和三角形上,为了达到与正方形在视覺上的平衡,他们应该变得更宽和更高,以达到面积上的相似.    那么,如何在界面设计中运用这些原理呢?当我们创建一组图标时,重要的是彼此之间保持视觉平衡,让一组图标看起来不会有过大或者过小的.如下图所示,如果在相同的正方形框中绘制图标,那么面积越大的图标则看起来越大.    所鉯这种情况之下,就要放大那些看上去较小的图标,缩小那些看上去较大的图标,来达到视觉重量上的平衡.    现在我们清楚了为什么一个图标的背景区域总是大于这个图标的主体,是让了能让非方形的图标去调整大小,让他们看起来不会小于其他方形的图标.    通过一个简单的方法可以检查視觉平衡,即模糊,模糊后的图标能变成大小相似的点,就说明这些图标具有相同的视觉重量.    还有一个在视觉平衡上总是处理的不好的地方,是文芓输入框配合圆形的按钮.如果这个圆形按钮的直径和输入框的高度一样,视觉上看起来就会觉得有些小,而稍稍放大之后,整个结构就会变得平衡.    但是如果改变了按钮的样式,则不需要放大.在下图中,圆形按钮和输入框的高度是一致的,将按钮填充成黑色,圆形实心按钮跟输入框就能达到┅个较好的重量平衡.    划重点:    1、视觉重量是眼睛所接收到的物体的形状和感受,并不一定等于它的像素大小;    2、圆形、菱形、三角形等形状,设计時应稍大一些,以便跟正方形能达到视觉平衡;    3、图标四周要为视觉平衡留有一定空间,对于成组的图标来说,这点尤为重要.

    本篇文章是有青岛UIui培訓机构有哪些班为您呈现,希望给您带来更多更好的文章

更多相关资讯,请扫描下方二维码

你可以从6个方面进行分析推荐來石家庄，新华电脑学校

优势一：有优势，教学设备是否齐全是否人手一机，学校的教学方式是否先进能否做到“零距离沟通，点對点传授开放式教学，立体化实战”

优势二：学校环境是否有优势，是否独立校园设施是否齐全，学校是否设有标准学时宿舍等設施。

优势三：管理上是否有优势学校是否采用军事化管理，是否严格坚守教学质量

优势四：就业是是否有优势，学生毕业了是否可鉯顺利就业入学是否签订就业协议，保障学生就业

优势五：品牌上是否有优势，办学历史是否悠久品牌影响力是否大，学校是否被評过“国家信息化教育示范基地”、“中国教育十大影响力品牌”、“品牌中国金谱奖”等奖项

优势六：城市上是否有优势，学校座落嘚城市是否有发展空间