T: 400-6065-301
55
伟大的工具对你完成任务的速度有很大的影响。在设计Web应用程序时，我想分享一些工具和必要的设计资源，以帮助我更快、更高效地工作。这并不是我能在网上找到的所有设计资源的大清单。相反，我只包括了那些我和我的几个朋友用来创造伟大的设计。
内森·巴里是“设计Web应用程序”的作者，这本书是一本关于设计漂亮易用的Web软件的完整指南。他还在NathanBarry.com上写了关于设计和商业的文章。
当谈到模式和纹理，有两个网站，我的所有需求都得到了满足。微妙模式是我的最爱，但我也从回收器。在使用它们的资源时，请记住，您可以在Photoshop中修改它们，以创建更符合您的设计的外观。此外，谁想使用默认值呢？
我有三个图标的来源：名词项目，格莱菲什，和赋格。在我的设计组合中，每一个都满足了一个稍微不同的需求。
名词项目
崇文高端网站设计通常很难确定什么是视觉隐喻最能代表一个词。这可能是为徽标，图标，或只是整体风格为您的设计。因此，我喜欢在名词项目中插入几个单词，看看他们使用的隐喻。有时他们的一个图标非常合适。
甘露糖
Glyphish是一个图标集，最初是为iOS应用程序中的选项卡条创建的，但我喜欢在整个设计过程中都使用它们。简单的样式在纯色上效果很好，不会引起太多的注意，并且可以很容易地用高亮显示(对于所选的导航项)。这套免费的包括200个伟大的图标，但只要25美元，你可以得到专业集(我使用)，其中包括400个图标在多个大小。
赋格
赋格是一个庞大的小集合，16个像素方形，彩色图标。这些天，我更喜欢使用平面，单色图标，但当一个项目需要小图标与细节，赋格是我的一套选择。
崇文高端网站设计有大量的网站可以找到灵感，但只有两个，我一直回到：Dribbble和PatternTap。
PatternTap
在设计Web应用程序时，我经常想知道其他应用程序是如何解决一个非常具体的问题的。与其寻找一种特定的风格，我想看看他们是如何解决用户体验问题的。这就是PatternTap真正闪耀的地方。想要看到在整个设计中使用的弹出式？这上面有标签。
漂流
当我想要风格灵感的时候，我就会转向。屏幕截图太小，焦点太小，无法为用户体验提供一个想法，但是设计师们产生了一些伟大的风格作品。我一直跟随我最喜欢的设计师，所以在我的饲料中总是有好的东西。
溢价像素
对于小设计元素来说，PremiumPixels是最好的去处。这些都是小的PSD，总是精打细算。我使用了他们的浏览器铬，地图，和更多。这是非常值得你的时间浏览网站。
砖块
砖块是一个庞大的设计元素的模板，看起来真的很好。虽然我不使用他们自己，但有几个朋友这样做，他们绝对喜欢它！这是一套付费的套装，但看起来很值。
INVISION
我先在纸上勾画我所有的模型，然后在Photoshop中设计。在与团队共享时，我喜欢使用Invision将平面设计图像转换为交互式Web应用程序。您可以定义可点击的区域，并与团队的其他成员共享以获得反馈。注释线程可以在任何设计元素上启动，因此它保持任何讨论的重点和上下文。您可以为一个项目免费使用它；多个项目从每月15美元开始。
响应素描
ZURB的ResponsiveSketchSheets非常适合设计应用程序如何看待不同的设备大小。打印出来，免费，并开始素描！
知更鸟
如果您喜欢使用软件来创建您的模型，那么您应该查看“知更鸟”。一个朋友只是喜欢用它们。Mockingbird是基于浏览器的，因此您的模型可以在任何地方使用，并且易于共享。他们也有一个“一个项目免费”的计划。付费计划起价为每月9美元。
自举
在您的web应用程序中拥有干净的按钮、窗体和菜单的最快方法是使用Bootstrap。Bootstrap是由两个前Twitter设计人员创建的，它是一个HTML和CSS库，用于快速设计应用程序。即使您不使用整个程序，它们的一些JavaScript代码对于弹出和调制解调器也是非常有用的。
{WARE}引导
Bootstrap唯一的缺点是，如果每个人都使用它，那么所有的站点都会看起来一样。因此，您需要自定义引导以获得最大的价值。{WARE}引导程序为Bootstrap出售主题，这样您就可以获得更独特的样式，同时仍然使用Bootstrap的所有伟大功能。每个主题约20美元。您也可以从布斯沃特.
更少和更少
我肯定我不是第一个告诉你这件事的人，但更少和更少是很棒的。对于那些不知道的人，更少和更少的是CSS预处理器，它增加了一些额外的特性。如果您曾经希望能够无缝地重用代码位或在CSS中定义变量，那么您需要检查这些预处理程序。如果您想决定使用哪一个，请查看ChrisCoyier关于该主题的文章。
jQueryJoyride
当用户第一次为您的应用程序注册时，您应该向他们简要介绍一下界面。而不是一系列屏幕截图或向导过程，您希望直接指出接口中的特性。来自ZURB的jQueryJoyrider插件使这非常容易。
崇文高端网站设计结束了我最喜欢的列表。去下载免费的，肯定会考虑任何付费的选择。上面列出的资源是我的工作流程的关键，也是许多其他设计人员设计过程的关键。
最新文章
2019.08.16
崇文网站开发：用户体验和信用卡付款表格
2019.08.16
崇文高端网站建设：如何进行可用性启发式评估
2019.08.16
崇文做网站：失去对命令行的恐惧
2019.08.16
崇文网页设计：页面预加载动画的示例
2019.08.16
崇文网站建设：基于Web的网格系统入门
2019.06.18
崇文高端建站：利用寿司的力量改善你的设计
2019.05.27
崇文建站：WordPress中的条件变量和数据库查询
2019.05.27
崇文高端网站设计：分享日常中一些设计资源和工具
2019.05.27
崇文企业网站设计：WordPress 3.5它提供了什么？
2019.05.27
崇文网站开发公司：2019年流行网页设计趋势综述
随机推荐
2019.05.27
崇文网站开发公司：2019年流行网页设计趋势综述
2019.06.18
崇文高端建站：利用寿司的力量改善你的设计
2019.05.27
崇文建站：WordPress中的条件变量和数据库查询
2019.05.27
崇文企业网站设计：WordPress 3.5它提供了什么？
2019.05.27
崇文高端网站设计：分享日常中一些设计资源和工具
2019.05.27
崇文做网站：将模板转换为WordPress主题
2019.08.16
崇文做网站：失去对命令行的恐惧
2019.08.16
崇文高端网站建设：如何进行可用性启发式评估
2019.08.16
崇文网站建设：基于Web的网格系统入门
2019.08.16
崇文网站开发：用户体验和信用卡付款表格
