![](https://img-blog.csdnimg.cn/20201014180756923.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
UI——浅学
smile@qingqing
只有经历最痛苦的坚持才能配得上永久的幸福!
展开
-
Sketch(一)——介绍、安装
Sketch Sketch简单介绍Sketch 是一款适用于所有设计师的矢量绘图应用。矢量绘图也是目前进行网页,图标以及界面设计的最好方式。但除了矢量编辑的功能之外,我们同样添加了一些基本的位图工具,比如模糊和色彩校正。对于绝大多数的数字产品设计,Sketch 都能替代 Adobe Photoshop,Illustrator 和 Fireworks。Sketch安装官网:htt...原创 2019-03-20 17:07:35 · 2864 阅读 · 0 评论 -
Material Design(二)
Material Design——Animation原创 2019-04-10 13:57:25 · 161 阅读 · 0 评论 -
Material Design(三)
动效——材料动效目标为什么动效很重要?材料如何移动?什么是好的转换?动效的影响材料动效在 Material Design 的世界中,动效用于描述空间关系、功能以及提供优雅流畅的交互效果。目标1——为什么动效很重要动效展示了应用的组织方式和功能。动效可以:引导用户在视图中的视觉焦点提示用户完成手势操作后会发生什么暗示元素间的等级和空间关系让用户忽视系统背后发生的事情...原创 2019-04-18 08:41:50 · 497 阅读 · 0 评论 -
Material Design(一)
初识Material Design简介中文名材料设计语言外文名Material Design创立者Google目的为不同平台设计一致广泛的感觉字体字体是字母的集合。虽然每个字母都是唯一的,但是字母之间共享某些形状,字体表示字母集合中的共享模式。字母部分的名称孔径上升基线帽高下降前导字母间距无衬线衬线杆行程x高度...原创 2019-04-09 10:40:45 · 825 阅读 · 0 评论 -
Sketch(五)——绘制登录界面
Sketch——登录界面目标图 ✌️✌️✌️✌️✌️✌️制作过程步骤新建画板大小:600*800 ,颜色:#DBDBDB新建矩形大小:360 x 500 , 颜色:#fff, 坐标是 120, 150新建矩形尺寸为 280 x 50 , 填充色值为 “EF572E”, 坐标为 160, 530新建矩形大小:280 x 70 的矩形, 颜色:白...原创 2019-04-02 08:36:27 · 883 阅读 · 0 评论 -
sketch(四)——扁平化图标
sketch制作扁平图标——邮箱目标图 开始制作新建画布颜色:#A09C9B ,大小自定创建矩形颜色:#E4E0DF,大小:200*120(黄金分割比为0.618)调整矩形到如下图所示 (调整到中间即可)新建一个三角形大小为200*60,颜色为#FFFFFF ,这个三角形刚好可以填补上面矩形空白的三角位置,将其倒置过来即可看效果;新建一...原创 2019-03-27 09:24:58 · 637 阅读 · 0 评论 -
Sketch(三)——手绘微信图标
目标图建立画板建立椭圆双击椭圆形图形,在其左下角添加三个锚点将中间锚点向下拉出,修正形状如下图再次建立一个椭圆形调整两个椭圆形眼睛的位置如下图重点来啦,开始使用布尔运算:选中两个眼睛及绿色的身体,然后点击Subtract按钮将现有图形复制一份,将新图形镜像(鼠标右键–变换–水平翻转)。将复制好的图形更改一下颜色(白色),然后与原图形(绿色)重叠。并将其缩小至80%。...原创 2019-03-26 10:11:36 · 869 阅读 · 0 评论 -
Sketch(二)——图标集画微信图标
Sketch快速画出微信图标目标图准备工作SketchSketch图标集(GitHub地址:Font Awesome Symbols for Sketch)详细步骤解压Font Awesome Symbols ---- 打开Font Awesome Symbols.sketch(切记从这里进入Sketch,否则无法使用图标集)这个绿色的是Font Awesome Sym...原创 2019-03-25 10:45:46 · 1035 阅读 · 0 评论 -
Material Design(四)
Material Design知识回顾目录AnimationStyleLayoutComponents补充单位DP单位Dp 是独立密度像素的简称(Density-independent pixels),是安卓设备上的基本单位。SP单位SP 是独立缩放像素的简称(Scale-independent Pixel)。Android平台允许用户自定义文字大小(小、正常、...原创 2019-04-19 08:34:43 · 118 阅读 · 0 评论