北京WEB前端培训
在线咨询 电话咨询 校区地址

课程

环境

就业

试听

企业培训

扫码
关注

首页 / 

行业资讯

北京UI设计培训 圆角矩形的三种常见的做法

时间:2016年08月18日 来源:火星人

圆角矩形可能是扁平化发展中,最常见的元素了,普通样式如下: 北京web前端培训 但是小伙伴们很快发现,大家都用这个样式,很快会陷入审美疲劳,不再具有吸引力。为此,机智的小伙伴开始尝试圆角矩形,例如: 北京web前端培训 现在开始为大家介绍我所了解的三种常见的圆角矩形的制作方法

第一种方法 羊角螺线拼接法

首先获取羊角螺线,在AI打开之后如图 北京web前端培训 此时我们截取其中的一部分 北京web前端培训
北京web前端培训 将选取的部分水平翻转并旋转90°得到圆角矩形的四分之一角 北京web前端培训 此时大家应该都明白了,只需要将这个角度复制旋转3次就可以得到我们想要的圆角矩形 北京web前端培训

优劣分析

优 堪称完美的形状,羊角螺线又称黄金螺线,是从黄金分割中形成的,自然无可挑剔 裂 制作过程繁琐,不过制作一次保持之后可以重复使用

第二种方法 膨胀制作法

圆形膨胀法顾名思义先用ps画出圆形然后CTRL+T 北京web前端培训 点击工具栏变形,然后选中膨胀 北京web前端培训
北京web前端培训 这里的参数可以定义,建议在10%-50%之间,具体请大家自行尝试 北京web前端培训 确定后旋转45°得到如下图形,完成 北京web前端培训

优劣分析

优 制作较为迅速,数值可以灵活调节,实用性强
劣 没发现什么劣势

第三种方法 多边形平滑拐角制作法

这里有一种最简单的方法,即用多边形工具直接绘制平滑拐角的形状,具体如下:
1.现在多变形工具设置边数为4并设置平滑拐角
北京web前端培训 2.画布内单击键入参数 北京web前端培训 3.完成 北京web前端培训

优劣分析

优 0技术含量,伸手就来
劣 拐角参数固定无法更改

总结

通过对比不难发现,3种方法绘制的现状会有所不同,本人才疏学浅,目前也只有知道这3种常见的制作方法,希望大家各取所需

北京web前端培训 感谢BY.苏先生的分享
原文地址:http://suzhi.uehtml.com

关键词:北京UI设计培训,北京UI培训,北京UI设计,UI交互设计

热门课程推荐  点击查看全部课程

北京UI培训
  • 北京web前端培训
  • 北京UI培训
  • 北京web前端培训
  • 北京UI培训
  • 北京web前端培训
  • 北京UI培训
  • 北京web前端培训
北京UI培训
  • 14年教育品牌
  • 课程不断更新
  • 签订就业协议
  • 项目案例讲解
  • O2O教学模式

北京火星人科技文化发展中心版权所有 Copyright & copy 2002-2016 2ds.cn, All Rights Reserved 京ICP备 10216795号