2018年4月推出的10种新的网页设计工具

作者: Monica Porter
创建日期: 17 行进 2021
更新日期: 17 可能 2024
Anonim
canva教学: 如何用Canva制作简单的公众号封面(上) | True-E 北美互联网营销师 | Facebook运营培训课程 实战经验 | 跟Jenny老师学北美互联网营销
视频: canva教学: 如何用Canva制作简单的公众号封面(上) | True-E 北美互联网营销师 | Facebook运营培训课程 实战经验 | 跟Jenny老师学北美互联网营销

内容

我们本月综述的主题是速度和效率:其中一些 网页设计工具 通过消除与设计无关的繁琐而令人沮丧的任务,将为您的工作流程做令​​人惊奇的事情。以Stackswell为例-它可以自动完成在Sketch中进行响应式设计的所有烦人因素。我们的另一个工具是通过从.sketch文件中提取和整理所有资产来为您加快处理速度。

最重要的是,Stripe推出了一款很酷的新计费产品,是蒂娜·罗斯·艾森伯格(Tina Roth Eisenberg)的一款出色的广告创意联网工具,也是一种以像素为单位测量屏幕上物体的出色工具。

01.设计系统回购

如果您要负责组织的设计系统的某些要素,或者甚至是构建或编写系统本身的任务,那么您将想快速了解有关该主题的最新资源。


为此,Design Systems Repo是您的朋友。它是书籍,文章,演讲,网站,工具,设计系统,模式库和样式指南的集合,您可以用来了解顶级组织和领先思想者的工作方式。

02. PixelSnap

PixelSnap是一个非常漂亮的应用程序,它可以使您在屏幕上进行的测量变得不那么麻烦了。将光标置于图像和标题之类的两个元素之间,它会自动告诉您它们之间的像素数。在元素周围绘制一个矩形,然后将其对齐并告诉您其尺寸。是的。您可以快速地进行测量。

请查看主页上的视频以了解主意。该应用程序的价格为15美元,唯一的缺点是它目前仅可作为Mac应用程序使用。但是,如果您是Mac用户,那就太好了。


03.开膛手素描

从Sketch导出和准备资产以将其移交给另一个团队可能是一个真正的阻力,因此,只需单击一下即可为您完成这项工作的工具的前景非常令人兴奋。 Sketch.The.Ripper提取并组织屏幕,将所有画板中的图像复制和光栅化为.sketch文件,并以方便的方式呈现它们。您可以在此处查看翻录文件的输出示例。

该工具基于Web,因此可以在任何OS上使用,如果人们使用的是不同的系统,则可以消除工作流程中的一些麻烦。它是由Icons8制作的,您可以在此处了解更多信息。

04.斯塔克斯韦尔

Stackswell通过将媒体查询引入Sketch并自动更新每个断点的字体样式和符号的过程,从而加快了响应式设计工作流程的速度。当您调整画板的宽度时,样式会自动更新,而不是手动进行。


Stackswell还免除了您必须检查每个断点的垂直间距的工作,因此您可以以最小的麻烦获得一致的间距。您可以在本文中阅读有关它的更多信息。

05.可变字体

可变字体使您可以使用许多不同的字体粗细和宽度,而不必为每个字体包含单独的文件:先包含一个文件,然后使用CSS修改字体。这是一个很好的情况,因为它使您可以在设计中使用排版以达到最佳效果,而不必增加页面的重量。

但是,并非所有可变字体都是相同的。有些比其他的更灵活。该工具使您可以找到不同的字体并进行试验,以查看它们是否符合您的需求。有关可变字体的更多信息并了解可以实现的功能,请尝试此演示。

06.条纹计费

Stripe面向在线业务的新型计费产品为考虑构建或购买计费系统的困境的公司提供了第三种方式(有关此问题的更多信息,请参阅我们有关在线商店解决方案的文章)。 Stripe Billing API可以轻松集成到现有站点中,并使您能够使用构件块来创建适合您需求的灵活系统。

设置系统后,所有内容都可以通过仪表板进行管理,在该仪表板上您可以掌握订阅,发票和财务报告的顶部。您还将获得强大的功能,例如Stripe的全球支付系统(可处理不同的货币和信用卡),以及灵活的计费组件,可让您尝试定价。

07. CreativeGuild

CreativeGuild是CreativeMornings的衍生产品,CreativeMornings是十年前由蒂娜·罗斯·艾森伯格(Tina Roth Eisenberg)在布鲁克林创立的每月免费讲座系列。这个概念很受关注,现在全球超过185个城市都有CreativeMornings章节,每个城市都有自己的生机勃勃的社区,在这个社区中进行培育和启发。

CreativeGuild旨在使某些社区方面在线,以便更多人可以使用。您可以认为它有点像LinkedIn,但适用于广告素材。这里有一个创意公司,个人和工作的目录,您可以按位置搜索以查找您所在城市的机会。

08.莫宾

Mobbin是一个移动应用程序设计画廊,您可以使用它来获取自己项目的想法-无需安装大量应用程序,而是可以在一个地方浏览它们,以查看其他应用程序如何解决设计问题。每个应用程序显示六个屏幕,因此您可以了解每个应用程序的用户使用情况和设计模式。还有一个侧边栏,显示职位列表。

09.色调捕捉

您永远不知道何时会激发灵感。也许酒店的装饰或公园的灯光会感觉像是适合您工作的配色方案。如果发生这种情况,您可以拍摄照片,然后使用HueSnap从图像中提取颜色并将它们制成调色板。

该应用程序适合移动设备使用,因此在手机上效果最佳,并且您可以保存调色板并与他人共享。有多种功能可帮助您修改调色板,例如选择补色和复合色的选项。每个调色板最多可以有六种颜色。

要了解更多信息,请查看我们为网页设计师提供的最佳色彩工具综述。

10. Eggradients

凡是将这一系列美丽的渐变组合在一起的人,都会对色彩和幽默感产生极大的兴趣。每个渐变都显示在一个鸡蛋形的容器中,并给出一个可能以某种方式与颜色无关的名称。如果有关系,我们将无法对其进行解密。

示例名称包括:“成功的移民”代表绿松石色渐变;“沃兹尼亚克的破碎的心”代表淡蓝色;而“仁慈的敌人”则代表从黄色到绿色的过渡。

取得生成纽约的门票

领先的网页设计活动 产生纽约 回来了。演讲嘉宾将于4月25日至27日举行,演讲嘉宾包括SuperFriendly的Dan Mall,网络动画顾问Val Head,全栈JavaScript开发人员Wes Bos等。还有一天的研讨会和顶级的交流机会–不要错过。 立即获取生成票证.

新员额
您需要知道的21个UI设计秘诀
更远

您需要知道的21个UI设计秘诀

除了会话时间和跳出率,用户界面设计的核心目的是使用户尽可能轻松自如地进行娱乐。与大多数设计领域一样,拥有正确的工具会有所帮助(请参阅我们的网页设计工具列表和顶级网站建设者)。此外,拥有正确的网络托管服务可以使成功与失败有所不同,因此请务必明智地选择。不过,到目前为止,这里有21条基于该领域10年经验的UI设计技巧和窍门。用户研究,线框图,测试和信息体系结构设计等任务通常被视为UX设计人员的职责,但...
您需要了解的有关图形图案的所有信息
更远

您需要了解的有关图形图案的所有信息

公平地说,从条纹衬衫到方格桌布,大多数人每天都会与图案互动,而不会注意到它们。但是隐藏在这些模式中的是文化协会和历史联系,所有这些都可以在裘德·斯图尔特(Jude tewart)的最新著作《模式》中找到。在她关于色彩的书获得成功之后,裘德现在与平面设计师奥利弗·蒙迪(Oliver Munday)合作,研究了各个图案的背景知识。Patternalia详细介绍了从蜂窝到keffiy...
行业洞察力:专业设计师在Facebook上发表了自己的见解
更远

行业洞察力:专业设计师在Facebook上发表了自己的见解

去年,随着新的个性化个人资料页面“时间轴”的推出,Facebook的界面发生了巨大变化。但是,Facebook有哪些设计挑战?我们询问了一些领先的设计师的想法。“就个人而言,我很乐意使用Facebook UX和UI。我觉得有很多事情可以改进,但我相信它们会保持不变,因为它们非常有助于实现Facebook的预期目标和目的。出色地。“有些顶级设计师居住在Facebook,因此必须有扎实的理由说明元素为...