Post: [Design Criativo] Como ter um bom design para seu software

Alessandro Medeiros

Fala ai Radizeiro e Radizeira, tudo bem com vocês?

Você que tem nos acompanhado, tem visto a nossa última série de PicPay com o Delphi e tem sido muito legal.

Pensando em vocês e na evolução das aplicações estamos dando inicio hoje a nossa série sobre a criação de layouts modernos e intuitivos.

E devemos pensar na experiência do usuário.

E isso dá maior atratividade nos seus softwares e fidelização de seus usuários.

E a primeira impressão é a que fica.

No software não é diferente, e infelizmente no meio Delphi não é diferente.

Pois no meio Delphi foi criado uma máxima de que “Sou programador e não designer”.

E isso teve seu ponto bom quando as telas eram azul e cinza.

Pois os sistemas anteriores tinham a aparência do Windows 95, e isso não era mal nenhum naquela época.

E isso estava tudo bem pois a VCL entregava o padrão que o mercado precisava.

Só que chegou ao ponto que até a própria Microsoft começou a evoluir seus produtos.

E em um dos meus treinamentos de design eu falo sobre seguir padrões e seguir tendências.

Isso é muito legal, você consegue manter seu software, a sua empresa no haiper do mercado.

Só que o negócio é o seguinte, a qual preço você consegue manter seu software seguindo padrão?

Porque você tinha um software com cara de Windows 95, foi lançado o Windows 98, aí mudou um pouco.

Ai quem lembra do Windows Xp?

Lembra de ter uma boa mudança, mas você continuou com o software com a cara do Windows 95.

E logo depois veio o Windows Vista e por aí vai.

Nisso se quer manter a tendência, seguir o padrão oferecido, por exemplo, pela Microsoft, ai você teria que fazer uma reformulação geral.

Muitos acabam indo para skins, poluindo seus códigos, ficando uma verdadeira salada.

E hoje se você observar tudo foi evoluindo as questões visuais do Windows, onde temos uma melhor experiência e um visual que encanta os olhos.

Se hoje você olhar aplicações feitas em outras linguagens e comparar com a maioria das aplicações feitas em Delphi, principalmente na área de automação comercial, você se assusta.

E eles não estão errados pois quando olhamos para esses tipos de software é triste pois ainda segue o mesmo padrão do Windows 95 e XP.

É um risco muito grande quando seguimos essas tendências.

E essas tendências mudam, e nosso software passa a estar desatualizado.

E eu falo sempre que vocês criem seus próprios layouts, e não a utilização de skins.

E poder criar as telas de vocês com componentes nativos, nada de usar componentes de terceiros.

E claro, você tem que ter um pouquinho de bom gosto e atenção.

E para construir uma tela bonita você precisa conhecer os recursos do Delphi.

E para criar uma tela bonita você precisa somente dos recursos mais básicos possíveis.

E para isso você precisa abrir um pouco a mente, para que possamos ter um senso crítico, ser mais inconformado com o que você vê.

Porque todos os meus gráficos tem que ser colorido:

Olha a imagem de um Dashboard que criamos em um dos meus treinamento.

Se você observar ele não entrega o que é preciso?

Se você colocar um monte de cor aqui nesse gráfico ele irá parecer um carnaval, pois irá fugir das proporções de cores que o layout tem.

E antes de começar a construir qualquer tela é necessário prototipar.

Isso é fundamental, e não fazemos isso.

Infelizmente nós pegamos e já saímos criando as telas no Delphi e pronto.

Antes faço um esboço, seja em qualquer lugar para ver como irá ficar.

Seguir padrões de cores.

E isso é uma coisa que muita gente peca, e sofre muito, na escolha de cores para seus softwares.

E para ajudar vocês irei deixar aqui uma ferramenta que pode lhe ajudar.

O Adobe color(color.adobe.com), ele lhe ajuda a definir o tema de cores para sua aplicação.

Essa ferramenta lhe dá as proporções de cores que casam bem, onde uma cor de fundo, e as cores de fontes, onde tudo que viemos fazer no nosso software não é aleatório, basta seguir esses padrões que você dará uma maior experiência para seus usuários.

E você quanto tiver um layout de exemplo, você precisa entender as disposições deste layout.

Por exemplo, o Dashboard que mostrei anteriormente, ele segue algumas divisões.

na imagem abaixo você vê uns quadrados, onde eu estou separando a parte superior desse layout.

Onde eu consigo de cara compreender o que tenho dentro da parte superior do Layout.

Se você observar estou separando um quadrado superior onde seria como se fosse uma barra de status.

Isso é necessário caso eu queira colocar alguma informação, uma imagem do usuário que está logado.

E agora eu possuo um outro panel logo abaixo deste no topo, onde eu separo ele em camada, ou mais precisamente, em containers.

E nesse panel eu tenho algumas divisões, onde ele divide as outras camadas.

Eu tenho basicamente três panels que fazem essa organização do cabeçalho.

E na parte de baixo eu possuo um panel principal, e outros dando maior organização para grid.

E no meu menu suspenso eu consigo organizar também.

Onde ele possui um panel principal, um de título, um panel para os botões, e outro para os gráficos.

Nesse primeiro momento você precisa ter um bom gosto na escolha, de onde buscar informações para seus layouts.

Você não precisa fazer de usa cabeça.

Tem muita gente estudando, essa parte de experiência do usuário, de layouts, e você encontra em vários lugares na internet.

E começa a se inspirar, e começa a reproduzir dentro do Delphi.

E se você observar nas imagens acima, foi um dos layouts que produzimos dentro de um dos meus treinamentos, onde usamos um pouco de lógica e componentes nativos do Delphi.

E estou mostrando nessa série a possibilidade de poder melhorar o layout de suas aplicações sem a necessidade de utilizar componentes de terceiros e utilizar diversos skins.

Tudo seguindo exemplos que encontramos em sites como pinterest.

E claro, um pouco de inconformismo.

E caso você tenha interesse de conhecer mais sobre Aplicar Design Criativo no Delphi acesse o nosso portal do CLUBE DE PROGRAMADORES EM DELPHI, onde você não terá só conteúdos relacionados ao Design , mas uma quantidade enorme de conteúdos que poderá lhe ajudar muito no seu dia a dia, é uma verdadeira NETFLIX para os programadores Delphi.

CLIQUE AQUI E SAIBA MAIS SOBRE O CLUBE DOS PROGRAMADORES DELPHI


Faça sua busca

CATEGORIAS

POSTS RECENTES

E caso você tem interesse de conhecer mais sobre [Design Criativo] Como ter um bom design para seu software, acesse o nosso portal do CLUBE DE PROGRAMADORES EM DELPHI
Você não terá só conteúdos relacionados ao [Design Criativo] Como ter um bom design para seu software, mas uma quantidade enorme de conteúdos que poderá lhe ajudar muito no seu dia a dia, é uma verdadeira NETFLIX para os programadores Delphi.
Gostou?
Compartilhe:

Embarque no foguete com milhares de devs para aprender desenvolvimento, evoluir de forma contínua e se manter relevante no mercado.

Sobre
Dúvidas
Cadastre-se em nossa lista

Para ter acesso em primeira mão, a tudo que acontece na Academia do Código, basta se cadastrar em nossa lista

Grupo Thulio Bittencourt | Academia do Código

#FaçaPartedaHistória

Copyright © 2022 – Todos os direitos reservados