精华内容
下载资源
问答
  • 系统托盘区显示图标,鼠标移动到图标上显示圆角矩形提示框
  • 圆角矩形进度条效果

    2021-04-04 12:56:44
    该源码是一个圆角矩形进度条效果案例,源码Android-RoundCornerProgressBar,圆角矩形进度条,包含带图标和不带图标两种形式,主要是在布局文件中添加roundcornerprogressbar控件就差不多实现了。
  • 圆角矩形为何成为趋势虽然在 iPhone 4 发布时,大多数的软件图标都还是拟物风,但它们的图形外框大多是以圆角矩形的方式来处理。在 iOS 系统里,这种圆角矩形的载体已经成了其系统统一承载内容的形式。也许有人会问...

    圆角矩形为何成为趋势

    虽然在 iPhone 4 发布时,大多数的软件图标都还是拟物风,但它们的图形外框大多是以圆角矩形的方式来处理。在 iOS 系统里,这种圆角矩形的载体已经成了其系统统一承载内容的形式。

    a72ec95b58114f89ebd473a289bf8363.png

    也许有人会问为什么 Apple 选择了这样的呈现方式,而不跟 Android 一样,为了体现内容的丰富性,让图标外框多样化呢?

    原因有两个:其一是乔布斯认为所有物件都有圆角,而相比圆形与椭圆,圆角矩形反而是生活中更为常见的现象。

    Andy Hertzfeld 在 Round Rects Are Everywhere 中讲了关于圆角矩形诞生的故事。

    Apple 的天才程序员 Bill Atkinson 创立了一种能够快速绘制圆形与椭圆的方法,乔布斯认为圆形与椭圆都不错,但是圆角矩形会更好。而 Bill Atkinson 并不这么认为,他觉得圆角矩形更难绘制,且人们也不需要圆角矩形。于是,乔布斯回应道:“到处都是带有圆角的矩形!“ 他指着房间里的各种物件,几乎所有地方都可以看到圆角矩形。他甚至说服 Bill 和他一起绕着街区走一圈,指出他能找到的每个带有圆角的矩形。当他们看到带有圆角的禁止停车的标示时,Bill 终于被乔布斯说服,第二天就拿出了绘制圆角矩形的方案。

    之后,他们将其命名为「RoundRects」。在接下来的几个月里,Roundrects 逐渐进入用户界面的各个部分,并很快变得不可或缺。

    91cc70a82446ab40dac8400d8e5b9e43.png

    尤其是在 13 年,iOS 7 对圆角的更新。它已经与我们平时认为的圆角矩形不同,这个圆角的优化过程非常复杂,当中涉及的数学算法如果不是专业的研究学者,可能无法理解其差异。

    简单说就是:Apple 采用的圆角曲率所生成的图形,是更圆滑,无明显切角的。这样的圆角矩形在过渡上更平滑,且在视觉上的体验也更融洽。

    其二是,为了打造沉浸式体验,乔布斯认为应该让 iPhone 的各个元素形式统一化。

    与上述圆角图标相似的是 iPhone 机身。

    4ff98bd44a735b92f87781dd84a22f1d.png

    iPhone 机身所呈现的圆角在制作工艺上,比软件图标的圆角更为复杂。而其内外一致的表现形式就是为了打造沉浸式体验,形成产品的品牌认知。而 iPhone X 的面世,就是为了将这一概念彻底落实。

    f9fa9c90109740ded8053cc42543f535.png

    前面提到,用户与设计师对于一款产品的认知是不同的。用户认识一款产品,首先关注的是外观表现,其次才是被承载的内容。所以当用户对 iPhone 以及其软件图标的展示形式已经形成认知,那么 iPhone X 的全面屏也就是很自然的一种结果。

    机身形态与软件形式的自然结合,能够让用户更好的接受产品的外在形式,且其全面屏的设计也能更好地被用户认可。甚至被很多人吐槽的 iPhone X 齐刘海也是依据这样的圆角形式来设计的,目的就是为了营造统一的产品形态。

    以至于其他一些产品在机身上的模仿,导致让人误以为类似的工业特性所产生的第一直觉都是「这是一款 iPhone」,仔细一看才知道,噢,原来是…

    当一款真实的产品被人所接受,以普遍使用在生活场景中,其中逐渐营造出用户对圆角矩形的惯性认知,以至于它的可接受度也逐渐提高。

    这也是我在开篇提到说「iPhone 4 的发布奠定了圆角矩形成为设计流行趋势的基调」的原因。

    到这为止还只是背景,下面我们再深入聊聊特性。

    展开全文
  • 苹果申请了圆角矩形图标的专利呀,为什么小米可以用呢,联想的就都是圆形的。 顺便散个分[img=https://forum.csdn.net/PointForum/ui/scripts/csdn/Plugin/003/monkey/6.gif][/img]
  • 激情活力风斜度圆角矩形创意封面背景,矢量卡通休闲商务办公桌图标,大气简约扁平化设计,适合商务工作汇报、工作总结报告的斜度圆角矩形创意激情活力卡通风ppt模板。
  • 想画一块矩形铜皮 又不想单独倒角怎么办? 解决方案: 单击Shape Add Rect 图标 在Options选项中 Corners选择Round 按照自己的需求 选择Trim和Chamfer并填入数值 然后绘制铜皮即可 欢迎关注公众号 嵌入式工程师...

    想画一块矩形铜皮

    又不想单独倒角怎么办?

    解决方案:

    单击Shape Add Rect 图标
    在这里插入图片描述

    在Options选项中

    Corners选择Round

    按照自己的需求

    选择Trim和Chamfer并填入数值
    在这里插入图片描述
    然后绘制铜皮即可

    在这里插入图片描述

    欢迎关注公众号 嵌入式工程师社区

    在这里插入图片描述

    展开全文
  • 1、首先,选择圆角矩形工具,并调整好圆角的半径(注意此处默认的是形状层,我们要改成路径图层) 2、然后选择你要把它变成圆角图片的区域 3、把输入法切换到英文输入法,按ctrl+回车键转换成选区,再按ctrl+j复制...

    1、首先,选择圆角矩形工具,并调整好圆角的半径(注意此处默认的是形状层,我们要改成路径图层

    2、然后选择你要把它变成圆角图片的区域

    3、把输入法切换到英文输入法,按ctrl+回车键转换成选区,再按ctrl+j复制图层

    4.删除背景图层,就得到了我们想要的,把背景图层拖到下面的删除图标就可以了

    展开全文
  • PS绘制Android圆角图标

    2019-10-22 20:00:23
    1、创建自定义画布粘贴图片 2、转换智能对象并栅格化图层 3、选择圆角矩形工具,并选择路径 4、设置圆角半径和宽高 5、建立选区,并添加图层蒙版 6、图片制作完毕 ...

    1、创建自定义画布粘贴图片

    在这里插入图片描述

    2、转换智能对象并栅格化图层

    [外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-bARmrmeY-1571745605456)(en-resource://database/1145:1)]

    3、选择圆角矩形工具,并选择路径

    [外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-R7sRUjsM-1571745605457)(en-resource://database/1147:1)]

    4、设置圆角半径和宽高

    [外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-iBuebhIH-1571745605458)(en-resource://database/1149:1)]

    5、建立选区,并添加图层蒙版

    [外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-rJ9yOEX1-1571745605458)(en-resource://database/1151:1)]

    6、图片制作完毕

    [外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-1IL7PXZU-1571745605459)(en-resource://database/1153:1)]

    在这里插入图片描述
    展开全文
  • 使用圆角矩形工具,设置半径70像素即可 转载于:https://blog.51cto.com/jinchao/1600488
  • 1.使用圆角矩形工具选中,设置圆角尺寸【例如:1024*1024 px(圆角:160 px)】 2.Ctrl + Enter 键,路径变成选区 3.删除圆角矩形所在的图层,使选区在背景相邻的上方,这样才可以选区 4.Ctrl + J 键,拷贝到新图层 5...
  • HTML5 CSS3制作的带图标的不规则按钮,这些不规则的形状其实是有规则的,像圆角、椭圆、梯形等,只不过是印象中比矩形的按钮稍微些,但是这些按钮应用在网页上,感觉很有个性哦,让人眼前一亮的感觉,按钮是带有图标...
  • 快速制作圆角图片

    2014-05-08 15:17:44
    3、使用"圆角矩形工具"在图上画一个需要大小的圆角矩形 4、按CTRL+回车(转换选区) 5、再按CTRL+SHIFT+I(反选选区) 6、删除"圆角矩形工具"建起来的那一层 7、按Delete键删除选中的层(删除) (如果背景色不为透明)...
  • 2.接下来我们继续选择圆角矩形工具,这次把填充色打开,描边去掉,半径像素为16,再做出一个内圆角矩形。 3.然后我们还是继续选择圆角矩形工具,这次我们需要填充色,跟描边色都打开,描边大小调成3像素,半径调成...
  • UI系统图标设计

    2020-12-28 19:26:36
    系统图标设计 效果 1.先用圆角矩形工具画出一个圆角矩形,然后在复制一个 2.用直接选择工具把两个圆角矩形中间挨着的两条边变成直角的 3.把复制的矩形边长,用透视工具把圆角...7.再画一个圆角矩形做出茶杯的图标 ...
  • 2.打开AI,用圆角矩形工具画出圆角矩形,描边加粗,然后复制一个圆角矩形,删除一半,端点改为圆角 3.把之前的圆角矩形,也删除一半 4.把两个形状进行拼接,然后用钢笔工具画出图形里面的形状 5.然后用椭圆工具在...
  • 1.先新建一张画布,然后选择圆角矩形工具,半径调成10像素,去掉填充颜色,然后选择一个描边颜色把描边扩大到4像素做出图形。 2.接下来我们继续选择圆角矩形工具,这次把填充色打开,描边去掉,半径像素为16,再...
  • 抖音图标

    千次阅读 2019-07-09 11:02:05
    1.创建一张画布,再用圆角矩形工具创建一个圆角矩形 2.新建一个图层,用椭圆选框工具创建一个圆,再alt键从选区减去一个圆 3.再填充一个颜色,再剪切1/4圆接着粘贴拖拽至右上方 4.新建一个图层,用矩形工具选一个...
  • 文件夹图标绘制

    2015-02-24 21:46:43
    画一个圆角矩形,鼠标按住不放,通过向上下方向快捷键改变圆角半径 按住shift,通过比例缩放工具下的倾斜工具让圆角矩形倾斜 再画一个圆角矩形。A|t+shift移动复制一个 “直接选择工具”选中圆角...
  • 图标设计

    2016-07-24 22:54:05
    做这个图标主要用到了PS的形状合并功能,因为要把一个圆角矩形切成三部分,打算先画一个圆角矩形,然后在这个圆角矩形的基础上用其它形状去切割出想要的部分。 1 首先将网格线显示出来方便截取位置的判断,显示网格...
  • 制作手机图标

    2019-06-18 16:06:56
    (作者:王旭东,撰写时间:2019年6月17日) 首先我们来看一下效果图: ...然后再拉两个相同的圆角矩形,然后再在两个圆角矩形的上面拉两个不一样颜色的圆角矩形,如下图: 最后再做两个滑动的按钮,就完成了。 ...
  • 制作简单的图标

    2019-04-27 11:10:42
    工具:圆角矩形工具、椭圆工具、渐变工具、自定义工具和图层样式。 首先在PS里面新建一个正方形,我的尺寸是高1500px宽1500px,颜色#c42924。 然后画一个圆角矩形,颜色:#eed4d3 参数如下: 再给圆角矩形加上...
  • Android 圆角进度条RoundCornerProgressBar

    千次阅读 多人点赞 2016-10-17 12:20:19
    圆角矩形进度条,包含带图标和不带图标两种形式 运行效果: 使用说明: 布局文件中添加roundcornerprogressbar控件  android:layout_width="dimension" android:layout_height="dimension" app:...
  • 在线图片改圆角工具 在线图片圆角网站矩形图片放在网站上会觉的呆版,但在PS里处理也不容易。现在有了在线图片改圆角工具,就变的非常简单了。http://free.logomaker.cn/tools/roundPic.aspx (图片改圆角加阴影,ICO...
  • Coffee图标绘制

    2015-02-24 20:16:11
    画出一个圆角矩形 画一个更大的圆角矩形 在路径查找器“减去顶角” 画出一个圆角矩形,对象->路径->偏移路径,画出一个更大的矩形,减去顶层,画出环形 与半圆角矩形合在一起,联集 接下来画蒸汽,...
  • 复仇者联盟图标

    2018-12-25 18:06:24
    使用圆角矩形工具创建一个150x150像素的圆角正方形,带有48,5半径。这个圆角矩形的笔触设置为6pt,黑色为65%。 第3步 创建圆角矩形的副本并将其缩小到128x128像素。副本放置于第2步绘制的大矩形内。现在创建四个...
  • 夏至MM逛App Store时,看到一个好看的图标,于是用PPT手绘了一个,现将此方法分享给大家:先确定框架,两个圆角矩形,然后画土壤整体,由两个圆角矩形相交形成。土壤上半部分,一个矩形和两个椭圆。再画小幼苗
  • 设计日历主题图标

    2020-04-19 11:13:31
    新建一个圆角矩形,如下图所示,调整圆角,填充一个颜色,将圆角矩形水平居中,垂直居中 双击圆角矩形添加图层样式 新建一层,填充白色,执行滤镜——杂色——添加杂色 滤镜——模糊——动感模糊 创建剪...

空空如也

空空如也

1 2 3 4 5 ... 12
收藏数 239
精华内容 95
关键字:

圆角矩形图标