O que faz um profissional de design?

Alguém pode definir por que algo pode não parecer "profissional"?

O que diferencia entre projetos profissionais / não profissionais?

Tenho clientes que disseram que meu design não parece muito profissional. Eu segui todas as coisas para torná-lo profissional - talvez eu não conheça o suficiente sobre design? Eu já vi muitos modelos de design "profissionais" que parecem fáceis e semelhantes aos meus. Na maioria das vezes, quando não tenho um caminho a seguir, sigo esses modelos de modelos - mas, quando termino, recebo comentários de que "Isso não parece profissional" . Isso não me ajuda. Alguém aqui tem ajuda / experiência / sugestões do mundo real me ajudaria em relação à aparência, fonte, estilo ... tudo . Por favor, me dê um jeito!

Em resumo: o
que faz um profissional de design?

Fiz essa outra resposta, já que isso é para comentar o seu design:

Você nos diz que pode recriar facilmente modelos profissionais. Na verdade, eu duvido. Você realmente precisa aprender muito sobre webdesign. Seriamente longe, mas você está ansioso para aprender e, por isso, criei esta maquete para explicar algumas coisas. Isso não é para bater em você, sério, sem ofender, estou apenas sendo honesto.

A história básica é que falta alinhamento e profundidade ... muita profundidade.

Também incluirei um dos meus desenhos que atualmente estou trabalhando na largura de uma sobreposição de grade, para que você possa entender o que quero dizer. Está longe de terminar, mas você entenderá meu ponto. Por favor, não use partes do design em que estou trabalhando, pois elas têm direitos autorais.

Veja como eu crio profundidade com gradientes, texturas e sombras suaves. Além disso, veja como é espaçado.

Edit: Só para você saber, editei a largura dos direitos autorais. Portanto, isso não está na proporção real.

Espero que isso ajude você.

Robin Williams, o amigo de todos os designers iniciantes, aponta para quatro aspectos críticos: Contraste, Repetição, Alinhamento e Proximidade (e sim, o acrônimo é CRAP!). Você deve pegar o livro dela, " The Non-Designer's Design Book ", e estudá-lo. Tudo nele se aplica tanto à web quanto à impressão. É fácil de ler e muito claro. Em seguida, obtenha o " Livro da Web do Não-Designer " e estude isso. Eu acrescentaria ao quarteto dela: Mensagem, Harmonia e Relevância.

• A mensagem que o cliente deseja transmitir é a primeira coisa que você precisa saber, porque informa tudo o resto. Nas bem sucedidas fotografias, design, pintura, escrita, há um simples trio de regras que nunca são quebradas: 1) Tenha uma mensagem; 2) Inclua apenas o que contribui para a mensagem; 3) Remova qualquer coisa que distraia da mensagem. Em uma fotografia de uma atleta, você usaria a foto dela no ar, parecendo graciosa e sem esforço, e clonaria a lata de coca-cola vazia e o sanduíche meio comido no fundo. Como artista, você precisa saber o que está tentando dizer. Como designer, você precisa saber o que o cliente está tentando dizer. Afinal, é para isso que o cliente está pagando.

• A harmonia é outro requisito muito amplo que você deve considerar cedo. Se o cliente tiver um logotipo e cores corporativas, seu site deverá usá-los e cores que se harmonizem com eles. Você não pode usar tipos de letra semelhantes, mas diferentes, para títulos e cópias. Uma boa regra para designers iniciantes é usar um sans e um serif que combinem e usar apenas os dois no design.

• A relevância vem no início de um ciclo de design. Aplica-se a cores, tipografia e layout geral. Você não usaria azul pó e rosa bebê para o design de sites de empresas de alta tecnologia, nem para artistas de hip-hop. Esse tipo de letra grunge maravilhosamente nervoso não vai funcionar para um advogado ou contador, mas Times Roman pode. (Você evitaria o Times para um site que precisa parecer moderno.) Uma banda de heavy metal precisa de formas e cores ousadas, alto contraste, mas uma clínica médica ou um site de roupas de bebê exigiria uma aparência muito mais suave.

• Contraste significa escuro versus claro, cores ricas versus tons, escuro no claro ou claro no escuro. Se o seu design exige contrastes arrojados, o importante é torná-los em negrito para que sejam claramente deliberados. Apenas uma coisa quebra um design mais rápido do que "quase, mas não é exatamente o mesmo", que abordarei em um momento.

• A repetição coloca o mesmo tipo de elemento no mesmo local e com as mesmas cores, título ou forma sempre. O espaçamento é consistente. O layout visual tem um ritmo, assim como a música. Se seus elementos não caem "na batida", o espectador fica desconfortável, assim como é difícil ouvir uma banda cujo ritmo está errado.

• Alinhamento , falta de, é a maneira mais segura de quebrar um design. Não há nada que grite "amador" mais alto do que coisas que não se alinham. Na impressão, trabalhamos com uma precisão inferior a 1/1000 de polegada. Você pode colocar as coisas maneira fora do alinhamento, desde que o deslocamento é ousada, óbvia e deliberada. Mas nunca, nunca tenha 7px preenchendo na tag ap e 8px na h1. (Como uma nota lateral: evite layouts centralizados para qualquer coisa que não seja um convite de casamento ou funeral. Os layouts centralizados estão em repouso, serenos, imóveis, o que quase nunca é o que você deseja. Os iniciantes usam layouts centralizados porque não sabem como alinhar coisas.)

Alinhamento e repetição são os motivos pelos quais as grades são uma ferramenta tão útil. A compreensão desses pontos responderá a muitas perguntas sobre o uso de grades.

• Proximidade significa apenas manter as coisas que pertencem juntas umas às outras. Um cabeçalho deve estar mais próximo do parágrafo a seguir do que o descrito acima, por exemplo.

Pegue esses dois livros. Eles vão mudar seus projetos. Enquanto isso, aqui está um exercício: escreva esses sete pontos em uma lista, depois visite 10 sites que você considera realmente brilhantes e descubra onde cada um desses pontos foi aplicado. Não trapaceie. Todos eles estarão lá, então não desista até encontrar todos. Agora, dê uma olhada nos seus próprios designs e descubra onde um ou mais deles foram violados.

Pratique esses sete pontos consciente e deliberadamente. Em pouco tempo, eles se tornarão instintivos e seus designs atingirão um nível totalmente novo. Isso é uma promessa.

Como fazer com que seu site pareça profissional aos meus olhos, em nenhuma ordem específica, oh ... e, em suma :) Se você precisar de mais explicações, o que quero dizer, basta me dizer:

• Baseie sua paleta de cores em torno da identidade corporativa do cliente.
• Ouça atentamente as necessidades dele para se adequar ao estilo que ele deseja
• Design para usabilidade. Você pode criar um design de cair o queixo, mas se a conversão não for boa, será inútil.
• Escolha sua tipografia com cuidado (por exemplo: você não verá produtos da Apple com fontes semelhantes a pichações)
• Use o sistema 960gs antes de começar a projetar, assim você tem certeza de que seu alinhamento é bom
• Explique e defenda seu design. Diga ao cliente por que você escolhe elementos específicos e explique por que eles são bons. Lembre-se, nós, como designers, nem sempre estamos certos.
• Continue aprendendo. Siga blogs e revistas on-line para obter novos tutoriais sobre jQuery, etc. A leitura é fundamental.
• Verifique se o seu código é válido para o W3C e se não é muito grande.

Algumas coisas para lembrar para um design bonito:

Então, vamos aprender quatro regras surpreendentes de regras de design gráfico que ajudarão você a aprimorar suas habilidades de design.

1. Alinhamento e Distribuição
2. Balanceamento e agrupamento
3. Contraste
4. Padrões e Gradientes

Alinhamento e distribuição: é a regra mais importante de qualquer design incrível, ótimo ou visualmente atraente. O design alinhado adequado fica ótimo em qualquer lugar, seja para mídia impressa, mídia de anúncios, editoração eletrônica ou design relacionado à Web. Parece bom hein! mas a questão é como aprender a usar o alinhamento adequado ou obter o sentido de alinhamento adequado ao projetar. Vamos aprofundar o alinhamento e a distribuição, mas primeiro veja a imagem de exemplo abaixo:

• Alinhamento: Alinhamento significa organizar elementos de design semelhantes ou outros na dimensão superior, inferior, central, esquerda ou direita para tornar o design visualmente atraente. Veja a imagem de exemplo acima para entendê-la.

• Distribuição: Distribuição significa dar ou manter a mesma distância entre elementos semelhantes ou diferentes de qualquer design para tornar o layout gráfico limpo e decente. Veja a imagem de exemplo acima para entendê-la.

Balanceamento e agrupamento: o balanceamento e o agrupamento são a segunda regra mais importante de qualquer design visual. Nesta regra, precisamos nos concentrar em elementos de design, por exemplo, se tivermos algum texto e algumas imagens em nosso design, para organizá-los da maneira que eles se equilibrem e também tenham uma ótima aparência. Você pode fazer isso de duas maneiras.

• Primeiro Método - Usando Diferentes Elementos: Nesta regra, organizamos todos os elementos entre si para equilibrá-los. Você pode entender facilmente com o exemplo abaixo:

Então, como você pode ver no exemplo acima, temos dois tipos de elementos texto e imagem e os organizamos para tornar o layout atraente e visualmente ótimo. Eles estão se equilibrando. Agora, vamos dar uma olhada no segundo método.

• Segundo Método - Agrupando Elementos Individuais: Nesta regra, criamos diferentes grupos de diferentes elementos no design. Dê uma olhada no exemplo para entendê-lo.

Como você pode ver no exemplo acima, criamos diferentes grupos de elementos de texto e também diferentes grupos de elementos de texto. Esse método de layout também é bom para criar um layout decente e de ótima aparência. Você também pode usar os dois métodos juntos para criar um layout de design incrível.

Contraste: O contraste é a parte essencial de qualquer bom design gráfico. Nesta regra, precisamos fazer com que qualquer elemento do nosso design se diferencie de outros elementos.Esta regra é usada para atribuir aos elementos sua importância no design.

Padrões e gradientes: você pode torná-lo ainda mais impressionante ao adicionar padrões no plano de fundo ou em outros elementos do design.Gradientes são muito úteis para tornar seu design mais vivo e alegre. Lembre-se sempre de que ao usar gradientes, tente usar um gradiente de duas cores com diferenças de cores discretas.

O que torna seu design profissional ou não é se você é ou não pago por isso.

Quanto ao uso do termo 'profissional' como algum tipo de comentário estético, é praticamente inútil. Você precisará trabalhar com seu cliente para que ele seja mais específico em relação ao que eles procuram em termos de metas e objetivos de negócios - especificamente quem eles estão tentando atingir e qual abordagem visual faz mais sentido. para esse particular demográfico.