UI重叠图标设计

最新推荐文章于 2023-04-10 13:43:36 发布
最新推荐文章于 2023-04-10 13:43:36 发布
阅读量240 收藏
点赞数
分类专栏： AI
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/y351_/article/details/111768611
版权

重叠图标设计

效果在这里插入图片描述

1.打开AI，新建画布，执行视图-显示网格，然后在网格参考下画出圆形描边，然后进行复制圆形，做成九宫格在这里插入图片描述

2.用形状生成器工具把中间的圆形连接在这里插入图片描述
3.然后把剩下的四个圆形删除，然后执行对象-扩展，点击确定在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
4.然后进行原位复制Ctrl+C，Ctrl+F，进行九十度旋转在这里插入图片描述
5.选中复制的图形执行对象-路径-偏移路径在这里插入图片描述
6.然后用形状生成工具按Alt键+鼠标左键把不需要的部分删除在这里插入图片描述
在这里插入图片描述
7.用形状生成工具把断开的进行连接在这里插入图片描述
8.然后对形状进行编组在这里插入图片描述
9.给图形填充颜色
在这里插入图片描述
10.加背景和投影在这里插入图片描述

y351_
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
UI特效和UI重叠问题
冰与火之歌
10-25 2633
今天看了一下雨松MOMO的这篇文章： UGUI研究院之不添加摄像机解决UI与UI特效叠层问题（九） 这里细化一下：         1.这个是添加了摄像机UICamera的，设置为Screen Space - Camera,只取UI                       2.MainCamera的Clear Flags设置为DepthOnly，剔除UI              
UI设计行业领域知识体系
qq_40146447的博客
11-08 465
今天分享的知识是UI设计行业领域知识体系！
安卓UI按钮重叠问题
cobracanary的博客
09-24 3042
这几天刚刚接触安卓，写UI的时候按钮总是重叠，如下： <Button android:text="点击" android:layout_width="wrap_content" android:layout_weight="1" android:layout_height="wrap_conten...
Fragment UI显示重叠问题
showdy的博客
03-08 1572
问题引入FirstFragmentpublic class FirstFragment extends Fragment { private static final String TAG = "FirstFragment"; @Override public void onCreate(@Nullable Bundle savedInstanceState) {
【FairyGUI】UI界面重叠
03-04 1327
新项目启动，据各位道友的推荐使用FairyGUI来进行UI的搭建，减少程序的工作量，提高美术制作效果及还原度，总的来说就是提高整个项目的品质，由于刚开始使用，出现了UI重叠的情况，耗时较多，特此记录一下； 情况1： 在界面正常加载，不需要按钮点击进入，也就是从界面A到界面B的效果正常，如下： 异常界面如下： ...
21个UI设计技巧【UI设计干货】
最新发布
zy1992As的博客
04-10 1222
就像一幅画是由成千上万个简单的笔触组成的一样，一个好的 UI 设计是由无数个小决定组成的，这些决定为用户带来轻松愉快的体验。经常发生的事情之一是它们会破坏您的 UI 设计的统一性。有了这样的想法，可能性真的是无限的，例如，您可以通过保存按钮或购买按钮上的购物袋来获得云图标。当然，Web 和应用程序开发不是游戏，您不想浪费用户的时间，但是通过点击增加的流行或天赋确实可以为您的项目增添一些乐趣。在这些情况下，您可以通过大胆使用颜色来强调更重要的选择，而在重要性较低的按钮上使用较少的颜色。
UI设计趋势分析
cyjbdqn的博客
10-13 336
渐变色 在过去的几年里，越来越多的设计师在设计作品时采用了色彩渐变的方法，今年的流体渐变更是风靡全球。即使你只选择了一种颜色，也可以在色彩渐变和不同图片的帮助下，营造出出丰富的层次结构感，绘制出一幅令人赏心悦目的画面。因此，色彩渐变的流行之风不仅在席卷了2018年整年，还将会在2019年继续流行下去。 透明度+重叠 字体、图形以及颜色的重叠，不仅可以使界面看上去更加醒目鲜明，...
【C#】多文本编辑器工具栏图标
05-20
本文将详细探讨"【C#】多文本编辑器工具栏图标"的相关知识点，包括图标设计原则、记事本应用的UI设计以及C#中实现这些功能的技术细节。 首先，图标设计是软件界面中的关键元素。一个好的图标不仅要美观，更重要的是...
jquery-ui-bootstrap
03-11
3. 图标和图片资源：项目可能包含用于UI组件的图标和背景图片，这些图标可能来自Bootstrap的Glyphicons或其他图标集。 4. 示例或演示文件：为了帮助开发者理解如何使用这些组件，项目可能会包含一些示例HTML页面，...
SwiftUI-example:尝试通过设计一个真实的项目来学习swiftui
03-27
3. **Assets.xcassets**: 图标和图像资产的集合，SwiftUI可以直接使用这里的图片资源。 4. **Info.plist**: 应用的信息配置文件，包括应用名称、版本号等。 5. **Main.storyboard**: 虽然SwiftUI提倡不使用Interface...
网络游戏-网络地图重叠图标动态管理理论和方法.zip
09-20
《网络游戏-网络地图重叠图标动态管理理论和方法》这一资料主要探讨了在网络游戏中如何有效地管理和展示地图上的重叠图标，以提供清晰、流畅的游戏体验。网络地图在网络游戏中的作用至关重要，它不仅是玩家导航的...
网站项目规划与设计-kaic.doc
11-06
3) 图标设计：统一的图标风格，便于用户理解和操作。 七、网页UI设计 UI设计注重简洁、美观和易用性，采用扁平化设计，以用户为中心，确保导航直观、操作便捷。 八、主要页面的详细设计图 将逐一绘制首页、美食...
android ui重叠,Android UI重叠问题
weixin_36071392的博客
05-27 486
但是，我当前具有如图所示的布局，但是(如可在xml中看到的那样)，WebView具有预定义的layout_height值。我只是想要这个确切的外观，但是一个不需要预定义值的可扩展版本。因此，明亮的蓝色部分应该有一个与按钮成比例的高度，并且应该始终位于底部，并且具有URL EditText等的顶部栏应该以相同的方式起作用。所以WebView应该能够扩展到任意大小，以确保所有空间都被占用。Androi...
2020.10.22--AI--立体图形制作、矛盾空间图形设计、3D文字
y351_的博客
10-22 1518
立体图形制作 1.先用矩形工具画出一个矩形，填充颜色，然后用直接选择工具选住左边的两个角，给它向上移动 2.把图进行复制对称，然后对齐 3.把图形选住点右键编组，进行复制，然后旋转对称，编组 4.把图形进行顶端和画板对齐在进行复制，中间加一个白色矩形条，可以加一个浅色背景 5.然后把第一排进编组，往下进行复制，铺满页面，进行对齐就可以了 矛盾空间图形设计 1.先用矩形工具按shift画出一个小正方形，然后选择“效果”“3D”“凸出和斜角”位置“等角-左方”，凸出厚度自行调整 2.执行“对象”“扩展外观”，对
2020.10.25--AI--孟菲斯风格图案、国风背景制作、立体图案背景制作
y351_的博客
10-25 1185
孟菲斯风格制作 1.用椭圆工具按shift键画出正圆，填充颜色，然后早窗口菜单打开色板面板，把正圆拖到色板里，就可以新建出圆形填充的背景了，然后在面板双击圆形，就会打开图案选项面板 2.调整拼贴类型，宽度高度，就会出现不同的形式 3.设置好之后点击上面的“存储副本”就会把设置的图案添加到色板里 4.在画布上用矩形工具画出矩形，填充为新建的图案，然后再画一个大小差不多的矩形，颜色为浅灰色，放在图案矩形的下面，位置错开一点 5.再画一个圆形的，先画一个小的矩形框填充颜色为黑色，新建到色板里，双击调整图案选项 6
2020.10.27--AI--用网格工具做渐变背景海报、拉花字体设计、夏日图标制作
y351_的博客
10-27 1102
用网格工具做渐变背景海报 效果 1.首先先画出背景，填充为蓝色，然后用网格工具在背景上点击一下 2.在这个点对着的位置也点击一个点 3.用直接选择工具点击第一个点添加一个颜色 4.点击另一个点也选择一个颜色 5.然后用直接选择工具移动这两个点到合适效果 6.做好之后把背景按Ctrl+2锁起来，然后进行文字排版 拉花字体设计 1.画出一个圆形，然后用直接选择工具选中圆形，再用钢笔工具在圆上面加上三个锚点，然后用直接选择工具删除中间的锚点 2.用直接选择工具把线条拉长 3.用矩形工具画出一个矩形然后进行多次复
2020.10.30--AI--炫酷曲线效果、纸片字体制作、空间立体字
y351_的博客
10-30 714
炫酷曲线效果 1.首先用椭圆工具画个圆，接着再复制一下圆Ctrl+c，Ctrl+f,等比缩小圆 2.选择混合工具，点击一个圆形再点另一个圆形，形成混合效果，调整混合选项 3.选中混合后的圆形效果，点击“效果”“扭曲和变换”“粗糙化”，调整参数 4.再执行“效果”“扭曲和变换”“波纹效果” 5.然后点击“对象”“扩展外观”，点击膨胀工具，双击膨胀工具，调整参数 6.膨胀工具在中心点点击，达到自己想要的效果，然后点击对象“扩展”，扩展完之后点击右键取消编组 7.然后给描边调整的小一点，然后把杂边去掉，留一点点边
移动应用UI设计模式指南
“移动应用的设计与开发，主要关注UI设计模式，详细介绍了70种移动应用设计模式和反模式，提供400多个屏幕截图和图解，旨在帮助开发者和设计师解决设计难题。这本书由Theresa Neil撰写，王军锋、郭偎、武艳芳翻译，...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值