a Criação de um site para o seu negócio pode ser um grande desafio; é muita pressão para projetar o melhor reflexo da sua empresa, digitalmente. Pense nisso como uma” loja virtual ” onde a homepage é a porta da frente. Você quer que o seu site seja esteticamente agradável o suficiente para convidá-los para entrar e um atraente web design ajuda você a fazer isso., Aqui nós coletamos uma grande inspiração de web design para começar você com o pé direito e fazer com que essas ideias de web design fluam.
mas há mais do que isso para o design web eficaz. Vamos rever o básico para o que faz um bom site antes de olhar para algumas ideias brilhantes de Design site.o que faz um bom site?-
design eficaz e em evolução
alguma vez clicou num site e perdeu-se instantaneamente na confusão de botões, texto e links? A impressão que o seu site faz reflete diretamente a competência do seu negócio., Uma página bem projetada é importante para construir confiança e comunicar valor aos potenciais clientes.
assim, é melhor manter sempre a experiência do usuário em mente ao projetar; elementos como um layout atraente, espaço em branco, excelente cópia e um guia de estilo pensativo vai longe na apropriação e manutenção da atenção do cliente. Um bom equilíbrio no web design incentiva uma boa experiência para seus clientes.,
além do mais, o responsive design é a chave: não importa do usuário tamanho da tela, a plataforma ou a orientação, um grande ágil site provê-los com uma óptima experiência, de cada vez., Uma pesquisa de mercado regular e completa irá ajudá-lo a adaptar e evoluir consistentemente o seu site para atender às necessidades em constante mudança dos seus consumidores—lembre-se, o design digital está em constante expansão e assim deve ser o seu site.
comunicar a sua identidade de marca
o seu site desempenha um papel fundamental na construção de uma identidade de marca consistente. Seu logotipo, tagline, imagem de marca e valores devem ser óbvios através das mensagens de cada página do site. Acumulativamente, seu site deve responder claramente “quem ” e” o que ” sua marca é/faz para que os visitantes obtê-lo dentro de segundos!,
apelando para o seu público
a parte mais importante da construção de uma marca e site é manter o seu público-alvo em mente. Todas as escolhas de design precisam responder como você pode melhor servi-los e criar uma experiência positiva, memorável e única para eles. Sem isto, não serás capaz de ficar ao lado dos concorrentes., Use linguagem e imagens que vão apelar para eles e refletir valores com os quais eles podem se relacionar.
, Incidindo sobre o valor
Quando um visitante chega em sua página inicial, ele precisa obrigar a ficar. A página inicial é o melhor lugar para pregar sua proposição de valor para que os potenciais clientes optem por ficar em seu site e não navegar para os seus concorrentes”., Ao oferecer um serviço/produto de qualidade e usando as dicas acima, você vai converter aqueles que estão “apenas navegando” em clientes!
os Nossos favoritos web design—ideias
Com esses pontos em mente, deixe-nos começar com o pé direito com uma rodada de nossos favoritos, atual projetos web para obter a sua inspiração fluir., Ao verificar os temas abaixo, considere a sua identidade de marca e público-alvo para discernir quais temas ou tendências podem ser mais atraentes para as pessoas certas.
aconchegar-se com a cor
uma bela maneira de receber os visitantes do seu site e convidá-los a ficar um pouco é usar esquemas de cores que são fáceis para os olhos, como nêutrons ou pastéis, que naturalmente influenciam a calma e relaxamento. Verdes naturais, azuis pastel, acastanhados quentes, pintos de luz, cinzentos frescos e tons de areia estão entre aquelas cores que são menos assustadoras para interagir do que o contraste de preto puro ou branco puro.,
um fundo neutro permite que um primeiro plano mais brilhante ou contrastante se destaque, suavemente. Ele chama a atenção dos usuários para os bits que você deseja (assim, seus visuais de marca ou produtos etc.) ao mesmo tempo que os orienta para as chamadas a acções e outros botões.,
This theme in web design is perfect for eco friendly or “self care” businesses, like independent skin care brands or sustainable fashion labels., É também uma ótima opção para indústrias que querem tranquilizar ou colocar seus clientes à vontade, como em finanças ou imobiliária, então confira os projetos abaixo para obter algumas idéias.
Ilustração que aparece
na Medida imagens vai, há um monte de estradas que você pode explorar., Fotografia Digital ou cinematográfica, experiências AR ou vídeo, ilustrações desenhadas à mão ou animações, arte abstracta ou imagens da vida escultural… a lista continua.
Existem muitas maneiras de fazer ilustrações pop. Abaixo, coletamos alguns exemplos impressionantes para uma técnica particularmente impactante que continua a evoluir ferozmente no design digital atual: neumorfismo., Abreviatura de “new skeumorphism”, este estilo de expressão visual usa imagens da vida real e ícones simplificados, planos projetados, mas com gráficos 3D novos e melhorados. O efeito não é totalmente Fotorealista, mas mais táctil e envolvente, capturando a era paradoxal do realismo minimalista.
uma estética brilhantemente neumórfica pode ser alcançada usando sombras de gota seletivas que são sobrepostas com cores semi-planas, lembrando-se de embossamento digital ou debossing com um resultado de estalar os olhos., Este design é ótimo para elementos como botões, barras de pesquisa e caixas de texto, mas também ícones ou características do produto e funciona bem para sites que promovem o design responsivo.,v>
Feeling animated?,não admira que o homem do tubo inflável ondulante seja um agrafo publicitário. Seu sucesso vem do fato de que o movimento atrai a atenção. E quanto mais atenção você puder chamar, mais provável os clientes responderão.recentemente, avanços tecnológicos e uma mudança lenta para longe do minimalismo estrito direcionaram as marcas para explorar o design digital através de uma abordagem mais interativa. De animações sutis a transições de páginas, a uma quase esmagadora camadas de mídias e movimento, este movimento visa livrar o web design de qualquer sentimento “estático”.,
transições Animadas commerce design por Adencys através de Junho
Paralaxe site de animações com animais por Pham Minh através de Junho
transições Animadas commerce design por Adencys através de Junho
Paralaxe site de animações com animais por Pham Minh através de Junho
Uma das maneiras de incluir animações está fornecendo feedback visual para a interação do usuário com seu site. Rolagem é uma das formas mais sutis de interação, e como tal, os web designers estão encontrando formas únicas de impulsionar o feedback visual que os usuários recebem, a partir de transições de páginas multidirecionais para ilustrações animadas.,se está à procura de algo ainda mais inovador, verifique as animações de paralaxe. Com a capacidade dos designers de animação web de separar elementos de página em primeiro plano e extremos de fundo, eles podem criar um efeito de paralaxe: a ilusão de óptica em que os objetos próximos ao visualizador parecem mover-se mais rápido do que os objetos mais longe.
estas ideias de web design fornecem uma grande ferramenta para sites de comércio eletrônico que querem mostrar as características de vários produtos, orientando os usuários de galerias para vistas de produtos individuais., É também uma estratégia muito divertida para sites educacionais na esperança de atrair crianças para o seu site.
Color me elétrico
O fascínio de cores vivas é algo que não tem idade, no entanto, as maneiras que você pode explorá-los, está em constante expansão., Se sua marca é de vanguarda e está dentro de uma indústria como tecnologia ou mídia, um toque de cor ardente pode ser exatamente o que você precisa. Um público energético, artístico ou de mente aberta apreciaria e ligaria especialmente a escolhas de cores tão confiantes. Uma forma simples, mas eficaz, de expressar a criatividade através da cor é fundindo e intensificando diferentes tons em gradientes.,
Gradientes são um belo e fácil caminho para injetar cor, energia e movimento em seus projetos. Elas formam uma estética absorvente e podem ser estendidas usando cores 3D, que são realizadas através de sombreamento fino para dar elementos de design uma sensação arredondada. Com o lançamento do Big Sur OS da Apple, podemos esperar ver cores mais saturadas que se sentem tridimensionais em design web.,
é um efeito visual muito versátil que você pode usar subtilmente para suavizar e facilitar a experiência do Usuário para seus consumidores; ou você pode usá-lo dramaticamente em contraste neons contra modos escuros para criar atmosferas realmente memoráveis e energéticas. Gradientes em si são um retrocesso para a era do início da internet e design digital, o que significa que eles são realmente grandes para misturar em nostalgia ou certos estilos retro para o design web contemporâneo.,>
Thinking abstractly
Getting creative with geometric patterns and abstract shapes is a great alternative to using photography in digital design., Dependendo da indústria em que o seu negócio está, ele tem o potencial de se desviar de seus concorrentes e evitar layouts previsíveis e imagens de ações.
motivos abstratos, expressos em várias formas em todo o site, construir um ambiente geral para o seu site e marca. Esses gráficos trazem foco para o seu produto-chave ou CTAs, equilíbrio em layouts de galeria multi-produtos e estabelecer uma identidade de marca autêntica pronta para se conectar com o seu público emocionalmente.,
formas Simples, como quadrados e círculos pode evoluir para o complexo, alastrando composições dando um interessante, inovador vibe para o seu website. Mesmo sem rostos humanos familiares, os elementos abstratos ainda podem evocar emoção e o resultado é uma coleção de páginas web que se sentem expressivos e artísticos.,Startups deve considerar esta ideia do site porque é uma ótima maneira de direcionar o foco para o produto, sua funcionalidade e a identidade autêntica, pensativa e progressista da marca. Na verdade, Tristan Le Breton, diretor criativo aqui no 99designs, prevê que “em 2021, elementos de Arte abstrata serão usados como uma alternativa à fotografia em web design para startups, produtos tecnológicos e aplicativos”.,
diga-lhes para onde ir
tradicionalmente, a página inicial do seu site apresenta a sua última oferta de produto ou declaração de missão da organização, mas e se o menu de navegação foi o evento principal? Usar o menu de navegação é quase sempre o próximo passo para cada cliente, então por que não transformar o seu menu em uma atração visual!a facilidade de navegação através do seu site, embora sendo visualmente mais interessante, cria uma melhor experiência de utilizador para os seus clientes., Não se esqueça de incorporar os elementos certos de sua identidade de marca, diga suas cores e fontes escolhidas. Esta é uma estratégia única para negócios de comércio eletrônico e uma opção divertida para portfólios de artistas ou organizações com alguns CTA específicos.,ite design with animation elements by Maria Borysova via Dribbble
Vintage vibes
Vintage web design brings nostalgia, warmth and familiarity to the internet, a place that often feels so cold and “digital.,”Fontes antigas, texturas desbotadas e skeuomorfos ajudam a evocar essas emoções. Se seus clientes procuram familiaridade e confiabilidade em seu negócio—por exemplo, se você é um padeiro artesanal, fotógrafo de cinema, impressora de tela ou marca de vestuário vintage-do que um design clássico web pode dar aos seus clientes uma sensação de conforto.
confira a Textilschmiede tela-impressão site acima., Este site realiza esse visual clássico, vintage usando um fundo desbotado, off-white paper, uma ilustração antiga de uma impressora de tela, uma fonte dactilografada-esque e imagens de álbuns de fotos desbotadas do processo de impressão de tela. Esses elementos comunicam aos clientes que eles se especializam em técnicas de impressão de uma época passada-especificamente uma época em que as impressoras prestavam uma atenção incrível aos detalhes.,
Getting texty
Let the text do the talking with type-heavy designs. The variety lies in font choice, size, color and typographic layout., O design pode ser simples, mas o benefício é que ele dá foco à sua mensagem.
Você pode ir mínimo ou máximo com texto-pesado web design. Se sua marca é delicada, discreta ou calmante, considere uma abordagem minimalista de fontes sans-serif que são finas ou fluindo com muito espaço entre os elementos para deixá-los respirar, removendo os elementos não essenciais.
Esta marca apela para os clientes que pensar logicamente e de forma metódica, ou apreciar as mensagens que são simples e direto ao ponto., Se a sua marca é ousada, exagerada e enérgica, considere um design maximalista com grandes blocos de texto que ocupam toda a tela… isso mais do que provável seria apelar para as pessoas que vivem e respirar o mantra “ir grande ou ir para casa”.
Web design idéias que trabalho
Se você está trabalhando em um novo site, esperamos que você pode usar este web design inspiração como seu ponto de partida., Uma vez que você sabe qual das estéticas acima se encaixa no seu negócio, estas ideias de design de site pode apontar para você na direção certa. Antes que você perceba, você estará fazendo conexões com clientes e clientes de toda a internet!
Este artigo foi publicado originalmente em 2018 e escrito por Workerbee. Foi actualizado com novas informações e exemplos.
