UI设计技术分享：教你几个设计技巧让老板对你的设计赞不绝口
咱们作任何设计都离不开大小与重复的运用，这样能使咱们的设计更加理性和科学，经得起推敲，那么咱们一块儿来探讨下如何在产品设计中运用这一方法。html
为何大的物体更吸引眼球 ui
▲如上图所示，a球会比右边b球更吸引咱们去阅读，大的物体视觉重量会比较大，咱们眼球的视觉方向就自动转向它。url
▲如上图所示，咱们保持刚的大小，把a的透明度改变下，视觉重量是否是发生了变化？WHY？设计
当咱们把 a 球的视觉重量下降后，那么即便 b球很小，他也会很吸引咱们眼球，这是由于 b球视觉重量比较大。htm
▲如上图所示，若是两个球大小同样呢？仍是b球会更吸引咱们的眼球，由于b球有色光辉第一进入咱们眼球。图片
在产品设计中如何运用 ip
▲ 如上图数字所示他们的视觉重量依次排下来，最大的是序列 1 最小的是4，不重要的元素咱们能够经过把它们缩小或者下降透明度来弱化。ci
看个例子v8
重复在产品设计中的运用产品
重复？有没有人打了个问号，看到这个标题，以前我写了一篇文章叫一致性原则，当中有顺带提了下重复，当时说的不太详细，今天再来仔细重温下。
重复的重要性，能使产品的设计更加有节奏和高品质，为何这样说，咱们能重复的原子单位有不少，颜色，间距，大小，组件，圆角值，功能属性等等，交互层面能重复交互操做多页面间相同属性交互要一致。
1 - 重复间距
▲ 上图设计我一共就用了 3 个间距
2 - 特殊例子验证
▲ 字里行间在首页的板块设计比较松散，虽然也重复运用了间距，可是没有节奏。图片比例也比较奇怪，多行段落文字显得比较松散。
3 - 结果
4 - 重复组件样式
▲ 上面截图标注出来的地方，控件倒角一致，造成一个隐形的视觉基因。
5 - 反面例子
▲ UC头条的底部图标设计很是圆润，图标设计师延续了品牌 LOGO 鹿的圆润线条。这里里面的设计语言就和底部图标有冲突，大部分按钮设计无圆角，尖锐的轮廓（一、3），极少数按钮带有圆角即图上标出来的 二、4和5栏目图文样式的圆角值也是不一致的，总体设计不知道想要传达什么样的设计语言。
在仔细去观察下 某蜗牛读书的 的产品设计，设计语言从图片圆角到按钮，标签，图标设计都是带有圆角幅度和他们产品logo气息性格相符合。
6 - 重复颜色
它是什么？就是表示相同操做的功能所表达的视觉含义要一致
▲ 相同属性颜色一致，好比上面来至 IOS 系统软件界面截图，可点击地方颜色一致，IOS在这方面的设计确实是很是棒的，控制的比较好。
-
学会运用大小来区分层级，在大小一致的状况下经过其余方式来区分信息层级，如颜色，下降透明度，加粗等等。
-
重复在产品设计中的运用能够延伸到颜色，间距，大小，组件，圆角值，功能属性等等。
总结
在作界面设计时候须要注意的点：
编辑：千锋UI设计
做者： Tony
UI中国主页：http://i.ui.cn/ucenter/36814.html