静电说：在真正的UI设计工作实践中，很多我的同学会问到一个问题，老师，明明我在App中看到元素是对齐的，为什么眼睛看起来总觉得别扭呢？大家到底是要遵循数据，还是自己的眼睛呢？视觉误差无处不在，比如这幅图，猫咪大还是人大呢？结合常识，大家可以知道，肯定是人比较大啦！那么在UI设计中，这些问题很好解决，有时候，眼睛会欺骗你，这个时候，顺从眼睛的认知，去纠正错误就好。毕竟，大家是“视觉系”动物。下面来看看这篇Slava Shestopalov的文章。
视觉误差会对UI造成什么样的影响，业界内流行的解决方案又有哪些，本文将以超过五十个例子为你讲解。希翼学习UI的朋友通过这篇文章可以解决这个问题。
俗话说眼见为实，但其实大家的眼睛经常欺骗大家。眼睛通过光的反射接收信息，然后经过一次「脑补」终形成大家所谓「看见」的图像。脑补这个过程会因为各种原因的影响导致大家对于「看见」的事物的理解产生偏差。这一点对图形化操作界面的设计非常影响。既然无法绕过，设计师就要学会如何去「适配」人类的视觉惯性画出“正确”的界面。
课程顾问：杨老师
老师手机：137-6117-8227
在线Q Q ：202-3838-705
咨询微信：a13761178227
UI设计培训内容
1、初步认识UI：了解UI设计师的角色定义和价值体现，UI的含义、UI设计师的含义。
2、学习内容：学习设计基础、字体、构图、手绘等基础技能。快速培养UI设计师的视觉敏锐度，和绘画能力。
3、二维造型：二维简约图标绘制原理与技法，各种材质质感表现。
4、三维造型：(物体的体积、结构、光影表现)。
5、色彩原理：色彩属性、对比与调和、色彩的混色配置、设计色彩的表述体系，色彩的装饰美感及色彩的表现方法。
6、设计App应用：以PhotoshopApp为工具，讲解书籍封面设计、海报设计、广告设计、影楼后期处理、包装设计、喷绘设计、画册设计、DM设计等企业实际工作中的具体项目。
7、矢量图形绘制AppIllustrator为工具，标志设计、字体设计、图形设计、企业VI设计、卡通形象设计等企业实际工作中的具体项目。
8、字体专项设计：字体的分类和种类、字体的认识、各种场合字体的应用、形象时尚字体设计、字体标志及在广告设计中的实际应用。
9、版式专项设计：版式的概念、版式中的色彩应用、版式中的字体应用以及网页、书籍、报纸、画册、DM、海报等中的应用。
10、平面项目设计：结合App、色彩、字体及版式的学习，针对宣传单、折页、名片、海报及VI做专题设计，提升综合应用能力及平面UI设计能力。
长宽 400px 的正方形与长宽 400px 的圆形哪一个更大?假如这样问你的话，那么答案当然是一样大。但是来看看下面这张图，长宽各 400px 的两个图形看起来并不一样大。你的眼睛告诉你 400px 的正方形比 400px 的圆形更大一些。物体的物理尺寸是一样的，但视觉尺寸却有可能不一样。在画 icon 的时候，一定要把视觉尺寸这个无法用数字进行衡量的维度考虑进去。视觉重量小的元素要放大，视觉重量大的元素要缩小。建议大家可以去下载 HIG 的标注 icon 与 Material Design 的标准 icon 看看，数百个图标每一个的物理尺寸都不尽相同，但看起来全部都是一样大的，这是高水平的表现，值得细细学习与参详。
面对那些不需要由大家画的 icon，比如分享到 Twitter、分享到 Instagram ，官方已有提供的 icon，用起来也要注意。下面举个例子，脸书 和 Instagram 的 icon 是正方形的，而 Twitter 和 Pinterest 的 icon 一个是不规则图形，一个是圆形，所以为了达到视觉尺寸上的相等，当它们一起出现的时候，大家要放大 Twitter 和 Pinterest 的 icon，实际效果如图所示。
另外一个达不到视觉尺寸相等的重灾区就是表单配按钮这种常见的组合。通常是长方形的表单如果和直径相等的圆形按钮摆在一起，必然也会出现圆形按钮看起来比较小的问题。处理方法相信大家也都知道了，略微放大按钮，这样整个表单和按钮才能达到视觉平衡，视觉尺寸才能相等。
UI设计培训内容
1、初步认识UI：了解UI设计师的角色定义和价值体现，UI的含义、UI设计师的含义。
2、学习内容：学习设计基础、字体、构图、手绘等基础技能。快速培养UI设计师的视觉敏锐度，和绘画能力。
3、二维造型：二维简约图标绘制原理与技法，各种材质质感表现。
4、三维造型：(物体的体积、结构、光影表现)。
5、色彩原理：色彩属性、对比与调和、色彩的混色配置、设计色彩的表述体系，色彩的装饰美感及色彩的表现方法。
6、设计App应用：以PhotoshopApp为工具，讲解书籍封面设计、海报设计、广告设计、影楼后期处理、包装设计、喷绘设计、画册设计、DM设计等企业实际工作中的具体项目。
7、矢量图形绘制AppIllustrator为工具，标志设计、字体设计、图形设计、企业VI设计、卡通形象设计等企业实际工作中的具体项目。
8、字体专项设计：字体的分类和种类、字体的认识、各种场合字体的应用、形象时尚字体设计、字体标志及在广告设计中的实际应用。
9、版式专项设计：版式的概念、版式中的色彩应用、版式中的字体应用以及网页、书籍、报纸、画册、DM、海报等中的应用。
10、平面项目设计：结合App、色彩、字体及版式的学习，针对宣传单、折页、名片、海报及VI做专题设计，提升综合应用能力及平面UI设计能力。
长宽 400px 的正方形与长宽 400px 的圆形哪一个更大?假如这样问你的话，那么答案当然是一样大。但是来看看下面这张图，长宽各 400px 的两个图形看起来并不一样大。你的眼睛告诉你 400px 的正方形比 400px 的圆形更大一些。物体的物理尺寸是一样的，但视觉尺寸却有可能不一样。在画 icon 的时候，一定要把视觉尺寸这个无法用数字进行衡量的维度考虑进去。视觉重量小的元素要放大，视觉重量大的元素要缩小。建议大家可以去下载 HIG 的标注 icon 与 Material Design 的标准 icon 看看，数百个图标每一个的物理尺寸都不尽相同，但看起来全部都是一样大的，这是高水平的表现，值得细细学习与参详。
面对那些不需要由大家画的 icon，比如分享到 Twitter、分享到 Instagram ，官方已有提供的 icon，用起来也要注意。下面举个例子，脸书 和 Instagram 的 icon 是正方形的，而 Twitter 和 Pinterest 的 icon 一个是不规则图形，一个是圆形，所以为了达到视觉尺寸上的相等，当它们一起出现的时候，大家要放大 Twitter 和 Pinterest 的 icon，实际效果如图所示。
另外一个达不到视觉尺寸相等的重灾区就是表单配按钮这种常见的组合。通常是长方形的表单如果和直径相等的圆形按钮摆在一起，必然也会出现圆形按钮看起来比较小的问题。处理方法相信大家也都知道了，略微放大按钮，这样整个表单和按钮才能达到视觉平衡，视觉尺寸才能相等。
，咨询QQ：
