青岛学UI设计怎么样_青岛创课UI设计培训班在哪 在布局上，国内主流IM产品的区域划分、从属关系非常明显，左侧区域就是他人态内容，右侧就是主人态内容，标杆产品微信和手Q都培养了大批的用户习惯 ，那么我们能做些什么？视觉上是如何处理的？

【青岛创课教育】24小时咨询热线：400-6169-615，咨询QQ:1378779299,创课教育在大连地区依次成为：东北财经大学会计实操培训基地、大连广播电视大学会计培训独家合作机构、东软信息学院UI设计与会计培训合作机构、大连海洋大学合作培训机构、大连经贸学校会计培训定点机构等。免费试听课程或咨询价格请电话预约我们值班老师！！！

我们这次的优化工作主要是从三个维度进行的：

图形元素：由点、线、面构成的一些基本图形的表达

界面布局：X轴和Y轴上个体图形和单位模块之间的间距、尺寸关系

单位模块：红包、名片、图片、地图、视频、音乐….

图形元素

先说下图形元素，因为气泡会大量的出现，所以我们着重说一下气泡，微博气泡有个比较明显的问题就是，气泡角过于尖锐并顶着用户头像，吸引无效注意力并让人产生不适感。

对比微信，微博气泡角不适感更强，主要有两个原因：

1. 微信黑色文字最强，绿色气泡次之，背景最弱，它的明度是呈现逐层递减的，突出了文字，微博气泡蓝色背景最强，文字次之，背景最弱，这时气泡角的问题就变得特别明显。

2. 第二个原因微信绿色气泡明度更高，更融背景，微博蓝色气泡的明度更低与背景反差更大。

怎么解决这个问题？我们做了一个简化了的气泡打磨过程，如下图：



我们先解决气泡角造型的不适问题，之前圆角过小且有对外指向性，显得生硬，我们加大了圆角角度，让整个气泡感更强，但该方案有个明显的问题，气泡角并没有指向头像。

调整气泡角指向问题，但该方案运用到图片、红包设计时我们发现，圆角不对称性让人觉得怪异，尤其是红包这种具有中国传统特色的设计时更加明显。

我们调整气泡角的位置，保护了圆角的对称性，同时让气泡角下弧线更加平滑与头像关联，从而降低了原气泡角过于激烈的视觉样式。

看看我们具体是如何调整的：

实际上图形打磨是个发现问题解决问题的过程，但它更像一个树状结构，每一像素变化都会带来图形指向、造型契合度、整体性不一样的感受，我们需要去平衡它们的关系，并选取最优方案，看看最终方案我们是如何去平衡圆角、气泡角、头像之间的关系的。

△ 气泡最终方案

最终方案中，圆角大小为单行气泡四分之一高度，气泡与头像、气泡角与头像的间距都处于1个单位的间距，气泡角与圆角转角处，为2分之1单位刚好保护了圆角对称感不被破坏。

我们认为合适的圆角角度既能勾勒出曲线的柔美，又能保证形体的稳定，并且可以帮助用户将目光引向中心，突出对话内容。

青岛学UI设计怎么样_青岛创课UI设计培训班在哪 这种经过深度打磨的图形能让界面显得更稳定、可靠。