要完成漂亮的设计,一定要掌握 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. POJ 2412 /// 空间几何 经纬度转三维坐标 角度转弧度 法向量

    题目大意: 给定半径6378km的球上的 多个地点 及其  经纬度 多个询问 给定三个地点 A B C A与B的等距点在球上形成一个大圆 即球面上有一个到两点距离相等的大圆 且大圆所在平面垂直两点连线 ...

  2. 【转】在配置静态IP的时候遇到 :bringing up interface eth0 : error unknown connection

    首先这是动态ip配置成功的结果 接下来切换到root用户来配置静态的 按照静态ip的配置方法配置好文件后(具体过程这里就不多加说明) 然后保存退出 当我们重启网卡的时候问题来了(因为本人有点强迫症,多 ...

  3. cnblogs博客主题原来可以弄得这么美观

    参考了网友 https://www.cnblogs.com/maybreath/p/5253824.html的做法,没想到真的可以耶. 总想弄个方便的.简洁的.可以被搜索引擎搜到的博客.以前用过wor ...

  4. c# WPF DataGrid 获取选中单元格信息

    private void Dg_SelectedCellsChanged(object sender, SelectedCellsChangedEventArgs e) { Console.Write ...

  5. html中a标签伪类的优先级与顺序

    /** 这四个伪类的优先级相同,前一个会覆盖后一个 建议书写顺序: lvha => love hate(好记) */ a:link { color: red; } a:visited { col ...

  6. DOM查询的其他方法

    document.body 保存的是body的引用 documen.documentElement 保存的是html根标签 document.all 代表页面中所有的元素 getElementsByC ...

  7. 【串线篇】mybatis-config.xml配置事项

    一.术语 properties 属性 settings 设置 typeAliases 类型命名 typeHandlers 类型处理器 objectFactory 对象工厂, plugins 插件, e ...

  8. 【Flutter学习】之DateTime日期转换

    概述: 表示一个时间点 通过构造函数或解析格式化的字符串创建DateTime对象,并且符合ISO 8601标准的子集,小时是24小时制,范围在0-23之间 DateTime对象创建之后,将是固定不变的 ...

  9. 深度学习练手项目——DNN识别手写数字

    该案例主要目的是为了熟悉Keras基本用法,以及了解DNN基本流程. 示例代码: import numpy as np import matplotlib.pyplot as plt from ker ...

  10. maven知识

    首先下载maven 然后win的配置环境变量 maven目录结构 --main --java --package --test --java --package resources maven 需要有 ...