![](https://img-blog.csdnimg.cn/20201014180756927.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
UI
文章平均质量分 78
魔法电子猫
永远年迈,永远老泪纵横。
展开
-
UI设计:网格
一般来说,网格分为4倍网格和8倍网格。而这两种规范在实际设计中是可以混合使用的。在这里,我们以8倍网格作为示例,来对下图进行规范操作。使用的软件为Figma我们可以看到,这是一个占了四个栅格的大盒子。其中又包含了两个按钮。我们查看按钮的间距。可以看到,无论是外边的按钮与按钮之间,还是内部的文字与边框之间,他们的间距都不是8倍。对此,我们进行8倍的间距调整。可以看到调整后,按钮与外边的大盒子左右间距为8的倍数56,上下间距为8。文字与按钮左右边距和上下边距都原创 2022-03-06 23:11:49 · 807 阅读 · 2 评论 -
UI灵感分析笔记#6:功能特辑
来源视频:高级大气的网页动效设计,设计师必看系列!_哔哩哔哩_bilibili。原创 2022-02-27 23:41:22 · 150 阅读 · 3 评论 -
UI灵感分析笔记#5:简约风特辑
综上,这种格局适合做导航简介。原创 2022-02-20 22:00:44 · 216 阅读 · 2 评论 -
UI设计:断点
新像素【干货】你要的栅格系统教学 草帽老师结合开发中的自适应布局把栅格布局你讲的明明白白(1/2)UI设计培训_哔哩哔哩_bilibili新像素【干货】你要的栅格系统教学 断点在项目中的应用应用(3/3)UI设计培训_哔哩哔哩_bilibili。原创 2022-01-23 23:33:28 · 1311 阅读 · 0 评论 -
UI设计:栅格
在Bootstrap的设计里,每一个网页有12个栅格。栅格是衡量每一个框大小的单位。原创 2022-01-23 23:35:50 · 1578 阅读 · 2 评论 -
UI竟在我身边#2:麦当劳APP
谁V我50请我吃麦当劳?原创 2022-01-23 15:54:48 · 1366 阅读 · 0 评论 -
固定布局、流式布局、弹性布局、自适应布局、响应式布局
享乐主义者好想吃炸鸡原创 2022-01-22 23:09:49 · 2819 阅读 · 1 评论 -
Figma#6:Auto Layout自动布局
参考视频:【Figma教程】保姆级教程,全网最简单易学的Figma教程08-Auto Layout 自动布局 弹性布局_哔哩哔哩_bilibiliFigma 超级功能:Auto Layout 3.0 教学已就绪 大家随我冲!!!_哔哩哔哩_bilibili。原创 2022-01-22 21:23:19 · 3012 阅读 · 0 评论 -
Figma#7:布局
参考视频:【Figma教程】保姆级教程,全网最简单易学的Figma教程08-Auto Layout 自动布局 弹性布局_哔哩哔哩_bilibili。原创 2022-01-22 23:12:46 · 4105 阅读 · 0 评论 -
Figma#5:文字
除此之外,在type details下的其他内容里,也可以预览到大量字体嵌套的强制更换样式。右键文字框,按顺序点击进Community,在框内输入Chinese Font Picker,就可以下载到相应的插件。的,结果不知道为什么这个名字在CSDN居然是违规的。゚(゚´Д`)゚。……自定义字体的很多操作和自定义可复用颜色有相同之处,具体可以参考可复用颜色的部分。同样右键字体框,点进plugins,就可以看到自己已安装的插件,然后点击。当行高为0、段落间距为0、字符间距为0时,就是这段文字最本身的样子。原创 2022-01-20 23:43:00 · 2131 阅读 · 0 评论 -
Figma#4:图片填充
参考视频:【Figma教程】保姆级教程,全网最简单易学的Figma教程04-图片填充技巧_哔哩哔哩_bilibili。原创 2022-01-18 22:16:19 · 5969 阅读 · 4 评论 -
Figma#3:色彩
参考视频:【Figma教程】保姆级教程,全网最简单易学的Figma教程03-色彩及团队协作_哔哩哔哩_bilibili1 个人1.1 图层模式选择通过点击小水滴可以进入图层模式选择。原创 2022-01-18 19:17:55 · 5169 阅读 · 0 评论 -
Figma#2:工具
来画一个魔法电子猫枕头吧!原创 2022-01-16 10:47:51 · 2078 阅读 · 0 评论 -
Figma#1: 图形绘制
放寒假了,但又没完全放原创 2022-01-16 10:47:16 · 15130 阅读 · 0 评论 -
UI灵感分析笔记#4
纵观整套ICON,虽然色块的几何形状是以线稿为基的,但并不是每个图标都单纯地照搬,例如说有些矩形图标的色块是非矩形的,其中尤其心水gallery图标的色块,通过两个三角形的叠加来绘制出山的画面效果,此时色块不再是简单的投影效果,更是与图标结合为一体,像是一张山水景的缩略图,也切合了“图库”这一图标名。超级喜欢这套图标,感觉它的视觉效果真的很奇妙。我很喜欢的点一是这些图标都是用简单的钢笔线条绘制成的,粗细均匀,并且线稿都很简洁到位,没有很花哨的赘余装饰,并且也能向用户准确传递出图标的信息。原创 2022-01-09 21:42:46 · 193 阅读 · 0 评论 -
UI竟在我身边#1:QUICK UI
听说过无穷小猫吗原创 2022-01-05 00:04:44 · 969 阅读 · 0 评论 -
鉴定一下网络热门设计规范#1:谷歌的设计规范(一)
我看不完但我大受震撼原创 2022-01-03 22:00:20 · 1019 阅读 · 0 评论 -
UI灵感分析笔记#3(22.1.2)
这看UI真是一件美逝啊视频来源:每周灵感#03_哔哩哔哩_bilibili。原创 2022-01-02 19:37:44 · 292 阅读 · 0 评论 -
UI灵感分析笔记#2(21.12.30)
从0开始的UI生活原创 2022-01-02 19:22:59 · 175 阅读 · 0 评论 -
UI灵感分析笔记#1(21.12.29)
在?看看UI灵感原创 2022-01-02 19:11:35 · 270 阅读 · 0 评论