要完成漂亮的设计,一定要掌握 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. JavaScript 中的 this 并不难

    js学习笔记 --- this 详解 js中的this,如果没有深入的学习了解,那么this将会是让开发人员很头疼的问题.下面,我就针对this,来做一个学习笔记. 1.调用位置 在理解this的绑定 ...

  2. js实现图片延迟加载原理

    <img src="image/1188695.png" alt="taobao" trueImg="image/1.jpg" id= ...

  3. 2019-11-7-WPF-How-to-get-plain-text-from-RichTextBox

    title author date CreateTime categories WPF How to get plain text from RichTextBox lindexi 2019-11-0 ...

  4. shell整数测试

  5. java while循环

    /* while 循环有一个标准格式,还有一个扩展格式 标准格式: while(条件表达式){ 循环体 } 扩展格式: 初始化语句; while(条件判断){ 循环体 步进表达式 } */ publi ...

  6. VUE前端面试题

    什么是 mvvm? MVVM 是 Model-View-ViewModel 的缩写.mvvm 是一种设计思想.Model 层代表数据模型,也可以在 Model 中定义数据修改和操作的业务逻辑:View ...

  7. Anaconda 安装 pytorch报错解决方法

    一.安装Pytorch: # -c 指定用pytorch镜像源下载软件conda install pytorch torchvision cpuonly -c pytorch 报错: 二.配置: ch ...

  8. 【Guava】Guava Cache用法

    背景 缓存的主要作用是暂时在内存中保存业务系统的数据处理结果,并且等待下次访问使用.在日长开发有很多场合,有一些数据量不是很大,不会经常改动,并且访问非常频繁.但是由于受限于硬盘IO的性能或者远程网络 ...

  9. bzoj 1876

    传送门 http://www.lydsy.com/JudgeOnline/problem.php?id=1876 二进制gcd 学到了(' '      ) 高精还得压位,最开始没写压位,然后调了1h ...

  10. delphi 将Dll等生成资源文件

    资源文件一般为扩展名为res的文件,其自带的资源编译工具BRCC32.EXE(位于/Delphi/BIN目录下) 1.编写rc脚本文本用记事本或其它文本编辑器编写一个扩展名为rc的文件,格式分别为在资 ...