UI系统图标设计

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

系统图标设计

效果在这里插入图片描述

1.先用圆角矩形工具画出一个圆角矩形，然后在复制一个在这里插入图片描述
2.用直接选择工具把两个圆角矩形中间挨着的两条边变成直角的在这里插入图片描述
3.把复制的矩形边长，用透视工具把圆角矩形右边两个角分别向上向下移动在这里插入图片描述
4.把图形进行复制粘贴，然后缩小，描边改小一点在这里插入图片描述
5.在图形上用添加锚点工具添加锚点，然后用直接选择工具把不需要的锚点按delete键删除，然后把描边端点变为圆角的在这里插入图片描述
6.把图形进行旋转，然后加一些装饰在这里插入图片描述
7.再画一个圆角矩形做出茶杯的图标
在这里插入图片描述

y351_
关注
专栏目录
UI设计趋势中的新拟物化图标设计素材模板
awayaya1的博客
06-16 1074
什么是拟物化呢？ 就是光影关系几乎完全模仿实物，图标与实物几近相似。 拟物化图标优点，是容易识别，缺点是设计耗时。 拟物化图标分为设计拟物和交互拟物。 设计拟物就是设计与实物贴近的图标，交互拟物如在手机上看小说时翻页这个操作。 看看实例 AirDrop图标PSD 漂亮的时钟iOS图标PSD 随着扁平风格的盛行，拟物图标的表现手法出现在少数产品和游戏类的产品中，如锤子推出的 系列应用，依然保留着这样的风格。 在超质感拟物风格和抽象的扁平风格之间进行取舍，便出现了微质感的设计表现形式
UI文档图标设计
y351_的博客
12-10 135
UI文档图标设计 效果 1.新建画布，然后用矩形工具做出图形 2.然后给图形做混合选项渐变叠加 3.给物体做投影，Ctrl+c复制ctrl+j原位粘贴，复制一个黄色矩形，名字改为投影，然后把图层放在橙色矩形图层的上面，点击右键创建剪贴蒙版 4.给投影图层添加混合选项“投影” 5.给橙色矩形添加渐变叠加，打开图层样式 6.做图形右上角的折叠效果，选择矩形工具画一个正方形，把左下角改为圆角 7.做右上角的折叠角，用直接选择工具把右上角的圆角变成直线，然后把小正方形放到合适位置点击右键对黄的矩形创建剪贴蒙
UI基础之图标设计
qq_45801179的博客
11-12 799
一.扁平化图标的分类 1.纯平面 特点:纯色、剪影 优点:简洁，清新，舒服，视觉识别度较好，色彩明朗，设计感强烈，图形表现高度概括 2.轻折叠 特点:纯色、折痕、轻投影 优点:比纯平面丰富，有轻微视觉空间感，色彩明朗，轻投影，营造出轻盈的感觉，视觉统一性好 3.轻质感 特点:轻渐变、层次简单、轻投影 优点:简洁、干净、明朗，有一定的精致感，有简单的层次，轻投影创造轻度立体感而又轻盈清新，内容相对丰富 4.折纸风 特点:折叠、投影、结构 优点:层次丰富、结构明显，易于创造空间立体感，几何感明显，复杂和简洁结合
UI图标使用规范
肥宝的实验室
03-25 5057
为了了解一下客户端的编程思想，最近一直在学Android。最近开始学到一些菜单的东西，想弄一些漂亮一点的UI图标，因为现在的实在是太丑了。 找了一些UI资源，发现图标很多，而且很明显，大多数都是不能乱用的，UI明显也有自己的一套规范，于是查了一些资料，整理一下，以后还会不定期补充，有用的同学请收藏一下。因为网上内容比较散，但是有些是约定俗成的东西，当然使用的时候还是看自己喜欢了。欢迎关注我的原创
UI设计中图标类型指南
Mr_GuoPengFei的博客
08-24 2209
　　图标是 UI 设计中极为重要的一个环节，我们在做每个界面的设计几乎都会涉及到图标的表达，出色的图标设计可以让界面表达更加精致、有趣。图标的设计往往也体现着设计师的基本功，因此除了日常多画提升对图标造型的把控力外，我们也更需要了解和学习图标设计的趋势类型。 　　一、存在意义 　　UI设计中，icon是重要组成部分，相对于使用文字，icon表达会让效果更清晰。 　　对于信息传播和视觉效果表达都有重要意义。 　　图片对比 　　1.纯文字与图标使用对比，图标从视觉上更简洁易识别，阅读性更强 .
UI设计培训之UI设计系统知识
qinge_Crazy的博客
06-11 298
　　最近有很多小伙伴都在学习UI设计的相关知识，很多同学都是东边一学习一下，西边学习一下，根本没有明确的学习方法，对于这个问题小编为大家整理了一下学习UI设计的系统知识，一起看看吧! 　　UI设计培训之UI设计系统知识： 　　一、色彩构成 　　为什么DI一个是色彩构成呢?因为我们在看任何一个作品是DI一个映入眼帘的是它的色彩，也是色彩吸引着我们去欣赏。我们在UI设计的过程中，色彩的应用是要有一定的技巧的，作为UI设计师我们想要设计出符合大众审美的设计，我们就要做到理解色彩的原理和配色的方法。但色彩
探索UI设计|栅格系统的深入分析和应用
2301_79599164的博客
10-13 1062
网格系统，英文为GridSystems，也翻译为网格系统。定义:使用固定的网格，遵循一定的规则，进行页面布局设计，使布局规范简洁有规律。其实并没有那么神秘。网格系统的即时设计是这样定义的:用规则的网格阵列指导和规范网页中的布局和信息分布。对于网页设计来说，网格系统的使用不仅可以使网页的信息呈现更加美观易读，而且更加可用。此外，对于前端开发，网页将更加灵活和标准化。网格的基本要素网格系统的主要基本要素有：最小单位、屏幕总宽度、列数、列宽、水槽、安全边距、内容区。①最小单位。
系统UI设计的几个原则
robot356的博客
05-01 2957
系统UI设计的几个原则 现在对UI的要求越来越高、越来越需要人性化和个性化，今天结合自身的经验，想写一下系统UI设计的几个原则： （1）简洁性原则。人从本质上讲是不擅于接收新事务的，更何况冷冰冰的系统呢，所以要让UI设计的第一条原则就是简洁，不能有太多花里胡哨的颜色、图片、图标、字体等，简单的标识对应的功能在哪里即可； （2）图形化标识。一个系统综合性比较强，而且内容比较多，过多的文字说明和解释，...
UI培训教程之系统图标如何设计?
qinge_Crazy的博客
05-12 129
　　UI设计在近几年广受大家的关注，学习UI设计的人越来也多，今天小编要介绍的就是其中的系统图标设计方法，系统图标在UI设计中是非常基础的图形化语言，也在页面交互中起到很重要的作用。单个图标的设计并不难，但是系统化、规范化所有图标并在项目中不断应用与复用，是对UI设计能力的考验。系统图标设计需要这几步： 　　选择合适的图标原型 　　常见的系统图标都会有默认的样式，比如“设置”一般就用齿轮来表现，“搜索”常规就是一个放大镜，这些图标要么就是由认知习惯而来、要么就是隐喻真实的使用场景。这样用户在使用的时
Google_UI系统图标集_sketch_&_svg素材下载.zip
12-28
Google UI系统图标集，作为一款广泛应用于各种平台和设备的设计资源，为设计师们提供了丰富的图形元素，帮助他们快速构建清晰、直观的用户界面。本文将深入探讨这个图标集，以及如何利用Sketch和SVG格式来优化设计...
信息化系统UI设计规范.docx
08-15
信息化系统UI设计规范是指导界面设计的重要文档，旨在提升用户体验，增强系统易用性，确保设计的一致性和专业性。以下是对文档中涉及的关键知识点的详细说明： 1. **范围**： 这个规范涵盖了从基本设计原则到具体...
UI.zip_UI设计_html_html 管理系统_ui_管理系统
09-20
在“UI.zip”这个压缩包中，我们可能找到了一系列关于产品管理系统UI设计的资源，包括但不限于界面原型、图标、颜色方案、字体选择以及布局设计。 【HTML】 HTML（HyperText Markup Language）是网页开发的基础语言...
基于Vue的hhr-ui人事系统界面设计源码
09-28
该项目是一款基于Vue框架开发的人事系统界面设计源码，包含268个文件，其中包括198个Vue组件文件、55个JavaScript脚本文件、4个SVG矢量图形文件、3个PNG图片文件、2个JSON数据文件、1个Git忽略规则文件、1个开源许可...
基于AntdUI和NetAutoGUI的自动病人信息系统设计源码
最新发布
09-28
该项目是一款基于AntdUI设计框架的自动病人信息系统源码，共包含400个文件，涵盖336个C#源代码文件、40个PNG图片资源、6个资源文件（.resx）、5个项目文件（.csproj）、4个图像文件（.jpg）、2个编辑器配置文件（....
2020.10.22--AI--立体图形制作、矛盾空间图形设计、3D文字
y351_的博客
10-22 1562
立体图形制作 1.先用矩形工具画出一个矩形，填充颜色，然后用直接选择工具选住左边的两个角，给它向上移动 2.把图进行复制对称，然后对齐 3.把图形选住点右键编组，进行复制，然后旋转对称，编组 4.把图形进行顶端和画板对齐在进行复制，中间加一个白色矩形条，可以加一个浅色背景 5.然后把第一排进编组，往下进行复制，铺满页面，进行对齐就可以了 矛盾空间图形设计 1.先用矩形工具按shift画出一个小正方形，然后选择“效果”“3D”“凸出和斜角”位置“等角-左方”，凸出厚度自行调整 2.执行“对象”“扩展外观”，对
2020.10.25--AI--孟菲斯风格图案、国风背景制作、立体图案背景制作
y351_的博客
10-25 1236
孟菲斯风格制作 1.用椭圆工具按shift键画出正圆，填充颜色，然后早窗口菜单打开色板面板，把正圆拖到色板里，就可以新建出圆形填充的背景了，然后在面板双击圆形，就会打开图案选项面板 2.调整拼贴类型，宽度高度，就会出现不同的形式 3.设置好之后点击上面的“存储副本”就会把设置的图案添加到色板里 4.在画布上用矩形工具画出矩形，填充为新建的图案，然后再画一个大小差不多的矩形，颜色为浅灰色，放在图案矩形的下面，位置错开一点 5.再画一个圆形的，先画一个小的矩形框填充颜色为黑色，新建到色板里，双击调整图案选项 6
2020.10.27--AI--用网格工具做渐变背景海报、拉花字体设计、夏日图标制作
y351_的博客
10-27 1129
用网格工具做渐变背景海报 效果 1.首先先画出背景，填充为蓝色，然后用网格工具在背景上点击一下 2.在这个点对着的位置也点击一个点 3.用直接选择工具点击第一个点添加一个颜色 4.点击另一个点也选择一个颜色 5.然后用直接选择工具移动这两个点到合适效果 6.做好之后把背景按Ctrl+2锁起来，然后进行文字排版 拉花字体设计 1.画出一个圆形，然后用直接选择工具选中圆形，再用钢笔工具在圆上面加上三个锚点，然后用直接选择工具删除中间的锚点 2.用直接选择工具把线条拉长 3.用矩形工具画出一个矩形然后进行多次复
2020.10.30--AI--炫酷曲线效果、纸片字体制作、空间立体字
y351_的博客
10-30 736
炫酷曲线效果 1.首先用椭圆工具画个圆，接着再复制一下圆Ctrl+c，Ctrl+f,等比缩小圆 2.选择混合工具，点击一个圆形再点另一个圆形，形成混合效果，调整混合选项 3.选中混合后的圆形效果，点击“效果”“扭曲和变换”“粗糙化”，调整参数 4.再执行“效果”“扭曲和变换”“波纹效果” 5.然后点击“对象”“扩展外观”，点击膨胀工具，双击膨胀工具，调整参数 6.膨胀工具在中心点点击，达到自己想要的效果，然后点击对象“扩展”，扩展完之后点击右键取消编组 7.然后给描边调整的小一点，然后把杂边去掉，留一点点边
Android UI设计指南：图标与用户体验
"这篇文档是关于安卓系统的UI设计指南，主要涵盖了图标设计的各个方面，包括启动图标、菜单图标、状态栏图标、Tab图标、对话框图标以及列表视图图标的设计原则和使用方法。同时，文档提到了Android图标模板包，这是...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值