30 novos recursos criativos de design de PSD e CSS VIP VIP
Cargas de novos brindes e códigos de código aberto são colocados online todos os dias. Os designers de Web e dispositivos móveis podem aprender muito estudando tendências de interface e layouts de design mais recentes. O VIP criativo é um desses sites que publica brindes e conteúdo premium. Este é um excelente recurso para designers que desejam aprofundar a construção de layouts utilizáveis para a web.
Neste resumo, reuni 30 dos mais recentes brindes do Creative VIP. Você encontrará códigos PSDs e HTML / CSS misturados entre si. Alguns recursos realmente oferecem gráficos e código juntos! Mas não importa quais itens você esteja procurando, esta vitrine terá algo legal.
Explore o Envato Elements
Marcadores do Google Maps (PSD)
Esses variados fabricantes de mapas do Google são um conjunto fantástico de recursos para sua coleção de designs. Eles representam coisas diferentes - um restaurante, telefone, gás, aeroporto, estação ferroviária e mecânico. É simples implementá-las em um mapa do Google incorporado!
Apresentação de slides personalizada (PSD + CSS)
Esta apresentação de slides personalizada é fornecida como um PSD ou totalmente codificada em CSS e HTML. Está embrulhado em um design deliciosamente simples, com sombras, bordas e texturas sutis. É simples fazer alguns ajustes para adicionar suas próprias imagens, legendas e informações. Apreciar!
Widget de informações (PSD)
Este é um pequeno widget de informações para uma postagem de blog, contendo o título, informações do autor, comentários e curtidas. Apresentado como um arquivo PSD bem organizado para integrar em seus próprios projetos!
Papel para lembrete (PSD)
Um "Papel Sticky Notepaper" - um pedaço de papel com papel pautado, um botão de download e uma fita adesiva que junta tudo! Realmente simples, mas um ponto de partida útil para sua própria interface no estilo de notas.
Botões de metrô do Windows 8 (CSS)
Uma seleção de estilo Metro, botões e ícones do Windows 8. Tudo codificado usando HTML e CSS, por isso é incrivelmente fácil de inserir em seu próprio design, personalizar cores e assim por diante. Adicione um pouco de estilo simplista de metrô à sua próxima interface!
Interface do usuário do Centro de Notificação (PSD + CSS)
Um PSD versátil de uma interface de estilo de notificação. Ele inclui uma lista suspensa de notificações / mensagens recentes, uma janela de login / conexão e mensagens pop-out com mais informações também. Contém uma funcionalidade potencial para o seu próximo aplicativo e também adicionamos uma versão CSS / HTML totalmente codificada. Apreciar!
Interface do temporizador (PSD)
Uma interface elegante de contagem regressiva / cronômetro / cronômetro, com botões de reprodução / parada / reinicialização, dígitos da contagem regressiva, hora atual e algum cromo simples do OS X.
Caixa de inscrição amarela (PSD)
Uma caixa de assinatura elegante, fornecendo aos leitores as informações necessárias para se inscrever no seu site. Ele contém duas opções - uma para assinatura de boletim informativo por e-mail e outra para RSS. A cor base é amarela, mas é fácil ajustar para se adequar ao seu próprio design.
Spotify Mini Player (PSD)
Uma interface de mini-jogador elegante para o Spotify. Ele contém uma lista de faixas, controles simples de reprodução / volume e um gráfico em tela cheia. A maneira perfeita de começar com um media player, seja para o Spotify ou qualquer outro serviço de terceiros!
Caixa de diálogo de confirmação (PSD)
Uma linda caixa de diálogo de confirmação com um conjunto sutil de gradientes e texturas, um cabeçalho, botão fechar, dois estilos de botão diferentes e algum texto explicativo. Uma interface realmente deslumbrante sobre a qual construir!
Formulário de inscrição em boletim informativo (PSD)
Um formulário detalhado de inscrição no boletim informativo PSD, incluindo uma descrição da lista de discussão, campos para nome e endereço de email, uma mensagem anti-spam e um botão destacado "Participar". Apreciar!
Metro Feed do Twitter
A Microsoft tem feito um trabalho maravilhoso com seu estilo simplista "Metro" e hoje estamos apresentando um adorável feed no estilo Metro. Contendo vários estados para diferentes tweets, links e horários. Um pequeno widget realmente maravilhoso!
Interface de administrador profissional (PSD + CSS)
Há algo sobre este que realmente amamos! É a parte superior de um design simples de interface de administração, com várias opções / notificações de navegação e uma caixa de conteúdo. Além de fornecer o PSD original, também tivemos o trabalho de codificar tudo em CSS e HTML para você. Apreciar!
Blur Login Form (PSD)
Os formulários de login podem ser complicados. Eles precisam ser simples, transmitir as informações básicas e exalar um pouco de estilo. Este pressiona todos os botões certos, com um belo estilo de interface e tipografia. Apreciar!
Interface de aplicativo diário para iPhone (PSD + CSS)
Achamos que seria divertido criar uma interface de aplicativo descolada para o PixelsDaily e disponibilizá-la gratuitamente para você usar! Fornecido como uma versão HTML / CSS totalmente codificada e como um PSD. Ele possui alguns elementos de interface iOS criados exclusivamente, uma área de autor e um conjunto de miniaturas de recursos.
Barra de navegação na moda
Uma barra de navegação elegante, fornecida como um PSD. Ele vem em quatro cores diferentes e pode ser o complemento perfeito para o topo do seu próximo projeto de web design!
Painel de configurações (PSD + CSS)
Estamos realmente satisfeitos com este. É um painel de configurações com elementos de interface de metal escovado / comutadores. Isso não apenas é fornecido no formato PSD habitual, mas também o codificamos como uma versão HTML / CSS totalmente funcional para você!
Nota minúscula (PSD)
Apenas uma nota rápida sobre este. É uma nota. Uma nota bonita e perfeita em pixels. Em um fundo sutil, é uma "pilha" de papel com ícones para fechar / minimizar, um link para ler mais e uma tipografia adorável. Espero que você ache útil!
Minisite vCard (PSD + CSS)
Este é um vCard minisite bonito no formato PSD. Ele contém elementos para seus perfis de mídia social, um avatar, uma pequena biografia e um "canto dobrado" para alguém fazer o download de uma cópia do seu vCard. Se você deseja criar um site vCard, esta é a maneira perfeita de fazer isso! Também incluímos uma versão CSS e HTML totalmente codificada, completa com um rollover de canto animado. Apreciar!
Layout da agência de design (PSD)
Um arquivo PSD totalmente carregado, este gráfico contém um layout elegante e profissional para uma agência ou portfólio de design. Possui muito espaço para seu logotipo, navegação, uma área de texto / vídeo introdutório e um conjunto de diferentes "serviços" que você pode oferecer. É realmente simples de personalizar para suas próprias necessidades!
Aplicativo Web Metro Generator para PHP (CSS / PHP)
Algo um pouco diferente hoje, este é um aplicativo PHP que ajuda a gerar interfaces exclusivas no estilo metro com facilidade. Basta soltá-lo no seu servidor e experimentar! Você precisará fazer o upload para um servidor da web para executar o script e ver como ele funciona.
Fita elegante (PSD)
Quatro (4) fitas coloridas com aparência e textura 3D, padrão externo fixo e uma sombra superior para criar o efeito da fita cair sobre o seu contêiner. Divirta-se integrando-o ao seu próprio design!
Formulário de cartão de crédito (PSD + CSS)
Este é um formulário de informações do cartão de crédito incrivelmente útil, contendo campos para o número do seu cartão, tipo, data de validade e número do CVV. É simples o suficiente para incorporar em qualquer design e é fornecido como um PSD e totalmente codificado como um design CSS / HTML. Apreciar!
Várias caixas de alerta (PSD + CSS)
Três estilos diferentes de caixas de alerta estão incluídos neste PSD - um alerta verde de "sucesso", um alerta amarelo de "alerta" ... e um alerta vermelho de "erro"! Também criamos um desses em CSS e HTML para você, apenas para economizar um pouco de tempo!
Bloco de notas delicioso & fita (PSD)
Um brinde simples com um visual clássico de listras / couro e uma fita vermelha em detalhes. Fornecido como um arquivo PSD bem organizado para você incorporar em seus próprios projetos!
Interface do bloco de notas (PSD)
Criamos uma interface de bloco de notas perfeita para pixels, diretamente de um aplicativo Mac de ponta! Uma base maravilhosa para criar sua própria interface de aplicativo.
Botões animados (CSS)
Este é simplesmente lindo. Dois exemplos de um lindo botão animado - ambos têm animações sutis em segundo plano e muita emoção quando você passa o mouse sobre eles! O ícone "Favorito" assume a forma de um coração palpitante, com o download voando e voltando novamente. Você terá que baixar o brinde para vê-lo por si mesmo - não confie apenas na nossa palavra!
Lista de tarefas rasgadas (PSD)
Uma lista de tarefas skeumorphic "rasgadas" com efeito de papel, caixas de seleção para tarefas concluídas, ícones de exclusão e um botão para adicionar uma nova tarefa. Pegue, construa sobre ele e divirta-se! Fornecido como um simples arquivo PSD em camadas.
Ícone do aplicativo iOS para relógio (PSD)
Um maravilhoso ícone de relógio de pulso / relógio, projetado para um aplicativo iOS. Ele é fornecido em uma variedade de tamanhos diferentes, adequados para cada dispositivo iOS diferente, e gostaríamos que você usasse o resultado final da maneira que preferir!
Pilha de papel (PSD)
Uma bela pilha de papel, completa com uma cotação, avatar, alfinete estilizado e um fundo texturizado sutil. É uma peça deliciosa do trabalho de design de interface, e esperamos que você goste!
Conclusão
Muitos desses elementos são ótimos para criar layouts e aplicativos complexos. Os designers de dispositivos móveis irão apreciar especialmente algumas das peças estéticas, como botões e blocos de notas. Mas, na minha opinião, esse conjunto de brindes oferece um começo poderoso para o novo ano. Certifique-se de manter-se atualizado para novos lançamentos ao longo de 2013.
