要完成漂亮的设计,一定要掌握 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. OpenCV2马拉松第9圈——再谈对照度(对照度拉伸,直方图均衡化)

    收入囊中 lookup table 对照度拉伸 直方图均衡化 葵花宝典 lookup table是什么东西呢? 举个样例,假设你想把图像颠倒一下,f[i] = 255-f[i],你会怎么做? for( ...

  2. Linux快速显示图片

    首先在Ubuntu里面制作图片, ######################################################################## 1920x1080为 ...

  3. python 发送json数据操作实例分析 - python

    文章来源:嗨学网 敏而好学论坛www.piaodoo.com 欢迎大家相互学习 本文实例讲述了python 发送json数据操作.分享给大家供大家参考,具体如下: # !/usr/bin/env py ...

  4. Codeigniter项目使用phpDocumentor生成api文档

    前言 运行环境: vagrant 2.2.4 virtualbox 6.0 box bento/ubuntu-16.04 (Apache 2.4.18 + Mysql 5.7.26 + PHP 5.6 ...

  5. Struts 2中的constant详解【转载】

    通过对这些属性的配置,可以改变Struts 2 框架的一些默认行为,这些配置可以在struts.xml文件中完成,也可以在struts.properties文件中完成. struts.xml 1.&l ...

  6. 使用nano编辑器进行查找和替换

    笔者自己常用的是vim.这里nano的使用场景就是刚安装好Ubuntu系统,想要替换更新源,这时候还没装上vim.所以,学一下如何用nano查找和替换,可以解决这个小问题. 首先sudo nano / ...

  7. 【JavaWeb项目】一个众筹网站的开发(二)架构搭建之架构测试

    1.dao层和pojo都是使用mbg生成,基本的CRUD以及JavaBean 2.将mbg放在dao层,一旦dao层打包以后mbg就删除掉 一.创建数据库用于测试 数据库名称:scw_0325 SQL ...

  8. 【leetcode】1001. Grid Illumination

    题目如下: On a N x N grid of cells, each cell (x, y) with 0 <= x < N and 0 <= y < N has a la ...

  9. qt学习 (五) 登陆界面之连接按钮

    登陆步骤是比对输入的账号密码与数据库中的表项目是否一致 一样,  跳出mainwidget对话框 不一样,跳出消息错误框 今天就是要进去, 因为进去以后是widget的窗口,所以把用来核对消息的数据库 ...

  10. ZOJ 1610 Count the Colors (线段树区间更新与统计)

    Painting some colored segments on a line, some previously painted segments may be covered by some th ...