设计新趋势:Low Poly 低多边形风格

Low Poly 原是 3D 建模中的术语,指使用相对较少的点线面来制作的低精度模型,一般网游中的模型都属于低模。而现在,Low Poly 进入了平面设计领域,继扁平化(Flat Design)、长阴影(Long Shadow)之后,低多边形(Low Poly)火速掀起了一个新的设计风潮。

Watchtower

Frank Underwood // Low Poly Screencast

Mountain Theme

欣赏完了别人的作品,来看看有哪些工具可以为我们这些业余选手使用:

Image Triangulator App

Image Triangulator App

Image Triangulator 让你可以轻松把任何图片制作成多边形图像,多边形的抽象级别取决于你添加的顶点数量。应用允许你保存顶点为文本文件并保存最终图像为 PDF 文件。你可以在 Adobe Illustrator 或 Photoshop 中继续编辑图像。

使用方法

Image Triangulator App - 使用说明

下载地址

OSX | Windows x64 | Windows x86

I ♥ ∆ Triangulator

I ♥ ∆

Triangulator 是一款简单的网页工具,你只要安装了支持 HTML5 的现代浏览器就能使用。

使用方法

Triangulator

  1. 将本地图片拖到 [Drop your bitmap here] 的虚线区域内加载图片
  2. 进入编辑模式后,直接在图片上点击以添加顶点,顶点可以拖动
  3. 点击右上角的 "randomly" 可以随机添加25个顶点
  4. 点击 "Delete all vertices" 移除所有顶点
  5. 拖动左上角的滑块可以调节多边形的透明度
  6. 点击 "Export" 导出为 SVG 文件

下载地址

官方下载

Flat Surface Shader

Flat Surface Shader

Flat Surface Shader 同样也是一款轻量级的网页工具,不过这个工具并不能用来处理图片,而是用来生成低多边形风格的背景图。工具使用 JavaScript 编写,支持 WebGL, Canvas 2D 和 SVG 三种技术。

使用方法

Flat Surface Shader - Controls

网页右上角有个控制面板,你可以完全自由的控制网格(Mesh)和光源(Light)设置,并且可以轻松地导出(Export)为 PNG 格式图片。

下载地址

在线体验 | GitHub

除特别注明外,本站所有文章均为慕白博客原创,转载请注明出处来自https://geekmubai.com/code/128.html

本文参与腾讯云自媒体分享计划,欢迎正在阅读的你也加入,一起分享。

发表于

我来说两句

0 条评论
登录 后参与评论

相关文章

来自专栏数据小魔方

迷你图(sparklines)——原来图表可以这么小

今天跟大家分享一种小而美的excel单元格图表——迷你图。 ▼ 这种图表小到可以存放在单独的单元格中,能够展现数据大致趋势和概览,但是对于精准的数据信息表达却...

54760
来自专栏BestSDK

20个对前端开发人员有用的文档和指南

是时候来更新一下我们需要选择的工具或技术了。请欣赏我们的文档和指南系列的第五部,别忘了让我们知道任何其他我们尚未列入该系列的其他文档或指南。 1.SitePoi...

25670
来自专栏前端小叙

设置同样字体大小,chrome浏览器有时字体偏大的解决办法(转)

本文是找了在网上搜了好久才找到非常棒的一篇文章,很好的解决了这个问题。 原文地址:https://github.com/amfe/article/issues/...

46350
来自专栏互联网杂技

20个为前端开发者准备的文档和指南5

1. Loupe 它是“一个小型可视化工具,可以帮助你理解JavaScript如何相互调用 stack(栈)/event loop(循环事件)/callback...

39270
来自专栏Material Design组件

Human Interface Guidelines —— Labels

15560
来自专栏禹都一只猫博客

Chrome新UI,圆润了不少~

Chrome 团队近日在 Google+ 宣布,适用于 Chrome OS、Linux 和 Windows 的 Chrome 浏览器用户界面已使用 Materi...

28310
来自专栏Material Design组件

Human Interface Guidelines —— Alerts

37980
来自专栏逸鹏说道

Semantic UI logo前端界面开发框架 Semantic UI

Semantic UI—完全语义化的前端界面开发框架,跟 Bootstrap 和 Foundation 比起来,还是有些不同的,在功能特性上、布局设计上、用户体...

43470
来自专栏新智元

【干货】谷歌 TensorFlow 工程负责人:标记大规模图片的最简方法

【新智元导读】前谷歌 TensorFlow 工程负责人 Peter Warden 和大家分享了利用 OSX 系统里的 Find 快速为大规模图片打标签,以优化深...

38690
来自专栏无原型不设计

Balanced-工具类App原型分享

Balanced是一款记事类的工具App,这类App在设计的时候讲究简单易用,如果操作太复杂,就不能做到记录事件的及时性和快速性。在制作原型时,这次尝试了将A...

34050

扫码关注云+社区

领取腾讯云代金券