- 博客(121)
- 收藏
- 关注
RSS订阅原创 动漫文字卡片封面制作
动漫文字卡片封面制作1、新建画布，插入背景图片 2、打出自己想要的字体，调整合适大小3、将文字图层转换为智能对象4、按Ctrl+T键对文字进行扭曲变换，选择扇形并将弯曲设置为8%，点击确定5、点击滤镜-扭曲-水波，数量设置为1，起伏设置为5，样式选择为水池波纹，最后点击确定6、通过复制和移动图层制作3D立体效果，将文字图层使用组合键Ctrl+J来复制图层，复制一层图层后按箭头键向下一次、右一次移动此复制图层，重复以上的操作直到创建并移动了原始图层的十个副本7、选中复制的十个图层将其转换为智能
2021-10-27 17:22:57
497
原创 2021-09-27 屏幕尺寸、设计尺寸规范
屏幕尺寸手机设备名称 操作系统 尺寸 in PPI 纵横比 宽 x 高 dp 宽 x 高 px 密度 dpiAndroid One Android 4.5 218 16 : 9 320 x 569 480 x 854 1.5 hdpiGoogle Pixel Android 5.0 441 16 : 9 411 x 731 1080 x 1920 2.6 xxhdpiGoogle Pixel 3 (3,Lite) Android 5.5 439 2:1 360 x 720 1080 x 2
2021-09-27 19:56:07
2144
原创 视图基本操作、常用工具栏
视图基本操作F1 F2 F3 F4 F5可以切换视图显示旋转视图：Alt+鼠标左键平移视图：Alt+鼠标中键拖动缩放视图：Alt+鼠标中键滑动常用工具栏前进：Ctrl+Y前进一步后退：Ctrl+Z后退一步实时选择（9）：菜单中包含框选、套索与多边形选择工具：[ ]选择工具圆圈大小快捷键，鼠标中间滑轮按住拖动移动工具（E）：移动物体缩放工具（T）：放大缩小物体对象，默认多边形需要C，塌陷或者叫转换为可编辑多边形旋转工具（R）：控制对象旋转显示工具（空格）：显示正在使用的工具，弹出窗
2021-06-11 14:56:58
862
1
原创 界面制作介绍
界面制作介绍1.打开XD软件，进行软件界面制作，首先首页面部分设置文字，登录注册按钮进行用户注册2.然后点击注册跳转到注册页面，已注册点击登录，也可进行微信、QQ、微博直接登录，点击上面小箭头即可返回首页界面3.注册登录完以后即可进到软件主页面进行浏览内容，进行收藏和点赞，中间相机可以拍摄自己喜欢的照片进行发布分享，右边的小人点击即可进入用户主页面，点击三条横线的就是更多设置，加号的会显示好友消息，添加好友等功能4.点击用户主页面显示个人信息，可观看访客量、收藏、关注、发布作品等信息，作品也可
2021-03-02 16:38:11
352
原创 登录方式页面制作
登录方式页面制作效果1.打开XD软件，新建画布，制作内容2.制作登录注册按钮3.制作邮箱密码条4.制作第三方登录方式5.完善画面
2021-02-09 20:00:49
388
原创 界面设计基本规范
界面设计基本规范控件内容：1.分辨率：750×13342.状态栏：40px3.导航栏：88px4.标签栏：98px字体规范：1.字体：苹方、中等、平滑2.导航栏：34-36px3.标签栏：20px4.内容区域：自由发挥排版细节：1.字体：文字大小必须为双数2.间距：界面中所有元素之间的距离也必须为双数...
2021-02-06 19:36:43
406
原创 音乐界面设计
音乐界面设计效果1.打开PS，新建画布，拉出参考线2.制作导航栏3.用圆角矩形工具画出矩形，添加图片4.画圆形并复制三个，制作内容5.制作下面推荐歌单6.播放器制作7.调整画面
2021-02-03 20:36:33
779
原创 天气界面设计
天气界面设计效果1.打开PS，新建画布2.拉出参考线做安全距离3.在导航栏用圆角矩形工具画出形状，长36，高4，并复制两个4.添加文字，并居中对齐5.添加温度6.给页面绘制当前地区温度的图层样式，添加一个背景7.用钢笔工具画出一些插画图案进行装饰8.把背景换成山的深色部分，然后下面画一个圆角矩形当做卡片，添加投影9.给卡片里添加天气温度10.调整画面...
2021-02-01 20:11:29
381
原创 排版页面
排版页面效果1.打开软件，新建画布，用矩形画出矩形，设置圆角，填充渐变色2.用圆形工具画出圆形，插入图片3.添加文字4.在下面画出白色卡片添加阴影4.然后复制两个，放到下面，进行缩小并填充颜色5.给卡片里添加内容和插入图片...
2021-01-31 18:40:05
110
原创 运动健身页面
运动健身页面效果1.打开软件，拉出参考线，制作导航栏2.给背景添加颜色，制作文字，放入图片3.画一个矩形添加阴影，添加文字和图片4.给图片里添加文字和星级程度5.在底部画矩形制作图标6.给整个界面进行调整...
2021-01-29 19:31:02
187
原创 界面设计
界面设计效果1.打开XD软件，新建画布，先用个文字工具进行排版设置字体大小2.制作注册登录按钮3.画一个和画布大小的矩形框，插入图片，置于底层，改变字体颜色等4.在画出一个矩形，上面两个角设置为圆角，设置背景模糊5.把文字添加到上面，进行调整6.用圆形工具在上面画出圆形，添加图片...
2021-01-27 18:29:18
609
原创 登录界面设计
登录界面设计1.新建画布，用圆形工具画出圆形，填充黑色，取消描边，然后在里面用矩形工具画出手机形状2.用钢笔工具画出箭头3.用矩形工具制作手机登录的点击键4.然后制作上面的文字部分进行排版...
2021-01-26 19:07:51
806
原创 UI启动页设计
启动页设计效果1.打开PS，新建画布，然后圆角矩形工具画出形状填充颜色2.用圆形工具画出圆形，圆角矩形工具画出矩形，然后合并形状，用路径选择工具选择圆形复制按Ctrl+T进行缩小，然后减去顶层3.再用路径选择工具选择圆形复制一个缩小4.用路径选择工具选择矩形复制，然后Ctrl+T缩小，放到合适位置缩小，然后减去顶层5.然后旋转45度角6.然后添加文字7.调整界面...
2021-01-24 19:03:53
640
原创 XD倒计时交互动效
倒计时交互动效1.打开软件新建，然做出时间，秒钟时间要分开制作2.给秒钟时间加上倒数数字3.然后复制一个秒数上面的矩形放在顶层4.选中矩形和数字，点击右键带有形状的蒙版（Ctrl+shift+M）5.然后按Ctrl+D复制五个画板6.点击原型界面，点击第一个画板的播放键，把出现的箭头拖到第二个画板，把第二个画板的秒针数值改为4，属性出发为点击，动画为上滑，类型为自动制作动画7.把后面每个画板进行连接，触发改为时间，0.3秒，然后改变每个画板上面的秒针数字8.把中间四到一的数字的播放键
2021-01-23 20:08:23
1390
原创 XD图标制作
图标1.新建画布，做ICON图标，用矩形工具按shift键画出正方形，然后把角设置圆角，填充颜色2.用矩形做出里面的图标，进行排列3.钢笔工具绘制图标，复制一个正方形，然后用钢笔工具绘制然后改变端点...
2021-01-22 19:00:48
1738
原创 XD交互动效
交互动效1.打开XD，然后新建画布，用圆形工具画出一个圆形，填充颜色2.然后点击画板名称，按住Alt键复制一个3.把复制的圆形放大放到下面，然后点击菜单栏的原型，并选中第一个圆形4.把圆形边上的箭头向下拉，然后进行预览效果在属性栏可制作不同效果的动效...
2021-01-21 19:00:16
6458
原创 XD、PS制作轻拟物界面
XD、PS制作轻拟物界面1.打开PS，新建画布，填充灰色2.用矩形工具画出矩形框，添加亮色阴影和暗色阴影3.在里面在画出两个圆角矩形，添加文字，设置图层样式在XD软件中制作，先给背景价格灰色背景，然后画一个矩形框，设置圆角，然后复制两个，一个填充白色，一个填充深灰色，把图形进行摆放顺序，然后把白色和深灰色图形选中点击属性的对象模糊，也可做出轻拟物风格界面...
2021-01-20 18:41:23
982
原创 XD鞋子页面设计（下）
鞋子页面设计效果1.打开软件，把上次鞋子的画板复制一个2.然后放入一个选择鞋子的详情界面，放入鞋子图片和名称3.然后用矩形工具画一个矩形取消描边，设置圆角，加上投影4.做出鞋子可选择的颜色和价格5.最后完善一下界面...
2021-01-19 20:10:53
155
原创 XD鞋子页面设计（上）
鞋子页面设计效果1.打开软件，新建画布，然后拉出参考线2.用钢笔工具做返回按钮3.做筛选图标4.用矩形做卡片5.然后做出投影6.选择抠出的鞋子图片放到矩形框里，添加文字和价格7.加上标题栏...
2021-01-18 20:12:57
948
原创 XD日历界面制作
日历界面制作效果1.打开软件，新建画板，先把状态栏放进去，然后制作导航，先画出矩形框，高度为442.然后制作文字部分样式3.制作下面的待办事项并添加颜色4.调整界面
2021-01-17 20:19:12
729
原创 XD界面设计
界面设计效果1.打开软件，新建画板，用矩形画出矩形框，填充红色2.在复制一个放在下面，填充一个深颜色3.复制深颜色矩形放在画板底部，调整高度为344.在复制一个放在上面高度为49，改变颜色5.然后做出两边的安全距离，填充颜色6.然后进行编组，在里面进行文字排版7.然后把底面颜色隐藏，画矩形框放到底层，设置阴影和圆角8.调整阴影颜色和数值9.把内容和矩形框进行编组，点击重复网格进行调整10.然后在下面画出按钮，添加文字和图形11.然后把圆形中都添加图片...
2021-01-16 19:44:43
1649
原创 XD常用功能
常用功能1.打开XD软件，新建画板，然后画出一个圆形，填充颜色，取消描边，在圆形边上加上两排文字2.然后点击圆形选择一张图片拖到圆形中也可以先画出圆形填充颜色，取消描边，然后拖入一张图片放到圆形上面，选中圆形和图片点击右键，选择带有形状的蒙版（Ctrl+shift+M）3.画一个矩形，设置圆角，填充颜色，然后添加文字然后全部选中点击右键编组或者按shift+G编组，点击右边属性面板的重复网格即可做出多个回复框打开一张图片，然后上覆盖一个填充白色的矩形框，取消描边，点击背景模糊，可调整图片模
2021-01-15 19:19:25
3030
原创 XD切图和导出
切图和导出做完之后进行导出，点击所选内容或者所有画板所选内容：根据自己做需要的的选择格式，选择默认的大小为1X所有画板点击选中自己所需要的画面的部分，然后点击导出所选内容，即可导出所选的部分，即为切图...
2021-01-14 20:54:34
3268
原创 XD重复网格
重复网格打开XD新建画板，然后用矩形画出一个矩形框，点击右边属性的重复网格，然后就会出现两个手柄往右，往下拖动手柄，生成新的图形，鼠标放在间距上点击还可以移动图形间距画一个矩形框添加文字，插入图片，点击重复网格...
2021-01-13 12:54:30
1438
原创 XD属性介绍
属性介绍1.两个图形的交集，减去，交叉，排除重叠交集减去交叉排除重叠2.外观，不透明度圆角设置单独的一个圆角，按住Alt键进行拖动3.渐变设置边界调整阴影背景模糊对象模糊...
2021-01-12 19:56:36
460
原创 XD基础操作演示
基础操作演示1.启动页面，页面上展示了几种画板类型，根据项目类型选择相应的画板，或者自定义画板大小。在XD中是使用一倍图进行设计，由于XD是矢量设计软件，所以导出@2x、@3x也不会模糊不清。2.软件初始界面，选择初始画布类型，点击进入初始界面。下图标示了工具栏和属性栏3.基本工具使用选择工具：选择移动页面元素，快捷键v；双击形状可添加／移动／删除锚点，调整贝塞尔曲线。矩形工具：创建页面矩形元素，快捷键r；可在属性栏设置大小／旋转／颜色／透明度／圆角／边界／阴影／模糊等属性。椭圆工具：创建页面圆
2021-01-11 21:09:15
4332
原创 XD工具介绍
工具介绍1.选择工具，选中画板，所画出的物体形状2.矩形、椭圆、三角、线段进行图像绘制3.钢笔工具通过拖动可以绘制出一些图形4.文字可以点击画板输入内容，也可以拖动输入内容5.画板进行复制或新建画板6.放大缩小，可放大缩小画板方便进行设计画正方形和正圆可按住shift进行绘制，直线按Ctrl键会出现水平或45度角...
2021-01-10 19:40:31
1506
原创 XD界面
打开XD软件后进到主页面，可以根据自己需要的界面进行界面设计先自定义大小设置界面，然后在A键，右边就会出现各种界面尺寸，点击就可新建想要界面按住Alt键可以行复制界面然后进行复制移动界面用左边的工具面板，在界面进行设计，右边就会出现属性面板，可以做一些简单的操作设计...
2021-01-09 16:54:51
524
原创 UI霓虹灯风格图标设计
霓虹灯风格图标效果1.打开PS，新建画布，填充深颜色背景，用圆角矩形工具画出一个圆角矩形，然后添加渐变叠加2.打开AI，用圆角矩形工具画出圆角矩形，描边加粗，然后复制一个圆角矩形，删除一半，端点改为圆角3.把之前的圆角矩形，也删除一半4.把两个形状进行拼接，然后用钢笔工具画出图形里面的形状5.然后用椭圆工具在里面画出圆形6.全部选中图形，执行对象-扩展，然后单个复制到PS里面7.把图形添加渐变叠加8.给图形添加效果...
2020-12-30 19:45:51
254
原创 UI特殊图标制作
特殊图标制作效果1.打开PS，新建画布，用椭圆工具画一个300*300的圆形，然后Ctrl+T选择上面的膨胀，再Ctrl+T旋转45度2.用矩形工具画出矩形，把上面两个角设置为圆角3.添加图层蒙版，然后添加黑白渐变4.复制一个然后进行翻转5.然后调整颜色大小...
2020-12-29 18:46:59
150
原创 UI系统图标设计
系统图标设计效果1.先用圆角矩形工具画出一个圆角矩形，然后在复制一个2.用直接选择工具把两个圆角矩形中间挨着的两条边变成直角的3.把复制的矩形边长，用透视工具把圆角矩形右边两个角分别向上向下移动4.把图形进行复制粘贴，然后缩小，描边改小一点5.在图形上用添加锚点工具添加锚点，然后用直接选择工具把不需要的锚点按delete键删除，然后把描边端点变为圆角的6.把图形进行旋转，然后加一些装饰7.再画一个圆角矩形做出茶杯的图标...
2020-12-28 19:26:36
131
原创 UI信号图标设计
信号图标设计效果1.打开PS，新建画布，用矩形工具画出300*300的矩形填充颜色2.用椭圆工具画出圆形，然后再画出一个三角形，在AI里用直接选择工具变成圆角的三角形，然后复制粘贴到PS里3.然后把中间的圆形Ctrl+C复制，Ctrl+V粘贴，然后Ctrl+T进行放大，用路径选择工具在原位复制一个缩小一点，然后点击减去顶层形状4.把图形复制一个进行缩小，用路径选择工具把每个形状距离调整一下5.调整完后，用矩形工具绘制一个大一点的正方形，然后旋转45度角，一中间圆的中心点做参考线，把矩形的角放在圆
2020-12-27 19:54:35
215
原创 UI重叠图标设计
重叠图标设计效果1.打开AI，新建画布，执行视图-显示网格，然后在网格参考下画出圆形描边，然后进行复制圆形，做成九宫格2.用形状生成器工具把中间的圆形连接3.然后把剩下的四个圆形删除，然后执行对象-扩展，点击确定4.然后进行原位复制Ctrl+C，Ctrl+F，进行九十度旋转5.选中复制的图形执行对象-路径-偏移路径6.然后用形状生成工具按Alt键+鼠标左键把不需要的部分删除7.用形状生成工具把断开的进行连接8.然后对形状进行编组9.给图形填充颜色10.加背景和投影...
2020-12-26 20:52:37
240
原创 UI设计新拟物音乐播放器制作
新拟物音乐播放器制作效果1.新建画布，用参考线拉出边距，然后用椭圆工具画出圆形做返回按钮和列表按钮2.中间画出两个叠加圆形3.然后放进图片创建剪贴蒙版，下面加上歌曲名字和作者4.然后做出音乐进度条5.做出播放按钮，上一首和下一首的按钮6.调整画面颜色和图层样式效果...
2020-12-23 19:49:01
371
原创 UI温度页面制作
温度页面制作效果1.打开PS新建画布2.显示标尺给画布上下左右留出60左右的边距，然后给左上角绘制一个按钮，用圆角矩形工具画出圆角矩形，然后复制两个，进行调整3.然后画出圆形放在图形下面，当做按钮，进行编组4.复制一个放在右边，里面的图形换成人5.选择合适字体进行摆放6.制作开关进行居中对齐7.然后在画布中间画出圆形8.画一个矩形框，和中间的圆形减去顶层9.绘制圆形放在中间减去的圆形部分10.添加温度，摆放合适位置11.用圆角矩形做出刻度12.给圆形里面做出可以滑动的开关，
2020-12-22 20:15:49
726
原创 UI缺省页设计制作
缺省页设计制作效果1.用椭圆工具画出一个圆形和椭圆形进行居中2.用直接选择工具选中圆形点击右边的锚点按delete键删除3.用矩形工具画出矩形用直接选择工具调整锚点位置，变成梯形，放到图形中间，前面的角改为圆形4.用圆角矩形工具和矩形工具给图形加底座5.给图形添加渐变叠加，对一个部分进行渐变叠加调整6.给图形左上角添加表示信号不稳定的样式图形，用圆角矩形工具绘制Z形，然后进行摆放位置7.然后在复制两个Ctrl+T进行放大一点摆放8.用椭圆工具加个背景，先画出椭圆，然后添加渐变叠加，调整
2020-12-21 19:46:31
549
原创 UI网页导航设计3
网页导航设计3效果1.打开PS，新建画布大小，拉出两条参考线，然后用圆角矩形工具拉出矩形，进行调整2.然后进行复制，Ctrl+T缩小一半改为浅蓝色，放到上面，复制一个缩小一半颜色为黑色，圆角像素为0，放到下面部分3.绘制导航划过的效果。用圆角矩形工具画出圆角矩形，下面两个圆角半径像素为04.吧颜色改为渐变色，把背景色改为灰色，前景色为黑色，然后点击形状调整渐变颜色5.描边渐变黑色到浅灰色6.做导航的投影中间的白色渐变线条，用线段工具画出线条，然后渐变色改为中间白色两边透明的渐变，调整不透明度
2020-12-20 18:44:12
203
原创 UI网页导航设计2
网页导航设计2效果1.打开PS新建画布，用圆角矩形选框工具画出圆角矩形，填充黄色，调整圆角的大小，然后用钢笔工具画出不规则梯形，填充橙色2.用路径选择工具点击图形按Ctrl+J复制一个，然后用直接选择工具调整复制图形的右上角，向下移动，颜色改为渐变色3.用线段工具在图形下面画出一条线，像素改为2像素，颜色改为中间白色，两边透明的渐变，调整不透明度4.把图形进行编组，然后复制5.在中间空白的地方用钢笔工具画出形状，用路径选择工具点击图形按Ctrl+J复制一个，然后用直接选择工具调整复制图形的右上
2020-12-19 19:41:51
168
1
原创 UI网页导航设计1
网页导航设计效果1.新建画布600*600，然后画出一个圆角矩形，调整角的半径值2.然后用矩形工具画出矩形3.然后加上渐变，把前景色改为比矩形条亮一点的颜色，然后矩形条复制一个缩小一半的位置，点击矩形工具上面的渐变4.用线段工具在深颜色矩形下面的线上画出一条一像素的线段，填充改为白色渐变，中间白色，两边透明的，然后调整一下不透明度5.添加投影，复制深颜色矩形，拖拽到下面，点击添加图层蒙版，拉一个黑到白色或者黑色到透明色的渐变6.添加文字7.添加鼠标滑过的样式，用矩形工具画出矩形添加深红颜色，
2020-12-18 21:22:46
315
1
原创 UI相机图标设计
UI相机图标设计效果1.打开PS，用矩形工具画出一个矩形随便填充一个颜色，然后再复制一个调整大小位置2.把小矩形上边两个角用直接选择工具选中向左向右移动，然后进行合并，在点击上面合并形状组件3.然后把图形用路径选择工具选中，进行复制粘贴到AI里用直接选择工具进行变形4.然后选择调整好的图形进行复制，到PS选择形状图层进行粘贴，把之前的图形删除5.用椭圆工具画出圆形放到图形中间填充白色6.然后给图形添加渐变叠加7.复制中间的圆形填充比外面亮一点的颜色，然后把白色进行缩小8.再进行复制两个更
2020-12-11 21:47:33
234
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人