27 must-have Starter Kits para web designers

Kits para iniciantes são ótimos timesavers para web designers e eles são particularmente úteis para aqueles que freqüentemente criam mock-ups para lançamento de projetos diariamente. Se você é um designer-programador, pense nisso como seus trechos de código

Então, o que há em um kit inicial? Achamos que isso varia - dependendo do que cada designer trabalhou rotineiramente. Para Designers de GUI, manter uma cópia dos elementos do formulário (botões, caixas de seleção, abas, menus suspensos, etc) ajuda a acelerar o processo de criação de telas e layouts; Por outro lado, os modelos de navegador (IE, Firefox Safari) com área segura da Web mantêm web designers lembrou como / onde eles devem priorizar seu conteúdo. Designers experientes geralmente personalizam e mantêm uma versão pessoal do kit inicial, alguns podem ter alguns também!

No artigo de hoje, tentamos mostrar-lhe alguns dos melhores kits iniciais de design que conhecemos. Você pode fazer o download (gratuitamente) e usá-los imediatamente, ou personalizar sua própria cópia que será útil em sua escolha no futuro. Lista completa depois do salto.

GUI, elementos de formulário e componentes da Web

De elementos de formulário, como caixas de seleção, campos de entrada, áreas de texto para componentes de design da Web, como botões, setas, ícones, emblemas e muito mais.

Kit de estêncil de design do Yahoo

Provavelmente um dos kits mais completos para designers. Os elementos GUI incluem calendários, grades, menus, celular (geral e iphone), navegação e paginação, guias, controles de interface do usuário e muito mais! Vem em vários formatos: OmniGraffle, Visio (XML), PDF, PNG e SVG.

Elementos do formulário da web

Com todas essas abas, botões, menus suspensos em um único arquivo PSD, com certeza vai lhe dar um pontapé inicial no design da interface. Cortesia de sniperyu.

Elementos de formulário de navegador PSD

Elementos de formulário do navegador PSD para Mac Firefox 3 e outro para o Vista IE7.

Pele Escura Flex

Elementos de interface elegantes da pele escura.

Famfamfam Icons

Se você está projetando para web ou aplicativo, você não deve perder estes pequenos botões impressionantes da Famfamfam.

Atalho para: coleções Silk, Mini e Flag.

ID de DeivantART de Peter

Design cartões de identificação facilitada com este modelo PSD.

Pacote Criativo Deluxivo

Distribuído gratuitamente pelo Deluxive, este pacote criativo PSD vem inclusive de crachás, quadros de grade, botões, adesivos e muito mais.

Aero Avatar e SIG

Modelo de avatar e assinatura do Vista no PSD.

PSD turquesa

Elementos Vista.

Modelos de telas do navegador

Se você estiver criando um website em um arquivo PSD do Photoshop, é importante considerar cada navegador e tela visível. Estes seguintes PSD com diferentes versões do Firefox, IE e Safari são muito úteis.

Área Segura da Web do Navegador

Área segura da Web para Safari, IE e Firefox em diferentes sistemas operacionais, tudo em um arquivo PSD para download.

Atalho para: Mac OS X - Safari, Firefox. Windows Vista - IE, Firefox, Windows XP - IE, Firefox

Modelo de grade do Photoshop de 960 px

Modelo de grade PSD em largura de 960px para evitar que você componha com as bordas da tela que podem ou não estar onde você planeja.

(Mais) modelos de navegador

Se você está procurando por mais modelos de navegador (PSD), a coleção do webdesignerstoolkit deve ser o que você está procurando. Essas pessoas têm modelos para o Opera, Camino e navegadores clássicos como iCan, Netscape e Mozilla.

Elementos do Navegador da Web

Elementos de formulário HTML padrão gratuitos ou janelas do navegador para Windows e Mac OSX.

Atalho para: Mac OS X - Safari, Firefox. Windows Vista - IE, Firefox, Windows XP - IE, Firefox

Telas do Navegador e Elementos do Site

Pacote de Vetores de brinde exclusivo do VectorTuts. É um conjunto útil de recursos de websites vetoriais que você pode usar para simular projetos de clientes, apresentar seu trabalho ou obter um visual rápido enquanto cria sites.

Kit Inicial de Quomunicação

Se você está procurando chutar de projetar no PSD com um PSD minial e básico como orientação, o kit inicial do Quommunication é provavelmente o que você está procurando. Ele vem com modelos de cor, área segura da web do navegador e componentes básicos de formulários, tudo em um único PSD.

Cursores

Uma captura de tela típica (tela de impressão) não incluirá o cursor na saída. Se você depender do cursor para ajudar a indicar e descrever melhor uma imagem, esses pacotes do PSD podem ajudar.

Grafite Polida

2 conjuntos de cursores de mouse diferentes usadosHONDA.

Pacote de Cursores do Photoshop

Útil para quem cria tutoriais de Photoshop.

Design de produto

GUI para iPhone PSD 3.0

A imagem abaixo dá uma idéia clara do que este arquivo PSD consiste. Extremamente útil para simular qualquer interface de desenvolvimento do iPhone. Criado por teehanlax.