ITPub博客

首页 > 应用开发 > IT综合 > 教你用Xd做网页

教你用Xd做网页

原创 IT综合 作者:千锋Python唐小强 时间:2020-07-23 17:18:51 0 删除 编辑

最近有小伙伴来问Adobe Xd这个软件,Adobe XD 是一个协作式易用平台,可帮助团队为网站、移动应用程序、语音界面、游戏等创建设计。

今天呢~我们就来利用XD制作一个网页~

打开软件,新建1920*1080px大小的画板

教你用Xd做网页

绘制一个矩形,调整大小和颜色

教你用Xd做网页

将矩形上方的直角转变成圆角

教你用Xd做网页

将logo和icon等放到导航栏

教你用Xd做网页

输入文案,添加购买按钮

教你用Xd做网页

将鞋子放入背景中

教你用Xd做网页

绘制深蓝色的椭圆形

教你用Xd做网页

对椭圆进行对象模糊

教你用Xd做网页

调整椭圆的位置 作为投影出现

教你用Xd做网页

绘制圆形,添加径向渐变,装饰画面

教你用Xd做网页


来自 “ ITPUB博客 ” ,链接:http://blog.itpub.net/69923331/viewspace-2706570/,如需转载,请注明出处,否则将追究法律责任。

请登录后发表评论 登录
全部评论

注册时间:2019-05-14

  • 博文量
    995
  • 访问量
    622275