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

2018.04.25 台州网站建设

51

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

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

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

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

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

　　第一，调整重心

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

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

台州网站SEO

　　二。调整拐角按钮的边距

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

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

　　三。调整标题

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

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

台州网站SEO公司

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

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

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

　　五人。调整颜色

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

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

　　六、调整灰度等级

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

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

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

台州网站SEO

　　七。调整投影浓度

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

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

　　总结

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

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

相关推荐

关键词

最新案例

分享

联系