![](https://img-blog.csdnimg.cn/20201014180756922.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
XD
y351_
这个作者很懒,什么都没留下…
展开
-
界面制作介绍
界面制作介绍1.打开XD软件,进行软件界面制作,首先首页面部分设置文字,登录注册按钮进行用户注册2.然后点击注册跳转到注册页面,已注册点击登录,也可进行微信、QQ、微博直接登录,点击上面小箭头即可返回首页界面3.注册登录完以后即可进到软件主页面进行浏览内容,进行收藏和点赞,中间相机可以拍摄自己喜欢的照片进行发布分享,右边的小人点击即可进入用户主页面,点击三条横线的就是更多设置,加号的会显示好友消息,添加好友等功能4.点击用户主页面显示个人信息,可观看访客量、收藏、关注、发布作品等信息,作品也可原创 2021-03-02 16:38:11 · 352 阅读 · 0 评论 -
登录方式页面制作
登录方式页面制作效果1.打开XD软件,新建画布,制作内容2.制作登录注册按钮3.制作邮箱密码条4.制作第三方登录方式5.完善画面原创 2021-02-09 20:00:49 · 388 阅读 · 0 评论 -
排版页面
排版页面效果1.打开软件,新建画布,用矩形画出矩形,设置圆角,填充渐变色2.用圆形工具画出圆形,插入图片3.添加文字4.在下面画出白色卡片添加阴影4.然后复制两个,放到下面,进行缩小并填充颜色5.给卡片里添加内容和插入图片...原创 2021-01-31 18:40:05 · 110 阅读 · 0 评论 -
运动健身页面
运动健身页面效果1.打开软件,拉出参考线,制作导航栏2.给背景添加颜色,制作文字,放入图片3.画一个矩形添加阴影,添加文字和图片4.给图片里添加文字和星级程度5.在底部画矩形制作图标6.给整个界面进行调整...原创 2021-01-29 19:31:02 · 187 阅读 · 0 评论 -
界面设计
界面设计效果1.打开XD软件,新建画布,先用个文字工具进行排版设置字体大小2.制作注册登录按钮3.画一个和画布大小的矩形框,插入图片,置于底层,改变字体颜色等4.在画出一个矩形,上面两个角设置为圆角,设置背景模糊5.把文字添加到上面,进行调整6.用圆形工具在上面画出圆形,添加图片...原创 2021-01-27 18:29:18 · 609 阅读 · 0 评论 -
登录界面设计
登录界面设计1.新建画布,用圆形工具画出圆形,填充黑色,取消描边,然后在里面用矩形工具画出手机形状2.用钢笔工具画出箭头3.用矩形工具制作手机登录的点击键4.然后制作上面的文字部分进行排版...原创 2021-01-26 19:07:51 · 806 阅读 · 0 评论 -
UI启动页设计
启动页设计效果1.打开PS,新建画布,然后圆角矩形工具画出形状填充颜色2.用圆形工具画出圆形,圆角矩形工具画出矩形,然后合并形状,用路径选择工具选择圆形复制按Ctrl+T进行缩小,然后减去顶层3.再用路径选择工具选择圆形复制一个缩小4.用路径选择工具选择矩形复制,然后Ctrl+T缩小,放到合适位置缩小,然后减去顶层5.然后旋转45度角6.然后添加文字7.调整界面...原创 2021-01-24 19:03:53 · 640 阅读 · 0 评论 -
XD倒计时交互动效
倒计时交互动效1.打开软件新建,然做出时间,秒钟时间要分开制作2.给秒钟时间加上倒数数字3.然后复制一个秒数上面的矩形放在顶层4.选中矩形和数字,点击右键带有形状的蒙版(Ctrl+shift+M)5.然后按Ctrl+D复制五个画板6.点击原型界面,点击第一个画板的播放键,把出现的箭头拖到第二个画板,把第二个画板的秒针数值改为4,属性出发为点击,动画为上滑,类型为自动制作动画7.把后面每个画板进行连接,触发改为时间,0.3秒,然后改变每个画板上面的秒针数字8.把中间四到一的数字的播放键原创 2021-01-23 20:08:23 · 1390 阅读 · 0 评论 -
XD图标制作
图标1.新建画布,做ICON图标,用矩形工具按shift键画出正方形,然后把角设置圆角,填充颜色2.用矩形做出里面的图标,进行排列3.钢笔工具绘制图标,复制一个正方形,然后用钢笔工具绘制然后改变端点...原创 2021-01-22 19:00:48 · 1738 阅读 · 0 评论 -
XD交互动效
交互动效1.打开XD,然后新建画布,用圆形工具画出一个圆形,填充颜色2.然后点击画板名称,按住Alt键复制一个3.把复制的圆形放大放到下面,然后点击菜单栏的原型,并选中第一个圆形4.把圆形边上的箭头向下拉,然后进行预览效果在属性栏可制作不同效果的动效...原创 2021-01-21 19:00:16 · 6459 阅读 · 0 评论 -
XD、PS制作轻拟物界面
XD、PS制作轻拟物界面1.打开PS,新建画布,填充灰色2.用矩形工具画出矩形框,添加亮色阴影和暗色阴影3.在里面在画出两个圆角矩形,添加文字,设置图层样式在XD软件中制作,先给背景价格灰色背景,然后画一个矩形框,设置圆角,然后复制两个,一个填充白色,一个填充深灰色,把图形进行摆放顺序,然后把白色和深灰色图形选中点击属性的对象模糊,也可做出轻拟物风格界面...原创 2021-01-20 18:41:23 · 982 阅读 · 0 评论 -
XD鞋子页面设计(下)
鞋子页面设计效果1.打开软件,把上次鞋子的画板复制一个2.然后放入一个选择鞋子的详情界面,放入鞋子图片和名称3.然后用矩形工具画一个矩形取消描边,设置圆角,加上投影4.做出鞋子可选择的颜色和价格5.最后完善一下界面...原创 2021-01-19 20:10:53 · 155 阅读 · 0 评论 -
XD鞋子页面设计(上)
鞋子页面设计效果1.打开软件,新建画布,然后拉出参考线2.用钢笔工具做返回按钮3.做筛选图标4.用矩形做卡片5.然后做出投影6.选择抠出的鞋子图片放到矩形框里,添加文字和价格7.加上标题栏...原创 2021-01-18 20:12:57 · 948 阅读 · 0 评论 -
XD日历界面制作
日历界面制作效果1.打开软件,新建画板,先把状态栏放进去,然后制作导航,先画出矩形框,高度为442.然后制作文字部分样式3.制作下面的待办事项并添加颜色4.调整界面原创 2021-01-17 20:19:12 · 729 阅读 · 0 评论 -
XD界面设计
界面设计效果1.打开软件,新建画板,用矩形画出矩形框,填充红色2.在复制一个放在下面,填充一个深颜色3.复制深颜色矩形放在画板底部,调整高度为344.在复制一个放在上面高度为49,改变颜色5.然后做出两边的安全距离,填充颜色6.然后进行编组,在里面进行文字排版7.然后把底面颜色隐藏,画矩形框放到底层,设置阴影和圆角8.调整阴影颜色和数值9.把内容和矩形框进行编组,点击重复网格进行调整10.然后在下面画出按钮,添加文字和图形11.然后把圆形中都添加图片...原创 2021-01-16 19:44:43 · 1649 阅读 · 0 评论 -
XD常用功能
常用功能1.打开XD软件,新建画板,然后画出一个圆形,填充颜色,取消描边,在圆形边上加上两排文字2.然后点击圆形选择一张图片拖到圆形中也可以先画出圆形填充颜色,取消描边,然后拖入一张图片放到圆形上面,选中圆形和图片点击右键,选择带有形状的蒙版(Ctrl+shift+M)3.画一个矩形,设置圆角,填充颜色,然后添加文字然后全部选中点击右键编组或者按shift+G编组,点击右边属性面板的重复网格即可做出多个回复框打开一张图片,然后上覆盖一个填充白色的矩形框,取消描边,点击背景模糊,可调整图片模原创 2021-01-15 19:19:25 · 3030 阅读 · 0 评论 -
XD切图和导出
切图和导出做完之后进行导出,点击所选内容或者所有画板所选内容:根据自己做需要的的选择格式,选择默认的大小为1X所有画板点击选中自己所需要的画面的部分,然后点击导出所选内容,即可导出所选的部分,即为切图...原创 2021-01-14 20:54:34 · 3268 阅读 · 0 评论 -
XD重复网格
重复网格打开XD新建画板,然后用矩形画出一个矩形框,点击右边属性的重复网格,然后就会出现两个手柄往右,往下拖动手柄,生成新的图形,鼠标放在间距上点击还可以移动图形间距画一个矩形框添加文字,插入图片,点击重复网格...原创 2021-01-13 12:54:30 · 1438 阅读 · 0 评论 -
XD属性介绍
属性介绍1.两个图形的交集,减去,交叉,排除重叠交集减去交叉排除重叠2.外观,不透明度圆角设置单独的一个圆角,按住Alt键进行拖动3.渐变设置边界调整阴影背景模糊对象模糊...原创 2021-01-12 19:56:36 · 460 阅读 · 0 评论 -
XD基础操作演示
基础操作演示1.启动页面,页面上展示了几种画板类型,根据项目类型选择相应的画板,或者自定义画板大小。在XD中是使用一倍图进行设计,由于XD是矢量设计软件,所以导出@2x、@3x也不会模糊不清。2.软件初始界面,选择初始画布类型,点击进入初始界面。下图标示了工具栏和属性栏3.基本工具使用选择工具:选择移动页面元素,快捷键v;双击形状可添加/移动/删除锚点,调整贝塞尔曲线。矩形工具:创建页面矩形元素,快捷键r;可在属性栏设置大小/旋转/颜色/透明度/圆角/边界/阴影/模糊等属性。椭圆工具:创建页面圆原创 2021-01-11 21:09:15 · 4332 阅读 · 0 评论 -
XD工具介绍
工具介绍1.选择工具,选中画板,所画出的物体形状2.矩形、椭圆、三角、线段进行图像绘制3.钢笔工具通过拖动可以绘制出一些图形4.文字可以点击画板输入内容,也可以拖动输入内容5.画板进行复制或新建画板6.放大缩小,可放大缩小画板方便进行设计画正方形和正圆可按住shift进行绘制,直线按Ctrl键会出现水平或45度角...原创 2021-01-10 19:40:31 · 1506 阅读 · 0 评论 -
XD界面
打开XD软件后进到主页面,可以根据自己需要的界面进行界面设计先自定义大小设置界面,然后在A键,右边就会出现各种界面尺寸,点击就可新建想要界面按住Alt键可以行复制界面然后进行复制移动界面用左边的工具面板,在界面进行设计,右边就会出现属性面板,可以做一些简单的操作设计...原创 2021-01-09 16:54:51 · 524 阅读 · 0 评论