让前端开发者也能做简单的UI设计:Adobe-XD

2023-04-16 0 454

作为一个前端开发者,有时候想自己搭建一些界面,比如说个人主页、个人博客、一些用来展示自己知识、技能等等的一系列网站,因为没有UI设计师的缘故,只有用代码一点点的敲,结果敲了老半天,打开网页一看:“这是个什么玩意?”然后又改改改。

而Adobe公司推出了一款软件Adobe XD,能够快速的上手进行UI制作。

1. 为什么要用XD

目前能够上传到设计和前端协作平台蓝湖的有3个软件所制作出的项目:

  • Ps
  • Sketch
  • XD

让前端开发者也能做简单的UI设计:Adobe-XD

之所以要上传到蓝湖,是因为它可以将所见的东西以代码的形式展示出来:

让前端开发者也能做简单的UI设计:Adobe-XD

1.1 为什么不是PS

  • 启动速度非常慢,尤其是新版的Ps,如果电脑配置稍微差点就会非常卡。
  • 运行消耗大,占用内存较多,本来前端开发时Chrome已经够吃内存了,又来一个PS。
  • 功能过多,不利于简单的排版和设计

上面的最后一点才是前端开发者不推荐使用Ps的原因,前2点我相信作为一个开发者来说,电脑配置应该不会太低,很容易就可以克服,但是最后一点,PS的功能实在是太多了,你就想设计一个简单的网页界面,完全不知道从哪儿入手。

1.2 为什么不是Sketch

只能在Mac中使用,如果没有苹果电脑就没有办法进行使用该软件,而我没有macOS,没有办法选择Sketch。

综上所述,XD也是前端做一些简单的UI设计的最好的选择,并且XD目前还处在免费使用的状态

2. 界面

3. 重复网格

4. 资源库

4.1 颜色

4.2 样式

4.3 组件

5. 蒙版

6. 响应式布局

7. 最后

相关文章

发表评论
暂无评论
官方客服团队

为您解决烦忧 - 24小时在线 专业服务