入门套件对于Web设计人员而言是节省时间的绝妙工具,对于那些经常为日常项目推销创建模型的人来说,它们特别有用。 如果您是设计师兼程序员,请将其视为您的代码段
那么,入门套件中有什么? 我们认为这有所不同–取决于每个设计师的日常工作。 对于GUI设计人员而言 ,保留表单元素(按钮,复选框,选项卡,下拉菜单等)的副本有助于加快创建屏幕和布局的过程。 另一方面,带有Web安全区域的浏览器(IE,Firefox Safari)模板使Web设计人员可以随时随地对内容进行优先级排序。 经验丰富的设计师通常会自定义并保留入门工具包的个人版本,有些甚至可能很少!
在今天的文章中,我们尝试向您展示一些我们已经知道的最佳设计入门套件。 您可以下载(免费)并立即使用它们,或者定制自己的副本,以后可以选择使用。 跳转后的完整列表。
GUI,表单元素和Web组件
从复选框,输入字段,文本区域等表单元素到按钮,箭头,图标,徽章等Web设计组件。
可能是设计人员最完整的工具包之一。 GUI元素包括日历,网格,菜单,移动设备(常规和iPhone),导航和分页,选项卡,UI控件等等! 有几种格式:OmniGraffle,Visio(XML),PDF,PNG和SVG。
通过所有这些选项卡,按钮,下拉菜单以及一个PSD文件,可以肯定的是,您将在界面设计中快速入门。 由sniperyu提供。
适用于Mac Firefox 3的浏览器表单元素PSD,以及适用于Vista IE7的浏览器表单元素PSD。
光滑的深色皮肤界面元素。
无论您是为Web设计还是为应用程序设计,都不要错过Famfamfam的这些令人敬畏的小按钮。
使用此PSD模板可以轻松设计ID卡。
此创意包PSD由Deluxive免费分发,包括徽章,网格框架,按钮,贴纸等。
PSD中的Vista头像和签名模板。
Vista元素。
浏览器屏幕模板
如果要使用Photoshop PSD文件设计网站,则必须考虑每个浏览器和可见屏幕,这一点很重要。 这些以下带有不同版本的Firefox,IE和Safari Web安全区域的PSD将派上用场。
适用于不同操作系统的Safari,IE和Firefox的Web安全区域,均位于可下载的PSD文件中。
快捷方式: Mac OS X – Safari和Firefox 。 Windows Vista – IE , Firefox , Windows XP – IE , Firefox
PSD网格模板的宽度为960px,以防止您自己与屏幕边缘(可能/实际上可能不是您计划的位置)组成。
如果您正在寻找更多的浏览器模板(PSD),则webdesignerstoolkit的集合应该是您所寻找的。 这些人具有Opera,Camino和iCan,Netscape和Mozilla等经典浏览器的模板。
适用于Windows和Mac OSX的免费标准HTML表单元素或浏览器窗口。
快捷方式: Mac OS X – Safari和Firefox 。 Windows Vista – IE , Firefox , Windows XP – IE , Firefox
VectorTuts的独家免费赠品Vector Pack。 这是一组有用的矢量网站资产,可用于模拟客户项目,展示您的工作或在布局网站时快速查看外观。
如果您希望以最小和基本的PSD为指导进行PSD设计,那么Quommunication的入门套件可能就是您想要的。 它在一个PSD中提供了颜色模板,浏览器Web安全区域和基本表单组件。
游标
典型的屏幕捕获( 打印屏幕 )将在输出中不包括光标。 如果依靠光标来帮助更好地指示和描述图像,则以下这些PSD包可能会有所帮助。
2本使用不同的本田鼠标光标。
对于创建Photoshop教程的人很有用。
产品设计
下图使您清楚地知道此PSD文件的组成。 模拟任何iPhone开发界面的最有用功能。 由teehanlax创建。
这是旧版本iPhone的另一个。
高分辨率iPhone接口。
这是给那些正在寻找第一代iPhone界面的人的。
如果您以杂志风格呈现某些内容,则需要从此PSD开始。
设计师更多
寻找更多与设计相关的下载? 查看我们以前的一些帖子:
翻译自: https://www.hongkiat.com/blog/27-must-have-starter-kits-for-web-designers/