最美UI

提高设计师效率和创造力的30个最热门设计资源

摘要:这些工具是精心挑选来帮助你简化工作,更容易找到灵感,以及展示你的惊人的设计技能,使合作更为顺利。我把他们分成10个关键领域,这样你就可以马上找到你所需要的资源。

设计师是一群非常忙碌的人,忙成狗,这是公认的。(耐心看完,最干的干货都在后面)

不仅要为下一个项目找灵感,还要去处理反馈(改稿),参加会议,与客户沟通,甚至还要去想如何找时间来做这些工作。

我们设计师要花费大量的时间去构想,然后做出视觉效果,还要跟上现代设计的趋势。一个设计师的角色不应该只是做些 coloring in(着色)的工作。译注:就是不要做美工。

缓解设计师的工作负荷,我们需要一些得力的助手,这个助手不是人,而是一些资源包,是软件、应用程序、工具、技术、网站和资源,这些是每个设计师都不能缺少的。

这些工具是精心挑选来帮助你简化工作,更容易找到灵感,以及展示你的惊人的设计技能,使合作更为顺利。

我把他们分成10个关键领域,这样你就可以马上找到你所需要的资源。如果你也有好的资源分享,可以在留言处反应出来哦。

硬件

如果你想认真的做好设计,有一些基本的设备是你必备的。我已经列出了三个必备的硬件。

iMac或MACBOOK

严格地说,现在大多数设计软件都在PC和Mac,你选择哪个平台并不是特别重要。 然而,Mac的血统,其强大的和直观的操作系统,以及其设计的内置支持和外设是最适合设计专业人士的。

你如果拥有台式机( iMac )或笔记本电脑(MacBook ProMACBOOK Air)那么你将拥有更多的时间去旅行,甚至不管你喜欢在家或在咖啡店工作。 如果你喜欢灵活办公,那么我强烈推荐 MACBOOK,不要说没有钱,攒钱吧。

单反相机

你可能在设计工作中很少用到摄影,但你还是得拥有一个好的单反相机,这样你就可以随时记录想法和捕捉素材、背景等等。

使用最广泛的单反相机之一:佳能 EOS 1200 d,这款相机价格相对便宜(京东2500多元),而且佳能 EOS 1200D 约 1800 万像素,搭载场景智能自动拍摄模式,全自动也能拍好,初学者轻松操作拍出清晰,鲜艳,美丽的高画质照片,还特别擅长拍摄特写,灵活运用大幅虚化突出主体。

Moleskine

这个不是非必用,不过当你不能用老式纸和笔来创造头脑风暴法和概念的时候,可以换个风格用写生簿 Moleskine 或专业笔记本来试试,也许会有意想不到的结果。

把它放在你的包里,这样你就可以随时随地快速记下想法。

研究工具

既然我们已经看了一些神奇的硬件了,那么现在你需要提升你的创造性思维。

下面有一些最好的可用资源,能帮助你得到灵感

Dribbble

网址:httPS://Dribbble.com/

Dribbble 被称为“设计师的表演秀”。

简而言之,它可以发现资源和联系世界各地的设计师。 设计师可以上传图片和 gif (或叫“shots”在Dribbble上他们被称为),其他用户也可以提出问题,提供反馈,和讨论。

订阅计算机艺术(Computer Arts)杂志

httPS://www.myfavouritemagazines.co.uk/design/computer-arts-magazine-subscription/?utm_source=mfm&utm_medium=affiliates&utm_campaign=78888&awc=1199_1463988469_016dd4c1392e3770e35b41884dd4d06d

自从 1995 年的首次发行以来,Computer Arts 已成为任何人进入平面设计的入门必备杂志,每一个问题都充满了建议,评价,最新的项目和丰富的灵感,使它成为任何创造性专业的一个宝贵的资源。

Niice

httPS://niice.co/

Niice 是一个设计师必备的灵感搜索引擎,用来收集想法和更快地表达自己的想法。优设网有介绍过(http://www.uisdc.com/a-search-engine-with-taste),类似字体界的Pinterest、花瓣网。其高度直观的拖放界面,允许你在几分钟内创建灵感,还可以访问私人空间,你可以收集图片灵感,而不用担心在搜索引擎中茫茫寻找。

布局工具(Layout tools )

天可怜见,还没有人开发出一个可以设计布局的工具。 然而,有一些工具可以促使这个过程更为容易。

Modularscale & typesettings

http://typesettings.io/

网页设计最常见的困扰之一就是字体大小准确率的把握,这就是 Modularscale 的魅力所在。

这款应用程序可以帮助你确定字体大小是否准确的比率,使用这一工具你就可以找到最适合网页的字号,以及当你需要提供 CSS 字体大小码时可以直接复制粘贴到一个样式表里。这个工具优设网也介绍过(传送门 http://www.uisdc.com/secrets-great-web-typography)。

Responsify

http://responsify.it/

非常方便的在线定制响应式 HTML / CSS 模板,Responsify 可以说是最好的。 主要功能包括网格自适应生成的的能力,甚至可以使用这些网格作为参考,这样你就可以从头开始创建属于你自己的。

还可以使用 Responsify 作为一个伟大的可视化工具,来更好地理解空白列和页面内容。

黄金比例的计算器

http://www.calculatorsoup.com/calculators/math/goldenratio.php

虽然不是一个新的创新设计方法(这几乎是 2400 年的历史里每个地方都能找到),黄金比例本质上是用于设计构图。它指出,“两元素完美和谐的组合在一起的比例是 1:1.618”。

当然,你不必为在设计工作每个都达到这个比例,但也不能否认它作为设计基准的价值所在。

这个方便的计算器可以帮助你计算和确定一切设计工作的黄金比例。

品牌建立工具

LOGO 是一种代表公司的视觉符号,代表什么样的公司形象,因此作为业务的“面子”,这需要一个很好的方式去推广自己的品牌,与竞争对手差异化。 不幸的是,很多企业都做的不够好。

如果你重视你的品牌,那么这次列出来高质量的 LOGO 创建工具,来帮助你的创建自己的品牌 LOGO

Spaces

httPS://gospaces.com/tools/LOGO-maker

Spaces 是一个非常简单的使用工具,可以让你在几分钟内创造一个不错的 LOGO,你只需要输入你的公司名称和使用一些关键字来描述它,Spaces 将自动生成数以百计的相关 LOGO

还可以选择颜色和版式等作一些小修改,助你创建一个真正能贴合品牌形象 LOGO 设计

GraphicSprings

httPS://www.graphicsprings.com/

另一个强大的 LOGO 创建工具 GraphicSprings,事实上,它可能是目前市面上最强大的,主要的功能是你可以自定义和更改。

最有用的功能之一是可以根据业务类型来进行归类,如食品、饮料、体育和抽象。

如果这还不够,你还可以雇佣一个 GraphicSprings 内部的设计师为你设计一个完全定制的 LOGO

纸和笔

虽然前面我们已经介绍了 2 个方便的 LOGO 设计工具,大多数设计师认为笔和纸才是设计LOGO的最重要的工具, 这是因为你的想法最初是产生于思维过程中,然后用铅笔和纸草拟出来。

天可怜见,现在直接用电脑就可以省略这个关键的思维过程, 一旦你有你大概的想法,然后使用软件足以完成你的 LOGO 设计

排版工具

字体设计设计工作中最具挑战性且非常有必要的过程,不仅要选择合适的字体,还需要确定适当的行间距、高度、大小,甚至更多。

处理好字体设计,将会让你的设计事半功倍,更具可读性,通常也更有效。

如果你不相信字体排版如此重要,最近的研究表明,人们在写作的时候还是更愿意用 Comic Sans 和 Helvetica,就像我们中国最基础的字体当然是宋体和(微软)黑体,都是最经典最耐看的字体

Typewolf

httPS://www.typewolf.com/

Typewolf 创建于 2013 年,是为了应对“设计项目中缺乏良好的字体资源选择”孕育而生。一个以字体为主题的网站,展示各网站上的优美字体以及链接到这些字体的其他网站,并且精心推荐与其相似的字体和能与之搭配的字体。提供各种字体的购买下载。(简直设计师的福音有木有~)

Typekit

httPS://typekit.com/

Typekit 是一个在线字体订阅服务的网站,管理成千上万的字体,从一系列高质量的字体设计伙伴到一个字体库应有尽有。 使得它可以做简单的浏览,以及在演讲或在网络上使用,这是一个无尽的字体灵感来源。

Typekit 是商业服务,但提供一个免费套餐,可以为一个站点提供任意两款免费字体。由于 Typekit 属于 Adobe 旗下服务,所以需要使用 Adobe 的 ID,有的可以在套餐选择页面直接选择 Trial 方案,登录即可;没有的,请在此点击“Creat an Adobe ID”,进行注册。

Typecast

httPS://typecast.com/

Typecast 是一个为设计师在网络上提供准确的和标准的排版工具。 当你在处理,有超过 23000 个 web 字体供你组合和作比较。

Typecast 的工作就像网络,有着无限大的画布。 你只需设计一个工作原型然后使用我们的简单的视觉控制就能生成 HTML 和 CSS,URL 。

配色方案的工具

设计工作你总需要做一些配色,而不仅仅是单色设计,需要很多很好的配色方案。

那么,这次我已经列出一些奇妙的工具来帮你更好的进行颜色选择。

Mudcube Color Sphere

httPS://mudcu.be/sphere/

Mudcube Color Sphere 是设计师的一个非常有用的颜色资源工具,它让你从一个选定的颜色遮罩中建立一个配色方案,同时也为你提供每个颜色的十六进制数字。

Pictaculous

http://www.pictaculous.com/

Pictaculous 是 MailChimp 公司出的一个奇妙的工具, 只需任意上传一张图像,Pictaculous 会自动生成一个图片中颜色的配色方案。

COLOURlovers

http://www.colourlovers.com/

COLOURlovers 不像一个颜色选择工具,更像是一个类似 Pinterest 的颜色采集板块, 这是一个社区专门分享和鉴赏颜色,调色板和模式而设计的,这是一个极好的颜色和调色板的灵感来源。

摄影工具

VSCO Cam

(之前茂趣分享过教程:不止滤镜那么简单: 强大摄影软件VSCO Cam 上手指南)

VSCO Cam 不仅拥有强大的照片处理能力,还聚集了来自世界各地的摄影师。

它也带来了一系列的性能特性,包括大量的预设滤镜, 而且可以比较处理前和处理后的照片,这样你就轻松的编辑处理。

PicLab HD

httPS://museworks.co/piclab/

PicLab HD 是一款为 iPad 打造的拍照摄影工具。而且还能对拍摄的图像进行后期的处理美化,各种各样的拍摄效果总有一款适合你,绝对是众多拍摄软件中极佳的一个。

如果这还不够,你还可以在它上面添加插图和其他设计元素。

PicMonkey

http://www.picmonkey.com/

PicMonkey 是一个非常有用的工具,让你更新博客再也不需要 Photoshop

PicMonkey 让你直观地添加边框、文字、额外的图形,和彩色图像转换而不需要下载其他软件。

绘图工具

iPad 可能是很棒的任你自由支配的设计工具,特别是如果你刚好还有一只很好的笔。 你可以勾勒出最新的想法,或者来一次彻底的设计过程。

更好的是,有一系列功能强大的应用程序,可以帮助设计师充分利用他们的平板电脑,以下这些绝对值得下载

Paper by FiftyThree

Paper by FiftyThree 开创速写新纪元,Draw something 火了,它的火相信是由大家内心隐藏的美术创作热情所烧起来的,在 Draw something 上出现了很多令人惊艳的美术作品。不过毕竟 Draw Something 是一个游戏,对于想要创作优秀画作的好色之徒来说,还是需要更专业的工具,Paper by FiftyThree 则在这时候横空出世,它带来了现在 iPad 上最具真实感的画图体验,只要有 iPad 上你就可以尽情的创作去吧,心有多大,画布就有多大,而且绝对环保,快试试吧。

你也可以直接通过电子邮件发送你的巨作,甚至直接发布它们到facebook、Twitter、Tumblr。

Astropad Graphics Tablet

Astropad,一款 iOS 和 Mac 的应用程序,现在可以不需要额外的硬件将您现有的 iPad 变成一个专业平面设计平板。Matt Ronge 和 Giovanni Donelli 两名前苹果工程师-开发了该应用程序允许将 iPad 充当扩展触控板,以及与大多数第三方手写笔的工作。

Adobe Illustrator Draw

Adobe Illustrator Draw 能够在你的手机或平板电脑上画出矢量插图,但这只是冰山一角!还有其他广泛的工具来让你的工作进行的更容易。 你也可以画出完美的直线和曲线,处理多个源图像,还能享受 50步 的返回撤销重做功能

演示工具

你可能不会觉得演讲技巧和设计技能一样重要, 事实上,这可能意味着你拒绝了很多设计项目。

天可怜见,有一些广泛用途的演示工具,将有助于避免“死于演示文稿”,让你展示你最好的工作。

Prezi

httPS://prezi.com/

Prezi,是一种主要通过缩放动作和快捷动作使想法更加生动有趣的演示文稿软件。它打破了传统 Powerpoint 的单线条时序,采用系统性与结构性一体化的方式来进行演示,以路线的呈现方式,从一个物件忽然拉到另一个物件,配合旋转等动作则更有视觉冲击力,以及支持所有主要的多终端平台。

更好的是,最后的演讲可以直接从应用程序共享到各大社交网络。

Placeit

虽然不是一个成熟的 presentation-creation(演示创建) 工具,一拖一拽,几秒钟就可以帮你生成漂亮的产品展示图。

直接上传你的设计,它们将被放置到共享空间,把你的工作带到生活中。

Visme presenter

http://www.visme.co/

Visme presenter:在线交互式演示图表制作平台,是一个通过简单的方式来创作交互式的演示稿、信息图表和一些其他互动内容,该平台免费使用,基于 Html5 技术开发,简单而强大的在线工具。

如果你自己创作的不好,还有许多美丽的演示模板,可以修改和适应成你想要的内容。

它的主要特性之一就是它的速度和灵活性,以及随时随地在任何设备上访问你的演示文稿的能力。

工作环境

不用多说,你所处的空间多多少少都能塑造你的行为,这也会在你的设计和创造力方面产生连锁反应。

作为一个设计师,你也许要工作在同一个房间里几年时间,或者同一桌子。 因此,你也可以打造一个良好的空间环境来促进你的设计和创造力。

一把舒服的椅子

熬夜,通常是设计师在最终截稿前要做的事。 最重要的是,设计师长时间工作都是坐在椅子上。

所以,重要的是你得有舒服的椅子。

最佳的座椅选择,下定决心让椅子给你提供符合人体工程学的舒适,以及能够自然适应你的身体, 这也是相当时尚的。老外设计师的座椅传送门:http://www.hermanmiller.co.uk/products/seating/performance-work-chairs/aeron-chairs.html

警告:有些型号的价格超过 1300 美元。

一个好的桌子

即使你有一个好的椅子,整天坐着也会很无聊, 然而,没有人想要站一整天吧,尽管目前讨论“站立式办公”(传送门:http://digi.tech.QQ.com/a/20140622/018417.htm)。

为什么不能两全其美,投资于一个可调节的桌上呢?

Varidesk (传送门:http://uk.varidesk.com/varidesk-pro-36),该款电脑桌组装便捷,可放置在桌面上,不用时可随时收起。它提供了稳定的输入效果,桌面还可以根据用户高度自由调节,价格略高点不过比较有益健康。

你的背部和脚会感谢你!

一对好的耳机

一对入耳式耳机可以被视为现代版的思维帽(呃,这个自行百度了解吧),它可以让你享受禅意般的静思,无论你是在工作中或是趴在桌子上的时候。

Master & Dynamic MH40 over-ear headphones 入耳式耳机旨在消除每一个令你工作分心的嘈杂。

他们不仅限与放在你的包包里,也可以在你的书桌上,或其他任何能让你找到灵感的地方。

用于探索的新工具

最近的一项设计工具的流行程度调查表明:Photoshop已经在设计师中慢慢失去它的受欢迎程度。 这表明,设计师总是会在简化设计的过程中尝试新工具。

今天介绍的以下 3 款 2016 年最有趋势的工具,你值得一试。

Ceros

Ceros 是一个内容创作的新工具,为设计师和营销人员完美打造。

使用这个工具,你将能够创建一系列引人入胜的互动内容,包括杂志,微型网站,信息图表,电子书,以及 banners 等等。

UXPin

虽然不是一个新工具,UXPin 目前服务于成千上万的世界各地的设计师。

UXPin 最近宣布他们正在大力改进的协作线框图和原型工具,看起来非常有前途。

Fuse

Fuse 是一个直观的为应用程序开发人员和设计人员开发的用户体验工具套件。

Fuse 的一个主要特性是能够创建和更新本机应用程序的外观和实时感应在多个设备上。 不足的是,它只是为 Windows 和 mac OS X 用户当前可用,现在你明白了吧。

希望这资源指南指出的方向和设计工具能够帮你简化工作,更容易找到灵感,以及痛快的发挥你的设计技能,最后也能与客户合作愉快。


本文由 茂趣创意/茂哥 翻译,原作者 Gary Peeling 发表在 Precision Printing,注明出处格式:来源公众号茂趣创意(ID:maofuns)

微信公众号微信公众号:zuimeiui

扫一扫 关注公众号

0

[ 最美特色栏目推荐 ]
设计导航:全球顶尖设计网站推荐,设计师必备导航! → 猛戳这里
设计欣赏:收集海量精选APP截图,让你设计灵感小宇宙大爆发!! → 猛戳这里
APP图标:精选APP图标,看看各大app图标的设计风格提升设计感! → 猛戳这里
最美UI(zuimeiui.com)每天发布高质量的设计教程和分享设计经验,帮助喜欢UI设计的初学同学快速转型,我们给大家提供更多免费学习ui的机会,想成为设计师的你赶快加入吧!
【原创文章 投稿邮箱:tougao@zuimeiui.com | 期待您的投稿!】

上一篇
谈谈设计师的灵感,到底从何而来?
下一篇
如何用3年时间,从职场菜鸟做到公司高管?