台州网站seo_界面不精致,往往忽略了这些设计细节

2018.04.25 台州网站建设

51

台州网站seo_界面不精致,往往忽略了这些设计细节


  台州网站建设为什么一个简单的界面,你总是感到不足后,它可能是因为你省略了一些设计细节,容易忽视。在本文中,作者,通过一个案例,精心地教你如何改进你的设计,并从中学习。

 

  我有一个很好的感觉:自己读这篇文章:做一个好的设计不完全是对数学的精确实施,并且很多时候相信自己的眼睛,心理感知作为一个标准来辅助优化设计,最终的结果可能对用户来说是最好的。

 

  每当你看到一个界面,你的大脑实际上在欺骗你。不管你如何努力使事物看起来是一样的——观众的眼睛往往不一致,因为我们在现实生活中通过大脑感知物体。因此,作为设计者,我们唯一的选择是扭转欺骗。在本文中,我将向您展示如何设计一个组件来改进。让我们来看看这个弹出式例子。

 

  试比较比较前后的视觉感。直接比较可能很难看出差异,所以我做了一个GIF来帮助你比较。

 

  第一,调整重心

 

  现实世界中的任何物体都会受到重力的影响。这意味着一旦它不被支持,它就会脱落。我们的大脑会自动地将真实世界的期望应用到界面的元素中,并且假设屏幕上的任何物体都在尝试掉下来。即使物体是完全静止的。台州网站建设的大脑仍然认为它向下移动(物体上方的空间增加,下面的空间会减少)和视觉调整。一个完美的垂直居中物体在实践中将是低的。为了使物体在视觉上是一致的,我们必须补偿蚂蚁。重力和轻微移动物体如下:

 

  对象越大,它越重,并且滴越快。因此,我们需要对较大的对象进行更多的补偿,而较小的对象补偿更少。


台州网站SEO


 

  二。调整拐角按钮的边距

 

  把圆形按钮稍微移到外面也是一个好主意。

 

  否则,该按钮将被认为是不兼容的,并且可视为向内凹。同时,如果按钮圆角相对较小,它看起来像边缘的直线,因此此时不需要视觉补偿。

 

  三。调整标题

 

  同样的原则适用于标题,尤其是更大的标题。随着字体大小的增加,每个字母的边距变大,左边边框的视觉感知被打破。

 

  当然,将它应用到设计中的每一个标题中都是一个很大的努力,因为它需要手动调整过程,但是值得一个更突出的标题(例如,登录页面)。


台州网站SEO公司


 

  四。调整文本块的右侧边框

 

  使用左对齐文本,文本块的右边缘变为不规则,文本内容看起来是偏移的。类似于圆形按钮,我将将整个块移到右侧以使其以视觉为中心。

 

  这样,右边缘更接近右侧隐式垂直对齐规则,如果不进行调整,就会产生明显的知觉差异。

 

  五人。调整颜色

 

  台州网站建设根据填充物的面积,颜色的感知是不同的。应用于白色背景的文本颜色将比同一个大块上的相同文本亮。相反,如果在深色背景上放置彩色文本,颜色会变暗。背景将AbSORB文本的颜色,总是将视觉颜色转为背景。为了适应这一事实,当我在浅颜色背景下使用文本时,我适当地将颜色变暗,并在暗背景上打开颜色。

 

  字体大小和重量越小,就需要越多的补偿。

 

  六、调整灰度等级

 

  这是一个特殊的颜色调整的例子。我尝试使用100%黑色,修改它的不透明度来创建灰色文本,而不是直接设置颜色值。

 

  这样,当你把背景变暗时,你的灰色就不会是看不见的了:

 

  半透明黑色有助于获得可读的结果而不产生许多不同的风格。对于更深的背景,半透明的白色也是一种选择。



台州网站SEO


 

  七。调整投影浓度

 

  台州网站建设根据阴影物体的颜色使用不同的阴影浓度。对于较暗的物体,阴影应该更强。对于较轻的物体,阴影应该更轻。

 

  如果没有这种技术,假设两个阴影具有相同的不透明性,较亮的物体的阴影在暗物体的阴影旁边看起来更暗:

 

  总结

 

  当然,不是每一个项目都需要额外的视觉调整时间,但是如果你正在开发的界面需要特别的关注和需要突出,使用所有这些技术将带来更和谐的结果。  

 

  转载请注明:台州网站SEO:http://www.mfrain.cn/newsshow/204.html


关键词

最新案例

分享

联系