patrocínio:

posts da categoria Design

Burst: o banco de imagens da Shopify

Banco de imagens grátis e profissionais para empreendedores e web designers em um só site

por Vinicius Sampaio

Design em código com Machine Learning no AirBnb

Como o Airbnb gera código a partir das suas interfaces de baixa fidelidade

por Benjamin Wilkins

Botões em UI Design

O botão é um dos elementos de UI mais comuns e está presente em praticamente qualquer interface.

por Willian Matiola

Dicas de front-end para designers

Dicas de front-end para designers visando agilizar o desenvolvimento do site e manter maior fidelidade ao layout.

por Markus Domenegheti

Salesforce Lightning Design System

Uma coleção de padrões de designs, componentes e guidelines da Salesforce

por Diego Eis

Atlassian libera documentação da sua biblioteca visual

A Atlassian liberou para uso público seu guideline visual.

por Diego Eis

Um comentário sobre a desnecessária fragmentação da profissão designer

Discutindo um pouco sobre a separação das disciplinas que compõe a profissão de Designer para Web

por Diego Eis

O novo formato de arquivo do Sketch 43

Algumas informações sobre o novo formato de arquivo do Sketch 43

por Diego Eis

O fim da profissão front-end

O front-end como você conhece vai morrer.

por Diego Eis

O futuro das interfaces: Chatbots

por Raphael Guastaferro

Reação é melhor que previsão

por Diego Eis

Como organizar e nomear o conteúdo do projeto?

por thonyconde

Indexando mobile-first – Google anuncia novidades

por Rodrigo Fávaro

Um software para front-end e UI Designers

por Rodrigo Godoy

CSS3 — Trabalhando com Múltiplas imagens background-images

Quem nunca se deparou com o um layout com imagens “sobrepostas” que precisavam ficar suspensas sobre múltiplas imagens de fundo, com CSS3, você pode aplicar aos elementos múltiplas imagens como plano de fundo sobrepostas. Sem a utilização do Z-index, é isso mesmo “necas de pitibiriba” de Z-index. Que Z-index que nada, agora a MODA é Background-image !!!

por Moisés Lopes Ferreira

Hierarquia no design

por Fabio Marelli

Faz uma animação legal aí!

por Vanessa Nunes

React Native: Construa aplicações móveis nativas com JavaScript

| Construir aplicações multiplataforma nunca foi tão simples e divertido. Conheça o framework que está mudando os rumos do desenvolvimento mobile baseado em JavaScript.

por Carlos Cabral

Como uma simples mudança de cores pode revolucionar seu site

Testes A/B: design orientado à conversão de leads qualificados

por David Arty

Nada de Capa – Quando a firula é mais do que a função

por cristianoweb

A Arte da Sedução dos Produtos

por Marcus Himura

Precisamos confirmar a senha?

por Marcus Himura

Material Design com Materialize

Crie seu site utilizando um Framework totalmente material design, que não deixa a desejar em nada e seus resultados podem te surpreender. Do Conceito à prática com layout Material.

por Tiago Luiz

Gantry 5 – Desenvolvimento de templates para Joomla e WordPress

O Gantry é um framework de template Open Source e gratuito para o desenvolvimento de templates em Joomla e Wordpress.

por Léo WG

Material Design Lite: O framework do Google

A biblioteca de componentes e templates já conhecida dos aplicativos agora para websites em CSS, HTML e Javascript.

por Isaque Melo

Motion UI com estilos: Zeh Fernandes no Meetup CSS SP

A experiência em participar de um Meetup sobre Motion UI.

por Danilo Vitoriano

Rumo ao hexa(decimal)

por Guilherme Buchalla

Flat design: a nova tendência dos gradientes

Como utilizar gradientes em meio ao flat design nas suas composições web.

por Isaque Melo

O nome UX está errado

A sigla UX não é exclusividade de um profissional específico. Só para os prepotentes.

por Diego Eis

Então você quer ser designer web? (Parte 1 – Cores)

Nesta primeira parte, conheça algumas ferramentas para trabalhar com paletas de cores e tornar-se um designer web.

por cristianoweb

Realinhamento ou Redesign

Eu não sei você, mas eu adoro quando meus apps e websites preferidos mudam seus designs.

por Diego Eis

Tendências Web 2015 para desenvolvedores

Algumas tendências fortes que ainda veremos em 2015 e que podem perdurar ainda mais.

por Paula Berrocal

MaterialUp – Uma coleção de conceitos usando Material Design

Alguns conceitos de animação e design baseados no Material Design do Google.

por Diego Eis

Crie layouts simples. SEMPRE!

Você pode querer fazer um layout simples, mas seu cliente pode não entender de comunicação. E aí, o que você faz?

por cristianoweb

Não sou artista, sou designer

por cristianoweb

Sobre o design oco

Sobre design ordinário e argumentos.

por Diego Eis

Anotações sobre Material Design do Google

Anotações sobre o Material Design, o novo conceito de design que o Google tem adotado em seus produtos.

por Diego Eis

UX: uma Responsabilidade de Todos

“UX não é só coisa de arquitetos de informação e designers. UX é a base de tudo.”

por Lenilson Nascimento

Design de Aplicativos para Android – Parte 2

Conheça os pixels independentes e as pilhas de resoluções, aprenda a criar e organizar entregáveis de design e descubra ferramentas úteis para criar seus próprios aplicativos Android.

por Dani Guerrato

Design de Aplicativos para Android – Parte 1

Conheça mais sobre a plataforma e veja quais são os primeiros passos para projetar suas próprias aplicações.

por Dani Guerrato

Transições inteligentes na experiência do usuário

Alguns websites superam outros, seja em seu conteúdo, usabilidade, design, funcionalidades, etc. Detalhes do design de interação e animação fazem uma diferença fundamental em websites modernos. Vamos compartilhar algumas lições tiradas de vários modelos e analisar por que esses simples padrões funcionam tão bem.

por Raphael Fabeni

Qual o seu valor como designer?

por Lucas Guarabyra

Sobre Cor e Webdesign II

| Entenda a diferença entre matiz, luminosidade e saturação, aprenda a criar paletas de cores funcionais e conheça a fórmula mágica do contraste.

por Dani Guerrato

Ferramentas e sites para tornar mais ágil o seu desenvolvimento

No dia-a-dia, a correria em cumprir prazos nos faz buscar e fazer uso de ferramentas que possam auxiliar na velocidade de desenvolvimento. Seja no front ou no design, em tempos de mudanças e transições, nada mais justo que uma lista de algumas ferramentas especiais para que você mantenha seu processo profissional e ágil.

por Thaiana Poplade

3 patinhos foram passear. Por que? Quem eram eles?

Usuários tomam decisões a todo momento, você precisa identificar os perfis de usuários, assim como seus objetivos e comportamentos antes de projetar sua interface, assim saberá criar um verdadeiro Design centrado no usuário.

por Bernard De Luna

O Designer Gladiador

Maximus era um grande guerreiro e demonstrava ser um excelente observador, desde pegar um punho de terra até reconhecer gladiadores nervosos e grandes parceiros de batalha. Antes de iniciar um projeto, você precisa reconhecer a arena e todas as suas variáveis.

por Bernard De Luna

Design para Google Glass

Saiba tudo sobre o novo gadget da Google e como desenvolver conteúdo projetado especialmente para esta nova mídia.

por Dani Guerrato

Design para telas sensíveis ao toque

Conheça quais são as técnicas, padrões e principais desafios para o desenvolvimento de aplicativos nativos e interfaces web touch screen.

por Dani Guerrato

Criando mockups usando o Smarts Object no Photoshop

Criando mockups simples no Photoshop.

por Flavio Santana

Arquitetura da Informação em Landing Page

Construir uma boa arquitetura de informação e aprofundar o assunto da página faz toda a diferença para se obter bons resultados de conversão.

por Rodrigo Simoni

Padrões Complexos de Navegação no Design Responsivo

Como lidar com uma navegação complexa no design responsivo? Nesta tradução, Brad Frost mostra os prós e os contras na utilização de alguns padrões de menus.

por Will Sales

Usando o plugin 960gs e o Photoshop

Entenda como funciona o Grid 960. Ideal para iniciantes.

por Flavio Santana

O que é Design Atômico?

Conheça a nova metodologia para criação e desenvolvimento de layouts através de sistemas de interface modulares.

por Dani Guerrato

Storytelling

Neste artigo descubra como técnicas de storytelling podem ser aplicadas em web design para transformar a experiência do usuário.

por Dani Guerrato

Sobre Cor e Webdesign

Entenda o funcionamento dos sistemas de cores mais utilizados da web e conheça ferramentas úteis para criar e organizar suas próprias paletas.

por Dani Guerrato

Design Responsivo na prática: do rascunho ao digital

Quer criar um projeto de design responsivo e não sabe por onde começar? Acompanhe passo-a-passo a criação de um layout do wireframe até a apresentação do design com indicações de artigos, dicas e ferramentas para facilitar o seu processo criativo.

por Dani Guerrato

Slides para devs #5 – Design

Slides de apresentações sobre design.

por Diego Eis

Slides para Devs #4 – Retina display, imagens de alta resolução e afins

Apresentações sobre retinas displays, imagens em alta resolução e como construir websites retina ready.

por Diego Eis

Design responsivo: foco no ser humano

Gostaria de fazer uma rápida analogia sobre o desenvolvimento do design responsivo de hoje com os softwares de vinte anos atrás.

por Reinaldo Ferraz

Grids semânticos com LESS

Aprenda a construir rapidamente um grid semântico e responsivo utilizando CSS e uma ajudinha do LESS.

por Dani Guerrato

A linguagem como parte integrante da user experience

A linguagem é a ferramenta que utilizamos para entender e definir o mundo. E isto vale também para a criação de interfaces.

por Dani Guerrato

Locaweb Style – Como iniciamos

Como iniciamos e por que resolvemos criar um framework próprio aqui na Locaweb.

por Diego Eis

Favicons

Os favicons são pequenos mas indispensáveis. Entenda como eles funcionam e quais as melhores práticas.

por Dani Guerrato

Front-end, UX e Back-end

Na verdade não é cada um na sua. Ou você levanta para ver o que acontece no mundo ao seu redor ou você atrofia suas skills.

por Diego Eis

Guia de Estilos

Entenda mais sobre guias de estilos, padrões para equipes, organização de CSS e mais.

por Dani Guerrato

Um guia completo de tipografia para a web

Entenda os princípios da tipografia na web e saiba como melhorar a leitura dos usuários.

por Dani Guerrato