XD鞋子页面设计（上）

最新推荐文章于 2024-05-28 12:00:38 发布
最新推荐文章于 2024-05-28 12:00:38 发布
阅读量984 收藏
点赞数
分类专栏： XD
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/y351_/article/details/112791535
版权
本文介绍了如何使用软件设计鞋子展示页面，包括新建画布、设置参考线、绘制返回按钮和筛选图标，制作带有投影的卡片，放置鞋子图片并添加文字和价格，以及设置标题栏。
摘要由CSDN通过智能技术生成

鞋子页面设计

效果
在这里插入图片描述
1.打开软件，新建画布，然后拉出参考线在这里插入图片描述
2.用钢笔工具做返回按钮在这里插入图片描述
3.做筛选图标
在这里插入图片描述
在这里插入图片描述
4.用矩形做卡片在这里插入图片描述
5.然后做出投影在这里插入图片描述
6.选择抠出的鞋子图片放到矩形框里，添加文字和价格在这里插入图片描述
7.加上标题栏在这里插入图片描述

y351_
关注
专栏目录
设计UI - Adobe xd画板及参考线
不只会拍照的程序猿
03-08 6363
本文介绍了Adobe XD工具中的画板及参考线用法
Adobe Xd快捷键（Win 10）-UI设计更便捷
weixin_43332204的博客
05-29 9354
Adobe Xd: 简要介绍： Adobe Xd是一款主要做UI设计的软件，刚刚兴起，有许多的插件可以使用，小巧便捷，由Adobe公司新推出的产品，有许多的优势，未来应该有不错的发展，目前windows系统只是用于win 10。 优势： 1.占内存小，同样做一个设计，如果用Ps做出来要130M，而Adobe Xd只需36M左右。 2.能在PC，MAC系统下运行。 3.全家桶支持，具有平台优势，可以...
XD快捷键集锦
weixin_58464765的博客
09-17 695
快捷键集锦
第二周周报
chanyeol0715的博客
11-29 315
第二周周报 提示：文章写完后，目录可以自动生成，如何生成可参考右边的帮助文档 文章目录第二周周报一、色彩平衡二、使用步骤1.引入库2.读入数据总结 一、色彩平衡 使用PS来对色彩进行调节，并保持色彩的平衡。 首先挑选一张风景图 然后打开色彩平衡 然后分别将阴影，中间调，高光的红色拉到+100，出现以下三幅图 ![ 这是在默认状态下保持明度，下面是保持明度打开与关闭时的对比。 二、使用步骤 1.引入库 代码如下（示例）： import numpy as np import pandas as
【备忘】Adobe XD提供了一系列的快捷键来帮助设计师们提高工作效率。以下是一些常用的Adobe XD快捷键及其用途：
最新发布
qq_15941409的博客
05-28 542
【代码】【备忘】Adobe XD提供了一系列的快捷键来帮助设计师们提高工作效率。
20个屏幕引导页面设计Adobe_Xd素材下载.zip
12-28
在这个Adobe Xd素材下载包中，包含了20个精心设计的屏幕引导页面，可为设计师提供丰富的灵感和参考。这些设计都是用Adobe Xd这款强大的UI/UX设计工具创建的，适合用于移动应用、网页或其他数字产品的用户体验优化。 ...
旅行app_目的地页面_ui界面设计_xd素材下载.xd
12-28
旅行app 目的地页面 ui界面设计 .xd素材下载 ui界面设计、xd、旅行app
电商网站登录注册页面设计模板 .xd素材下载
04-20
本文将深入探讨电商网站登录注册页面的设计原则、元素组成以及如何优化用户体验，以“Onshop.xd”素材为例，来阐述相关知识点。 一、设计原则 1. 清晰直观：登录注册界面应简洁明了，避免过多的复杂元素干扰用户...
手机app验证页面UI界面设计_xd_&_psd素材下载.zip
12-28
"手机app验证页面UI界面设计_xd_&_psd素材下载.zip" 提供了设计师们需要的资源，以创建高效且吸引人的手机应用验证页面。此压缩包包含的文件主要是 XD 和 PSD 格式，这两种格式都是广泛使用的图形设计工具Adobe XD和...
xd使用技巧_XD拉框助手怎么使用 XD拉框助手简单使用方法分享
weixin_39558317的博客
12-20 1752
XD拉框助手怎么使用？XD拉框助手是一款好用的PC端Adobe XD的拉框插件，通过本软件可以能够快速的生成折线图、柱状图、饼图、雷达图、全国各省市的地图，有的朋友可能还不知道应该如何使用？今天，小编为大家带来了简单的介绍，感兴趣的朋友快来了解一下吧。首先需要先下载软件，下载地址如下软件名称：XD拉框助手(adobe Xd插件) v1.0.1 免费安装版软件大小：986KB更新时间：2020-04...
Adobe XD使用心得及简单使用技巧
热门推荐
个人博客
07-21 7万+
Adobe XD，全称Adobe Experience Design。 这是一款集原型、设计和交互于一体的小清新时代风格的设计软件。 虽然传言中，Adobe XD将会是skech的劲敌。然而在windows系统当中，Adobe XD的确是产品原型设计领域最趁手的设计软件。它使用简单，界面整洁，虽然之前博主一直使用的是Axure 8.0，但在博主看来，Adobe XD在界面、素材以及设计操作上的确甩了Axure好几条街，至少它成功的吸引到了我。
首个Adobe XD教程丨如何用Adobe Experience Design (XD)快速设计图标
sinat_36727556的博客
11-28 1万+
提示：阅读本文前建议先从《码农与产品经理看过来-教你用Adobe Xd轻松做原型设计^_^》文章入手，会更加学度的掌握此建模神器的精髓http://www.zoomla.cn/blog/techs/3080.shtml 逐浪小子注：面向云，面向未来。 Adobe Experience Design CC（简称adobe XD)是基于矢量用于WEB、移动应用设计和原型的用户体验设
ps出现标尺的快捷键,隐藏参考线，把隐藏的参考线显示出来的快捷键。
ducaijia_123的博客
09-08 7988
ps出现标尺的快捷键ctrl+r 隐藏参考线 ctrl+; 把隐藏的参考线显示出来的快捷键再按一下ctrl+; 当从标尺中拖拽过来是竖的参考线时，拖拽过程中按住alit键就可以把竖的参考线变成横的。 ...
XD交互动效
y351_的博客
01-21 6496
交互动效 1.打开XD，然后新建画布，用圆形工具画出一个圆形，填充颜色 2.然后点击画板名称，按住Alt键复制一个 3.把复制的圆形放大放到下面，然后点击菜单栏的原型，并选中第一个圆形 4.把圆形边上的箭头向下拉，然后进行预览效果 在属性栏可制作不同效果的动效 ...
XD基础操作演示
y351_的博客
01-11 4374
基础操作演示 1.启动页面，页面上展示了几种画板类型，根据项目类型选择相应的画板，或者自定义画板大小。在XD中是使用一倍图进行设计，由于XD是矢量设计软件，所以导出@2x、@3x也不会模糊不清。 2.软件初始界面，选择初始画布类型，点击进入初始界面。下图标示了工具栏和属性栏 3.基本工具使用 选择工具：选择移动页面元素，快捷键v；双击形状可添加／移动／删除锚点，调整贝塞尔曲线。 矩形工具：创建页面矩形元素，快捷键r；可在属性栏设置大小／旋转／颜色／透明度／圆角／边界／阴影／模糊等属性。 椭圆工具：创建页面圆
XD切图和导出
y351_的博客
01-14 3325
切图和导出 做完之后进行导出，点击所选内容或者所有画板 所选内容：根据自己做需要的的选择格式，选择默认的大小为1X 所有画板 点击选中自己所需要的画面的部分，然后点击导出所选内容，即可导出所选的部分，即为切图 ...
XD常用功能
y351_的博客
01-15 3080
常用功能 1.打开XD软件，新建画板，然后画出一个圆形，填充颜色，取消描边，在圆形边上加上两排文字 2.然后点击圆形选择一张图片拖到圆形中 也可以先画出圆形填充颜色，取消描边，然后拖入一张图片放到圆形上面，选中圆形和图片点击右键，选择带有形状的蒙版（Ctrl+shift+M） 3.画一个矩形，设置圆角，填充颜色，然后添加文字 然后全部选中点击右键编组或者按shift+G编组，点击右边属性面板的重复网格即可做出多个回复框 打开一张图片，然后上覆盖一个填充白色的矩形框，取消描边，点击背景模糊，可调整图片模
XD图标制作
y351_的博客
01-22 1800
图标 1.新建画布，做ICON图标，用矩形工具按shift键画出正方形，然后把角设置圆角，填充颜色 2.用矩形做出里面的图标，进行排列 3.钢笔工具绘制图标，复制一个正方形，然后用钢笔工具绘制然后改变端点 ...
OA项目原型设计页面全面解析
为了设计出高质量的原型页面，通常会使用一些专业的原型设计工具，如Axure、Sketch、Adobe XD、Figma等。这些工具都提供了丰富的界面元素和交互设计功能，允许设计师快速构建出原型，并进行演示和测试。其中，Axure...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值