Esquemas de cores Moderna e Paleta de Cores de Coleções de 2020 & 2021
Tim Brown
Tim Brown é o proprietário do Gancho Agência de SEO e Web Design empresa focada principalmente na condução de tráfego e leads para empresas de pequeno porte, roofers e empresas de construção.
é aquela época do ano novamente – onde consideramos quais as tendências de cor têm sido nos últimos anos, e como essas podem mudar indo para 2021. Que esquemas de cores vão explodir em 2021? Que cores morrerão planas e sem vida, e serão relegadas para a prateleira de desconto?
- Esta lista de paletas de cores impressionantes será uma grande ferramenta para designers que procuram refrescar o seu trabalho em 2021.
- estes não são auto-gerados, mas sim curados para designers por designers.integrámos algumas das melhores paletas de cores de toda a web e adicionámos algumas das nossas!
em primeiro lugar, Aqui estão algumas previsões para tendências de cor em 2021 com base em designers de moda e empresas de pintura:
Por que fornecemos esta lista? Servimos pequenas empresas e empreiteiros! Confira nossas postagens no blog sobre pistas de telhados, pistas de HVAC, pistas de construção e nossos serviços de telhados SEO, Construção SEO e HVAC SEO!
Índice
Esquemas de Cores para 2021!
Here are last years color schemes “2020 Color Schemes” – Shared December of 2020!
desde que comecei a blogar em 2012 – a demanda por maior site de esquemas de cores tem sido absurdamente altos. Por isso, quando vi o Instagram de cores AWSM, fiquei fascinado. Eu não conseguia encontrar esses esquemas de cores curados de forma fácil de economizar na internet em qualquer lugar. Então, por que não compartilhá-los para todas as pessoas que procuram 2019-2020 Web esquemas de cores!espero que goste tanto deles como eu – e por favor siga a cor AWSM no Instagram.
O Melhor Esquema de Cores de ferramentas para fora lá hoje para 2021:
Os critérios de:
- Precisa ser fácil para exportar esquemas de cores
- É livre para usar o
- na Verdade, trata-se com incrível esquemas de cores.refrigeradores.co-vem com alguns esquemas de cores decentes-basta pressionar gerar algumas vezes para começar o seu motor em funcionamento!
2. Paletton – “adicionar Complementar” e arrastar em torno do selector no grafo de cores para encontrar cores facilmente. Tente algumas das outras configurações para se familiarizar com esta ferramenta super útil e poderosa.
3. Colormind.diz – se que io – Colormind usa o ‘deep learning’ para assimilar esquemas de cores de filmes populares e arte-para ajudar a criar esquemas de cores melhores. Quanto mais não seja, é um giro divertido em esquemas de cores para 2021!
Obrigado por ler – favorito este post. Vamos adicionar mais esquemas de cores para 2021 em breve, quando começarmos a analisar as tendências de designer de alta moda para 2021. Também vamos escrever um artigo profundo sobre essas tendências nas próximas semanas, por isso fiquem atentos.
12 Cores Modernas Paleta de Ferramentas para Usar em 2019-2021
Coolors.io
Melhor: Designers Gráficos / Web Designers
Coolors.co é a primeira e mais completa ferramenta disponível para a paleta de cores e o esquema de geração na lista. A plataforma é incrivelmente robusta e possui um aplicativo web para geração, bem como um aplicativo IOS, upload de imagem para cores, ajustes antecipados e opções de exportação/compartilhamento. Ele mesmo vem com um plugin para programas Adobe CC (Photoshop & Illustrator), embora esse recurso vem ao custo de $5 (que eu pessoalmente acho que é bastante acessível). Uma das coisas que eu mais gosto, no entanto, é que você é capaz de se inscrever para uma conta gratuita para gerenciar e organizar as paletas de cores que você gera. Esta conta também irá sincronizar com as aplicações iOS + Adobe. Isto é especialmente útil se você é um gráfico ou web designer olhando para manter o controle de cores que você gera para uma variedade de clientes. Ele também é útil se você precisar de acesso rápido durante o projeto. Outro bônus é que Coolors vem com dois meses de aulas gratuitas em Skillshare.com eu diria que é uma grande pechincha!
Canva.com
Melhor: Amador Designers Gráficos
Canva.com oferece uma ferramenta que permite aos usuários fazer upload de uma imagem que uma paleta de cores será gerada a partir de. O que é ótimo é que esta ferramenta é oferecida inteiramente de graça sem inscrição. Isto é extremamente útil ao projetar materiais para uma marca que tem uma forte presença fotográfica e onde as cores não importam com a marca. Ou talvez haja uma fotografia específica para a qual o cliente é atraído e gostaria de uma paleta gerada para a sua marca a partir disso.
Canva.com também oferece uma variedade de outras ferramentas gratuitas, como a sua ferramenta de correspondência tipográfica, guia de dimensionamento de design, fabricante de logotipo, e ferramenta de edição de fotos. No entanto, se os usuários querem aproveitar a plataforma Canva completa que inclui recursos ainda mais robustos com gestão de conta, exportação e um photoshop-esque web-app, então eles vão precisar pagar uma taxa mensal. Há também descontos para estudantes e sem fins lucrativos.
Colormind.io
Melhor: Designers Gráficos / Web Designers
Quando eu encontrei Colormind.oi, eu pensei que era um simples esquema de cores de geração de app, mas depois de cavar um pouco mais, percebi que é muito mais e muito mais legal do que isso. Colormind no núcleo é um aplicativo web que lhe permite gerar esquemas de cores para o seu site. Mas o que o torna único é que ele realmente visualiza o que isso vai parecer em um site para você. Ele também tem suporte de design de Material embutido e suporte de upload de imagem. Não é fixe? Simples, mas realmente ganha alguma quilometragem com o que faz. Veja por si mesmo em Colormind.io.
Mycolor.espaço
melhor para: Web Designers / Designers UI
esta é uma ferramenta que eu uso pessoalmente bastante. O que eu realmente gosto na minha cor.O espaço é a sua simplicidade, e é UI limpo. A ferramenta de geração de paleta de cores permite que você escolha uma única cor a partir da qual o aplicativo web irá cuspir uma variedade de gradientes e códigos hex baseados em torno dessa cor. Além disso, o aplicativo web também tem algumas ferramentas de geração gradiente grande. O que eu realmente gosto sobre a ferramenta de geração gradiente é que ela cospe o CSS necessário para produzir os gradientes. Então você pode simplesmente copiá-los e colá-los em seu código de front-end!
sementes de Projecto
melhor para: Visual Designers / Graphic Designers / Web Designers
What would a color palette tools blog post be without including Design Seeds? Não é uma aplicação web de geração de paletas, mas sim um blog dedicado a postar inspiração paleta. O que eles vão fazer é tirar uma foto e, em seguida, postar uma paleta baseada nessa foto com um nome de quadril como “opulência Moody” e “Drift.”Eu pessoalmente não uso este site muito, mas eu faço enviá-lo para os clientes ao tentar descobrir a sua marca. É benéfico se você não tem um ponto de partida ou realmente sabe o que você está procurando quando se trata de inspiração de design. Eu também acho que isso é algo que se estenderia para o espaço do design de interiores.
Pantone Studio
Melhor: Designers Gráficos / Designers de Impressão
Esta lista não estaria completa sem mencionar Pantone, especialmente desde que eles são, essencialmente, os principais especialistas em cor. Acontece que eles têm um aplicativo muito legal para colocar palettes juntos. Com o aplicativo, você pode descobrir uma variedade de harmonias de cores, valores e referências cruzadas, enquanto cuspi-los para RGB, CMYK, e HEX. A única desvantagem é que o aplicativo é apenas iOS, então os usuários do Android perdem. Eu também não tenho certeza de que eu realmente usar aplicativos de telefone celular como este no meu processo de design, mas pode funcionar melhor para outra pessoa. Tenta ver se funciona para ti!
Adobe Kuler (roda colorida)
melhor para: Designers gráficos / Web Designers / designers UI
eu sei sobre Adobe Kuler há muito tempo porque ele costumava existir como um aplicativo para iOS. Ainda pode, admito, não ter confirmado isto ainda. No entanto, se você for para o site, ele agora links para uma ferramenta de geração de paleta de cores muito simples. Não há frescuras aqui, mas você é capaz de gerar paletas importando uma imagem ou usando uma roda de cores. Você pode, então, salvar esses temas. Se tiver uma conta Adobe CC, pode gravá-la no seu perfil e sincronizá-la com as suas aplicações CC. Muito giro, se queres a minha opinião! O único problema aqui é que se você não é super inspirado (eu recomendo verificar as sementes de Design mais cedo no post), então pode ser difícil de começar.
paleta do Site
melhor para: web Designers / Designers UI / Programadores Front-End
dando mais amor à Web/UI / Front-End nesta lista, introduzo-lhe a paleta do Site. A paleta do Site é uma extensão para o Chrome, Safari e Firefox que lhe permite gerar paletas de cores complexas. Ele também tem a capacidade de agarrar/extrair esquemas de cores de sites pré-existentes. Então, se gostas do que o outro tipo faz, então é Teu para ser levado. É uma ferramenta habilidosa com uma grande UI, onde você pode compartilhar em aplicativos como Sketch e Adobe. Se você quiser mergulhar ainda mais fundo, ele até vem com uma API para extração de cor semântica. Isso está um pouco acima do meu salário para entender, mas nada mais nesta lista o faz. Embora haja uma versão gratuita, ela também vem com uma versão PRO onde o preço é baseado em pedidos de API, se você precisar disso.
Bootstrap Magic
Best For: Web Designers / UI Designers / Front-End Developers
Shout out to all the web, UI, and Front-End designers who use Bootstrap! O quadro de resposta mais popular do planeta! Uma das coisas que eu não gosto pessoalmente sobre Bootstrap é que a coloração padrão é bastante genérico. Personalizar isso é uma grande PTA, se você sabe o que estou dizendo e está familiarizado com tentar fazê-lo. Indique a magia do ‘Bootstrap’ onde personalizar os esquemas de cores do ‘Bootstrap’ se torna uma brisa total. Ainda é tedioso passar e escolher cores para tudo, mas pelo menos você tem um UI chique para fazê-lo em vez de cavar linhas minificadas de variáveis SASS e mixins. Bootstrap até vem com um editor HTML para que você possa fazer isso a partir da UI se você precisar (eu muitas vezes ajustar coisas como botões e altura de linha). Este é um aplicativo gratuito da web, por isso, enlouqueça!
Bootstrap.build
Best For: Web Designers / UI Designers / Front-End Developers
Bootstrap.build é bastante semelhante à magia Bootstrap acima, embora pareça ser um pouco mais robusto. Este aplicativo web é dedicado mais para desenvolvedores com um monte de personalização variável SASS. Ele também com opções dedicadas de exportação/importação, bem como um modo de antevisão. A IU é um pouco mais agradável, na minha opinião também. Este vem com opções pro por $5 por mês, o que lhe permite organizar seus temas Bootstrap em vários projetos. Você também pode hospedar os temas via CDN. Essas são características muito valiosas se você está fazendo um monte de projetar e desenvolver para os clientes. Veja se funciona para você!</p
Material Color Tool
Best For: UI Designers/App Designers
Se vamos dar algum amor ao Bootstrap, precisamos dar Material, padrões de Design do Google, alguma atenção também. O Google saiu com Material como um meio de racionalizar o seu design em todas as suas plataformas. Eles até lançaram esses padrões para o público para fazer a integração app parecer mais uniforme e nativo. Como parte disso, eles oferecem uma variedade de ferramentas de aplicativos web para designers e desenvolvedores para ajudar a construir interfaces com base nestes padrões. É aí que a Ferramenta de cor do material do Google entra em jogo. É uma besta bastante complexa, mas se você está projetando um aplicativo Android que adere aos padrões de design de Material, esta ferramenta é essencial para trazer isso à vida.
paleta de cor do Material
melhor para: Designers de UI / Designers de aplicações / web Designers
outra ferramenta baseada em Material é a paleta de design do Material. Este é significativamente mais simples do que a ferramenta Material do Google. A ferramenta paleta permite que você selecione duas cores, que então irá gerar automaticamente um palato com base nos padrões materiais do Google. Enquanto o propósito da ferramenta é app-centric, poderia ser útil se você estivesse apenas procurando um meio de geração de palato de cor. O aplicativo cospe os códigos hex e tudo para que as cores poderiam realmente ser usados para qualquer aplicação. Há também um guia de referência de ícones de material nifty, bem como um guia de referência de cores de Material, onde você pode copiar e colar códigos hex. Vejam só!62% das empresas entrevistadas dizem que um site deve ser redesenhado a cada 2-3 anos. Fonte: Hook Agency
espero que tenha gostado destas impressionantes paletas de cores modernas/esquemas de cores para sites e ferramentas de esquemas de cores!
Muito obrigado por ler-e, por favor, ligue-se a nós no seu roundup, ou partilhe para as suas redes sociais se for útil para si 🙂
Se quiser continuar a ler, confira este post sobre Cody Warren: the sexiest man in Minnesota, or our plumber SEO guide.
