崇文高端网站设计:分享日常中一些设计资源和工具

2019.05.27 崇文高端网站设计

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插件使这非常容易。

开始使用它们

崇文高端网站设计结束了我最喜欢的列表。去下载免费的,肯定会考虑任何付费的选择。上面列出的资源是我的工作流程的关键,也是许多其他设计人员设计过程的关键。

 


最新案例

寒枫总监

来电咨询

18868949445

微信咨询

寒枫总监

TOP