注册 登录  
 加关注
   显示下一条  |  关闭
温馨提示!由于新浪微博认证机制调整,您的新浪微博帐号绑定已过期,请重新绑定!立即重新绑定新浪微博》  |  关闭

HeNgrY's Blog

这里收录一切·好玩的·好看的·好用的·好听的·东西·分享给大家

 
 
 

日志

 
 
关于我

这里收录一切·好玩的·好看的·好用的·好听的·东西··· 然后分享给大家·· (*^__^*) 嘻嘻……

网易考拉推荐

Web前端设计必须知道的27个套件  

2009-12-09 12:32:04|  分类: Web设计 |  标签: |举报 |字号 订阅

  下载LOFTER 我的照片书  |

Starter kits are great timesavers for web designers and they are particularly useful for those who often create mock-ups for project pitching on daily basis. If you are a designer-cum-programmer think of it as your code snippets

So what’s in a starter kit? We think it varies – depending on what each designer routinely worked with. For GUI designers, keeping a copy of form elements (buttons, checkboxes, tab, drop down menus, etc) helps speed up the process of creating screens and layouts; on the other hand, browser (IE, Firefox Safari) templates with web safe area keep web designers reminded how/where they should prioritize their contents. Experienced designers will usually customize and keep a personal version of starter kit, some might have few too!

In today’s article, we attempt to show you some of the best design starter kit we’ve come to know. You can download (for free) and use them right away, or customize your own copy that will come in handy in future, your choice. Full list after jump.

GUI, Form Elements and Web Components

From form elements like checkboxes, input fields, textareas to web design components like buttons, arrows, icons, badges and more.

Yahoo’s Design Stencil Kit

Probably one of the most complete kit for designers. GUI elements include calendars, grids, menus, mobile (general and iphone), navigation and pagination, tabs, UI controls and more! Comes in several format: OmniGraffle, Visio (XML), PDF, PNG and SVG.

Web前端设计必须知道的27个套件 - Ha`HeNgrY`Ppy - HeNgrYs Blog

Web Form Elements

With all these tabs, buttons, dropdowns in one single PSD file, it’s sure going to give you a kick start in interface design. Courtesy of sniperyu.

Web前端设计必须知道的27个套件 - Ha`HeNgrY`Ppy - HeNgrYs Blog

Web前端设计必须知道的27个套件 - Ha`HeNgrY`Ppy - HeNgrYs Blog

Browser Form Elements PSD

Browser Form Elements PSD for Mac Firefox 3 and another for Vista IE7.

Web前端设计必须知道的27个套件 - Ha`HeNgrY`Ppy - HeNgrYs Blog

Flex Dark Skin

Sleek dark skin interface elements.

Web前端设计必须知道的27个套件 - Ha`HeNgrY`Ppy - HeNgrYs Blog

Famfamfam Icons

Whether you are designing for web or application, you should not miss these awesome little buttons by Famfamfam.

Shortcut to: Silk, Mini and Flag collections.

Web前端设计必须知道的27个套件 - Ha`HeNgrY`Ppy - HeNgrYs Blog

Peter’s DeivantART ID

Design ID cards made easy with this PSD template.

Web前端设计必须知道的27个套件 - Ha`HeNgrY`Ppy - HeNgrYs Blog

Deluxive Creative Pack

Distributed free by Deluxive, this creative pack PSD come inclusive of badges, grid frames, buttons, stickers and more.

Web前端设计必须知道的27个套件 - Ha`HeNgrY`Ppy - HeNgrYs Blog

Aero Avatar and SIG

Vista avatar and signature template in PSD.

Web前端设计必须知道的27个套件 - Ha`HeNgrY`Ppy - HeNgrYs Blog

Turquoise PSD

Vista elements.

Web前端设计必须知道的27个套件 - Ha`HeNgrY`Ppy - HeNgrYs Blog

Browser Screens Templates

If you are designing website in a Photoshop PSD file, it’s important to keep each browser and visible screen in consideration. These following PSD with different version of Firefox, IE and Safari web safe area will come in handy.

Browser Web Safe Area

Web safe area for Safari, IE and Firefox in different operating systems, all in downloadable PSD file.

Shortcut to: Mac OS X – Safari, Firefox. Windows Vista – IE, Firefox, Windows XP – IE, Firefox

Web前端设计必须知道的27个套件 - Ha`HeNgrY`Ppy - HeNgrYs Blog

960px Photoshop Grid Template

PSD grid template in 960px width to prevent yourself from composing with edges of the screen that may/may not actually be where you plan them to be.

Web前端设计必须知道的27个套件 - Ha`HeNgrY`Ppy - HeNgrYs Blog

(More) Browser Templates

If you are looking for even more browser templates (PSD), webdesignerstoolkit’s collection should be what you are looking for. These folks has templates for Opera, Camino and classic browsers like iCan, Netscape and Mozilla.

Web前端设计必须知道的27个套件 - Ha`HeNgrY`Ppy - HeNgrYs Blog

Web Browser Elements

Free standard HTML form elements or browser windows for Windows, and Mac OSX.

Shortcut to: Mac OS X – Safari, Firefox. Windows Vista – IE, Firefox, Windows XP – IE, Firefox

Web前端设计必须知道的27个套件 - Ha`HeNgrY`Ppy - HeNgrYs Blog

Browser Screens and Website Elements

Exclusive freebie Vector Pack from VectorTuts. It’s a useful set of vector website assets you can use to mock up your client projects, present your work, or get a quick visual while laying out websites.

Web前端设计必须知道的27个套件 - Ha`HeNgrY`Ppy - HeNgrYs Blog

Quommunication Starter Kit

If you are looking to kick of designing in PSD with a minial and basic PSD as guidance, Quommunication’s starter kit is probably what you are looking for. It comes with color templates, browser web safe area and basic form components all in one PSD.

Web前端设计必须知道的27个套件 - Ha`HeNgrY`Ppy - HeNgrYs Blog

Cursors

A typical screen capture (print screen) will not include the cursor in the output. If you depend on the cursor to help indicate and describe an image better, these following PSD packs might help.

Polished Graphite

2 sets of different mouse cursors by usedHONDA.

Web前端设计必须知道的27个套件 - Ha`HeNgrY`Ppy - HeNgrYs Blog

Web前端设计必须知道的27个套件 - Ha`HeNgrY`Ppy - HeNgrYs Blog

Photoshop Cursor Pack

Useful for those who create Photoshop Tutorials.

Web前端设计必须知道的27个套件 - Ha`HeNgrY`Ppy - HeNgrYs Blog

Product Design

iPhone GUI PSD 3.0

The image below gives you a clear idea what this PSD file consist. Utmost useful to mock any iPhone development interfaces. Created by teehanlax.

Web前端设计必须知道的27个套件 - Ha`HeNgrY`Ppy - HeNgrYs Blog

Here’s another one for the older version of iPhone.

Web前端设计必须知道的27个套件 - Ha`HeNgrY`Ppy - HeNgrYs Blog

iPhone PSD

High resolution iPhone interface.

Web前端设计必须知道的27个套件 - Ha`HeNgrY`Ppy - HeNgrYs Blog

Here’s for those who are looking for first gen iPhone interface.

Web前端设计必须知道的27个套件 - Ha`HeNgrY`Ppy - HeNgrYs Blog

Magazine PSD

If you are presenting something in magazine style, you will want to start with this PSD.

Web前端设计必须知道的27个套件 - Ha`HeNgrY`Ppy - HeNgrYs Blog

Paperbag

Web前端设计必须知道的27个套件 - Ha`HeNgrY`Ppy - HeNgrYs Blog

T-Shirt

Web前端设计必须知道的27个套件 - Ha`HeNgrY`Ppy - HeNgrYs Blog

DVD Plastic Case

Our collection of beautiful CD and DVD cases PSD templates.

Web前端设计必须知道的27个套件 - Ha`HeNgrY`Ppy - HeNgrYs Blog

Documents and Letters

Web前端设计必须知道的27个套件 - Ha`HeNgrY`Ppy - HeNgrYs Blog

 

转自:http://www.hongkiat.com/blog/27-must-have-starter-kits-for-web-designers/

  评论这张
 
阅读(151)| 评论(0)
推荐 转载

历史上的今天

在LOFTER的更多文章

评论

<#--最新日志,群博日志--> <#--推荐日志--> <#--引用记录--> <#--博主推荐--> <#--随机阅读--> <#--首页推荐--> <#--历史上的今天--> <#--被推荐日志--> <#--上一篇,下一篇--> <#-- 热度 --> <#-- 网易新闻广告 --> <#--右边模块结构--> <#--评论模块结构--> <#--引用模块结构--> <#--博主发起的投票-->
 
 
 
 
 
 
 
 
 
 
 
 
 
 

页脚

网易公司版权所有 ©1997-2017