要完成漂亮的设计,一定要掌握 PS、AI、Sketch 等专业的做图工具才可以。其实,现在有很多网站可以帮助不会专业设计工具的我们,做出很多很漂亮的设计,完成自己的设计需求。今天,我们就来介绍一下这些网站。

原型设计

STUDIO

https://studio.design/

STUDIO 是由日本团队开发的一个可以轻松完成手机 App 和网页原型的设计网站。当你注册完账号登录之后,会有很友好的教学指导,告诉你一些简单的操作。STUDIO 可以创建 iPhone App 和 Web 两种设计文档。

STUDIO 内置了图片库、字体库、图标库,并根据你选择的文档格式,提供了 STUDIO STYLE、 Material Design 和 iOS UI Design 等风格的素材控件,只要根据自己的想法将控件拖拽和组合就可以了。

需要注意的是,STUDIO 的设计原则,很类似于 Web 页面的构成,以方形的 Box 容器为基础,每个 Box 容器只能紧挨着一个 Box 容器排列。通过设置不同的 Margin(外边距)和 Padding(内边距)来调整元素的位置,并不是鼠标自由拖拽来控制 Box 的摆放位置。配合上 STUDIO 提供的 7 中 Box 的排序方式和 Box 的嵌套,就可以完成各种各样的设计样式了。

Box 的 7 中排列方式

当你理解了 Box 的概念之后,你就可以很轻松的拖拽出一个心目中理想的 App 设计了。我也随便拖了一个 App 的设计页面,给大家展示一下。

随便拖了一个 App 页面设计

STUDIO 还支持不同页面间的跳转,完成简单的交互原型,当你完成的设计后,可以通过创建链接分享你的设计。

LOGO 设计

Free Logo Design

https://www.freelogodesign.org/

Free Logo Design 是一个可以帮我们进行在线 Logo 设计的网站,登录网站后,输入你想要展示的文字信息,并点击 START,选择一个你喜欢的 Logo 模板,就可以开始你的设计之旅了。

Free Logo Design 不仅提供了多种多样的 Logo 模板,同时你也可以根据自己的设计需求,添加文字、形状、图标等元素,来丰富你的设计。

尝试组合了一个 Logo

当你完成了你的设计之后,点击 SAVE,就可以进行下载,需要注意的是,免费版仅提供 200 * 200 像素的版本下载。

宣传物设计

Canva

https://www.canva.com/

Canva 是一个可以帮你完成多种类型宣传物的设计网站,不管是海报、Banner,还是Logo、简历,都可以通过它轻松快速的搞定,Canva 提供了极其丰富的设计类型供你选择。

Canva 设计类型选择页面

当你选定一个设计类型之后,你就可以使用 Canva 开始你的设计了,利用提供的布局模板,图片,背景,字体等元素,就可以做出很漂亮的宣传物设计了。

随便设计了一张海报

Crello

https://crello.com/

Crello 是一个可以在线设计海报的网站,提供了丰富的海报模板可以选择,当你想要快速制作一张海报的时候,使用 Crello 会是一个不错的选择。创建好你的设计项目后,选择一个你喜欢的海报模板,对其中的元素进行替换,就可以快速完成一张属于你的海报了。需要注意的是,Crello 中的有些模板和元素是要收费使用的。

Crello 模板选择页面

Gravit Klex

https://klex.gravit.io/

Gravit Klex 同样是一个可以在线设计海报的网站,功能和使用方法和 Crello 基本相同,区别在于两个网站会提供不同的设计模板和设计元素,如果 Crello 上面没有你喜欢的海报模板的话,不如来 Gravit Klex 上面看一下,我个人还是更喜欢 Gravit Klex 的设计模板的。

Gravit Klex 模板选择页面

通过上面的网站,可以在没有设计软件使用经验的情况下,满足你各种各样的设计需求。当然,你也可以通过参考这些网站的设计模板,来给你寻找一些设计灵感。不管是使用设计软件还是设计模板网站,只要能够做出自己满意的设计就可以了,它们只不过是不同的设计工具罢了。

不用 PS 和 AI,5个网站能做出更好看的设计的更多相关文章

  1. PS与AI快捷键小结

    [文档整理系列] PS与AI快捷键小结PS快捷键 填充前景色 alt+del填充背景色 crel+del前景色与背景色互换: x[英文状态] 切换打开的文件:ctrl + tab关闭当前文件: ctr ...

  2. win10安装PS和AI后报代码为16的错误解决方法

    win10安装PS和AI后报代码为16的错误解决方法 一.总结 一句话总结:修改兼容性和以管理员方式运行就可以了 修改兼容性 以管理员身份运行 二.PS和AI安装后报代码为16的错误解决方法介绍(转) ...

  3. PS、AI、AE常用快捷键大全

    PS,AI,AE最常用的快捷键来了. 注意:Mac用户请自觉把Ctrl换成Command理解就行. 2017 Adobe Photoshop CC 快捷键 2017Adobe Illustrator快 ...

  4. PS和AI软件差别

    首先.PS是处理位图图像的.AI是处理矢量图图形的.那就先说一下两者最主要的问题,位图与矢量图的差别和优缺点.  在计算机画图领域中.依据成图原理和绘制方法的不同.数字图形.图像分为"矢量图 ...

  5. ggpubr进行“paper”组图合并,也许比PS,AI更简单

    本文转载自微信公众号 “生信补给站”,https://mp.weixin.qq.com/s/41iKTulTwGcY-dHtqqSnLA 多个图形进行组图展示,可以既展示一个“事情”的多个角度,也可以 ...

  6. [转帖]web安全:通俗易懂,以实例讲述破解网站的原理及如何进行防护!如何让网站变得更安全。

    web安全:通俗易懂,以实例讲述破解网站的原理及如何进行防护!如何让网站变得更安全. https://www.cnblogs.com/1996V/p/7458377.html 感谢原作者写的内容 安全 ...

  7. SEO优化:浅析关键词出现在网站哪些地方更有利?

    关键词出现在网站哪些地方符合SEO?进行网站的SEO时,关键词需要出现在整个网站的适当地方.下面列出几个重要的关键词摆放的地方.以下列出的10个地方希望能够帮助到大家. 1.网站Title部分. 2. ...

  8. AI剪辑和自定义UI,打造更智能的剪辑体验

    为满足开发者构建高效的应用内视频编辑能力,7月的HMS Core 6.0 推出了视频编辑服务(Video Editor Kit),一站式的视频处理能力获得了积极反响.同时,我们也关注到开发者需要集成丰 ...

  9. ps和AI使用过程中的易错点整理

    ps:1.视图工具:1)标尺2)参考线3)网格:视图-->--显示>-->网格4)修改网格:编辑-->首选项>-->参考线.网格和切片 5)放大工具:画布中单击可放 ...

随机推荐

  1. HDU 1816 Get Luffy Out *

    Get Luffy Out * Time Limit: 6000/3000 MS (Java/Others)    Memory Limit: 32768/32768 K (Java/Others)T ...

  2. vue 纯前端导出 excel 表格

    在开发后台管理系统的时候,很多地方都要用到导出excel 表格,比如将table中的数据导出到本地,那么实现这种需求往往有两种方案: 一.后端开发一个下载链接,前端将这个链接放到 a 标签的 href ...

  3. 安装gmpy2

    本来只想做个RSA的题,结果环境就搭了好久 首先想用 pip install gmpy2 发现缺东西,要安装gmp,mpfr,mpc 安装: mkdir -p $HOME/src mkdir -p $ ...

  4. A new session could not be created. (Original error: Could not find a connected Android device.)

    1 终端执行adb   devices 查看知否看到设备 1 查看手机 的开发者 usb调试功能是否打卡 2 重启电脑,cmd 执行  adb devices  重新打开

  5. Linux中的系统服务_02

    Linux中的系统服务_02 1. 在linux增加服务后,如果要实现随着操作系统的启动而启动,需要是用chkconfig命令,加入到系统服务中. 但是对于的脚本的表头,需要增加如下内容 #!/bin ...

  6. tensorflow报错

    libcublas.so.9.0: cannot open shared object file: No such file or directory 输入命令: sudo ldconfig/usr/ ...

  7. jQuery的ajaxFileUpload上传文件插件刷新一次才能再次调用触发change

    jQuery的ajaxFileUpload插件 关于用ajaxfileupload时,遇到一个要刷新一次页面才能再次上传,用live()方法来绑定 file表单 的change事件就能够解决,直接$( ...

  8. js消除图片小游戏

    <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8&quo ...

  9. MySQL数据库基本操作以及SQL语句

    连接mysql的语法 mysql -u用户名 -p密码 [-h主机名] [-P端口号] 在一个mysql服务器中, 可以有多个mysql数据库(本质是一个文件夹) 在一个mysql数据库中, 可以有多 ...

  10. 测试demo 配置

    <?xml version="1.0" encoding="UTF-8"?><beans xmlns="http://www.spr ...