UI ebook para designers

Prévia do material em texto

Recurso facebook.com/uilab.school
100 Recursos para 
UI Designers
uilab.com.br
http://www.uilab.com.br
100 Recursos para 
UI Designers
COPYRIGHT © 2016 POR UI LAB SCHOOL
Todos os direitos reservados. Nenhuma parte deste material 
pode ser carregado ou postado na internet sem a autorização do editor.
Para pedidos de permissão, escreva para o editor, 
no endereço contato@uilab.com.br com o assunto “Permissão eBook”.
Contents
Cores 6
Tipografia	 23
Ícones	 31
Inspiração	 39
Ferramentas 52
Banco de imagens e vídeos 80
Recursos	 90
Checklists	 96
Blogs 100
Se formou em Design pela Faculdade SATC mas não era nem 
de perto um dos melhores alunos. Contudo, aos 15 anos 
co-fundou o Choco La Design e atualmente é co-fundador 
do UI Lab. Sempre gostou de desenvolver projetos ligados 
a Design e compartilhamento de conteúdo.
Atualmente recebeu a alcunha de Senior Product Designer 
e trabalha na homeyou, uma empresa sediada em Boston 
(chique,	né?).	Também	é	consultor,	oficineiro	e	curioso	viciado	
em informação.
Se formou em Design pela Faculdade SATC e passou dois anos 
muito loucos na liderança de um centro acadêmico. 
Gosta de pesquisar sobre e-learning, empreendedorismo 
e outras coisas interessantes. Além disso, tem o estranho 
hábito de observar e tentar entender as pessoas.
É co-fundador do UI Lab e trabalha com User Interface Design 
há 2 anos em meio. Atualmente é UI Designer na INBEP. 
Willian Matiola
Welliton Matiola
http://twitter.com/willianmatiola
http://twitter.com/wellitonmatiola
Recurso facebook.com/uilab.school
Cores
facebook.com/uilab.school Recurso 01
Adobe Color CC
No Adobe Color CC você encontra várias paletas de cores e conta com as 
possibilidades de edição e criação de novas paletas. Você pode utilizar 
vários sistemas de cores, como triádico, complementar e análago 
para compor seus próprios temas.
CORES
Clique aqui e acesse o recurso
Plataforma: Web Versão: Atualizado 07/04/15 FREE
• • •
https://www.facebook.com/UI-Lab-1627898694146917/?fref=ts
https://www.facebook.com/UI-Lab-1627898694146917/?fref=ts
https://color.adobe.com/pt/
facebook.com/uilab.school Recurso 02
Colour Lovers
O	Colour	Lovers	agrega	cores,	paletas	e	patterns	com	filtros	de	 
popularidade. Desta forma você pode saber quais cores ou paletas são 
as mais utilizadas pelos usuários. É possível submeter suas próprias 
cores e paletas também.
CORES
Clique aqui e acesse o recurso
Plataforma: Web Versão: Atualizado	31/01/14	 FREE
• • •
https://www.facebook.com/UI-Lab-1627898694146917/?fref=ts
https://www.facebook.com/UI-Lab-1627898694146917/?fref=ts
http://www.colourlovers.com/
facebook.com/uilab.school Recurso	 03	
Coolors
O Coolors tem uma proposta parecida com o Adobe Color CC. 
Nele é possível montar paletas ou exportar em diversos formatos 
as que já estão no site.
CORES
Clique aqui e acesse o recurso
Plataforma: Web Versão: 2.2.1 FREE
• • •
https://www.facebook.com/UI-Lab-1627898694146917/?fref=ts
https://www.facebook.com/UI-Lab-1627898694146917/?fref=ts
https://coolors.co
facebook.com/uilab.school Recurso 04 
Material Palette
Escolha duas cores do Material Design da Google e veja como elas se 
comportam juntas em um componente. O site também fornece toda 
a	paleta	de	cores	final	da	composição.
CORES
Clique aqui e acesse o recurso
Plataforma: Web FREE
• • •
https://www.facebook.com/UI-Lab-1627898694146917/?fref=ts
https://www.facebook.com/UI-Lab-1627898694146917/?fref=ts
http://www.materialpalette.com
facebook.com/uilab.school Recurso 05 
Material UI Colors
Material UI Colors é um site que agrega as cores do Material Design da 
Google. Basta um clique em cima da cor e ela já é copiada. Clicando em 
“More” é possível ver a variação com a adição de branco ou de preto.
CORES
Clique aqui e acesse o recurso
Plataforma: Web FREE
• • •
https://www.facebook.com/UI-Lab-1627898694146917/?fref=ts
https://www.facebook.com/UI-Lab-1627898694146917/?fref=ts
http://materialuicolors.co
facebook.com/uilab.school Recurso 06
Colinkeany
Esse site permite que você misture duas cores dentre diversos tipos 
de paletas para formar gradientes incríveis.
CORES
Clique aqui e acesse o recurso
Plataforma: Web FREE
• • •
https://www.facebook.com/UI-Lab-1627898694146917/?fref=ts
https://www.facebook.com/UI-Lab-1627898694146917/?fref=ts
http://colinkeany.com/blend/
facebook.com/uilab.school Recurso 07 
Color Hunt
O Color Hunt é um site que reúne várias paletas de cores fantásticas e com 
atualizações diárias. Você ainda é capaz de sugerir paletas de cores 
para serem incluídas no site.
CORES
Clique aqui e acesse o recurso
Plataforma: Web FREE
• • •
https://www.facebook.com/UI-Lab-1627898694146917/?fref=ts
https://www.facebook.com/UI-Lab-1627898694146917/?fref=ts
http://colorhunt.co
facebook.com/uilab.school Recurso 08 
Colour Code
O Colour Code mostra as cores de acordo com a posição do mouse na 
tela. Quanto mais próximo do topo, mais escuras são as cores e quanto 
mais	afestado,	mais	clara	elas	ficam.	Movendo	o	mouse	horizontalmente	
você consegue escolher as diferentes matizes.
CORES
Clique aqui e acesse o recurso
Plataforma: Web FREE
• • •
https://www.facebook.com/UI-Lab-1627898694146917/?fref=ts
https://www.facebook.com/UI-Lab-1627898694146917/?fref=ts
http://colourco.de
facebook.com/uilab.school Recurso 09
HTML Color Codes
O HTML Color Codes é um site que reúne diversas informações e recursos 
sobre cores para a web.
CORES
Clique aqui e acesse o recurso
Plataforma: Web FREE
• • •
https://www.facebook.com/UI-Lab-1627898694146917/?fref=ts
https://www.facebook.com/UI-Lab-1627898694146917/?fref=ts
http://htmlcolorcodes.com
facebook.com/uilab.school Recurso 10
Poke Palettes
É fã de Pokémon? Esse site reúne diversos Pokémons e suas respectivas 
cores. Você pode digitar o nome deles ou dar refresh na página para ver 
outros personagens.
CORES
Clique aqui e acesse o recurso
Plataforma: Web FREE
• • •
https://www.facebook.com/UI-Lab-1627898694146917/?fref=ts
https://www.facebook.com/UI-Lab-1627898694146917/?fref=ts
http://pokepalettes.com
facebook.com/uilab.school Recurso 11 
Brand Colors
Brand Colors reúne a paleta de cores de grandes marcas mundiais. 
É possível baixar todas as cores em diversos formatos diferentes.
CORES
Clique aqui e acesse o recurso
Plataforma: Web FREE
• • •
https://www.facebook.com/UI-Lab-1627898694146917/?fref=ts
https://www.facebook.com/UI-Lab-1627898694146917/?fref=ts
http://brandcolors.net
facebook.com/uilab.school Recurso 12
UI Gradients
Diversos gradients belíssimos para utilizar nos seus projetos. 
Utilize as setas do teclado para navegar ou exiba todos os gradients 
clicando na opção no canto inferior esquerdo.
CORES
Clique aqui e acesse o recurso
Plataforma: Web FREE
• • •
https://www.facebook.com/UI-Lab-1627898694146917/?fref=ts
https://www.facebook.com/UI-Lab-1627898694146917/?fref=ts
http://uigradients.com
facebook.com/uilab.school Recurso	 13
Flat UI Colors
O	site	Flat	UI	Colors	agrupa	diversas	cores	flat	de	diferentes	tonalidades	
para serem utilizadas nos seus projetos.
CORES
Clique aqui e acesse o recurso
Plataforma: Web FREE
• • •
https://www.facebook.com/UI-Lab-1627898694146917/?fref=ts
https://www.facebook.com/UI-Lab-1627898694146917/?fref=ts
http://flatuicolors.com
facebook.com/uilab.school Recurso 14
Hex Color Tool
O site Hex Color Tool permite que você criei variações para o branco 
ou preto de uma cor. É possível determinar a porcentagem de claro 
e escuro para as cores também.
CORES
Clique aqui e acesse o recurso
Plataforma: Web FREE
• • •
https://www.facebook.com/UI-Lab-1627898694146917/?fref=ts
https://www.facebook.com/UI-Lab-1627898694146917/?fref=ts
http://hexcolortool.com
facebook.com/uilab.school Recurso 15
0to255
0to255 é uma ferramenta que possibilita ver a variação de uma cor 
do branco ao preto.
CORES
Clique aqui e acesse o recurso
Plataforma: Web FREE
• • •
https://www.facebook.com/UI-Lab-1627898694146917/?fref=tshttps://www.facebook.com/UI-Lab-1627898694146917/?fref=ts
http://0to255.com
facebook.com/uilab.school Recurso 16
Contrast Ratio
Constrat Ratio demonstra o quão legível está a combinação de cores entre 
fundo e o texto. Ele testa em vários tamanhos e pesos de font.
CORES
Clique aqui e acesse o recurso
Plataforma: Web FREE
• • •
https://www.facebook.com/UI-Lab-1627898694146917/?fref=ts
https://www.facebook.com/UI-Lab-1627898694146917/?fref=ts
http://leaverou.github.io/contrast-ratio/#black-on-white
Recurso facebook.com/uilab.school
Tipografia
facebook.com/uilab.school Recurso 17
Type Genius
O Type Genius sugere combinações de fontes a partir da sua fonte 
principal. Ele também mostra ela aplicada em um exemplo pra você 
ter	noção	do	resultado	final.
TIPOGRAFIA
Clique aqui e acesse o recurso
Plataforma: Web FREE
• • •
https://www.facebook.com/UI-Lab-1627898694146917/?fref=ts
https://www.facebook.com/UI-Lab-1627898694146917/?fref=ts
http://www.typegenius.com
facebook.com/uilab.school Recurso 18
Google Fonts
Se você tem dúvida de que fonte utilizar nos seus sites, opte por uma 
Google Web Font. Não tem erro! O Google tem uma biblioteca enorme 
de fontes preparadas para projetos web.
TIPOGRAFIA
Clique aqui e acesse o recurso
Plataforma: Web FREE
• • •
https://www.facebook.com/UI-Lab-1627898694146917/?fref=ts
https://www.facebook.com/UI-Lab-1627898694146917/?fref=ts
https://www.google.com/fonts
facebook.com/uilab.school Recurso	 19
Prototypo
Gosta de personalizar fontes? Então experimente o Prototypo. Ele permite 
editar	várias	características	das	fontes	até	ela	ficar	do	jeito	que	você	quer.
TIPOGRAFIA
Clique aqui e acesse o recurso
Plataforma: Web FREE e VERSÃO PAGA
• • •
https://www.facebook.com/UI-Lab-1627898694146917/?fref=ts
https://www.facebook.com/UI-Lab-1627898694146917/?fref=ts
https://www.prototypo.io
facebook.com/uilab.school Recurso 20
Transfonter
O Transfonter permite gerar arquivos @font-face de qualquer fonte .TTF 
ou. OTF para a utilização em sites.
TIPOGRAFIA
Clique aqui e acesse o recurso
Plataforma: Web FREE
• • •
https://www.facebook.com/UI-Lab-1627898694146917/?fref=ts
https://www.facebook.com/UI-Lab-1627898694146917/?fref=ts
http://transfonter.org/
facebook.com/uilab.school Recurso 21
Fontastic
O Fontastic é uma ferramenta capaz de criar sua própria fonte de ícones. 
Basta	selecionar	dentre	os	mais	de	9.000	ícones	do	site	e	gerar	sua	fonte.
TIPOGRAFIA
Clique aqui e acesse o recurso
Plataforma: Web FREE
• • •
https://www.facebook.com/UI-Lab-1627898694146917/?fref=ts
https://www.facebook.com/UI-Lab-1627898694146917/?fref=ts
http://fontastic.me/
facebook.com/uilab.school Recurso 22
Golden Ratio Typography Calculator
A Golden Ratio Typography Calculator mostra pra você qual o tamanho 
ideal para seu bloco de texto de acordo com o tamanho da fonte 
e o espaçamento da entrelinha. Perfeito pra quem gosta de trabalhar 
com proporções.
TIPOGRAFIA
Clique aqui e acesse o recurso
Plataforma: Web FREE
• • •
https://www.facebook.com/UI-Lab-1627898694146917/?fref=ts
https://www.facebook.com/UI-Lab-1627898694146917/?fref=ts
http://www.pearsonified.com/typography/
facebook.com/uilab.school Recurso	 23
Typescale
Veja	com	o	Typescale	como	sua	fonte	ficaria	em	diversos	tamanhos	
e combinações de estilo.
TIPOGRAFIA
Clique aqui e acesse o recurso
Plataforma: Web FREE
• • •
https://www.facebook.com/UI-Lab-1627898694146917/?fref=ts
https://www.facebook.com/UI-Lab-1627898694146917/?fref=ts
http://type-scale.com/
Recurso facebook.com/uilab.school
Ícones
facebook.com/uilab.school Recurso 24
The Noun Project
Um dos melhores sites para baixar pictogramas de diversos estilos 
e categorias. Você pode baixar tanto em .SVG quanto em .PNG.
ÍCONES
Clique aqui e acesse o recurso
Plataforma: Web e Mac app FREE e VERSÃO PAGA
• • •
https://www.facebook.com/UI-Lab-1627898694146917/?fref=ts
https://www.facebook.com/UI-Lab-1627898694146917/?fref=ts
http://thenounproject.com/
facebook.com/uilab.school Recurso 25
SVG Porn
Um site que reúne diversos logotipos e símbolos de marcas famosas. 
Todos eles estão em .SVG, permitindo o uso em diferentes tamanhos 
sem a perda de qualidade.
ÍCONES
Clique aqui e acesse o recurso
Plataforma: Web FREE 
• • •
https://www.facebook.com/UI-Lab-1627898694146917/?fref=ts
https://www.facebook.com/UI-Lab-1627898694146917/?fref=ts
http://svgporn.com
facebook.com/uilab.school Recurso 26
Icomoon App
O Icomoon é um site que possibilita a criação de fontes de ícones. 
É	extremamente	útil	para	quem	deseja	padronizar	a	iconografia	
de algum projeto.
ÍCONES
Clique aqui e acesse o recurso
Plataforma: Web FREE 
• • •
https://www.facebook.com/UI-Lab-1627898694146917/?fref=ts
https://www.facebook.com/UI-Lab-1627898694146917/?fref=ts
http://svgporn.com
facebook.com/uilab.school Recurso 27
Font Awesome
O Font Awesome é uma grande biblioteca de ícones agrupados em uma 
fonte que pode ser utilizado em projetos digitais para padronizar 
a	iconografia.	É	um	dos	mais	utilizados	atualmente.
ÍCONES
Clique aqui e acesse o recurso
Versão: 4.4.0 FREE 
• • •
https://www.facebook.com/UI-Lab-1627898694146917/?fref=ts
https://www.facebook.com/UI-Lab-1627898694146917/?fref=ts
http://fortawesome.github.io/Font-Awesome/
facebook.com/uilab.school Recurso 28
Iconjar
Iconjar é um app que permite a organização, a busca e o uso 
de seus ícones.
ÍCONES
Clique aqui e acesse o recurso
Versão: beta 0.7 Plataforma: Mac FREE 
• • •
https://www.facebook.com/UI-Lab-1627898694146917/?fref=ts
https://www.facebook.com/UI-Lab-1627898694146917/?fref=ts
http://geticonjar.com
facebook.com/uilab.school Recurso	 29
Simples Icon
O site Simple Icons reúne inúmeros ícones de marcas e serviços famosos. 
Ele também fornece a cor principal e seu hexadecimal.
ÍCONES
Clique aqui e acesse o recurso
Plataforma: Web FREE 
• • •
https://www.facebook.com/UI-Lab-1627898694146917/?fref=ts
https://www.facebook.com/UI-Lab-1627898694146917/?fref=ts
https://simpleicons.org/
facebook.com/uilab.school Recurso	 30
Icons8
O site Icons8 oferece uma variedade enorme de pictogramas que podem 
ter suas cores e estilos editados.
ÍCONES
Clique aqui e acesse o recurso
Plataforma: Web e Mac app FREE e VERSÃO PAGA
• • •
https://www.facebook.com/UI-Lab-1627898694146917/?fref=ts
https://www.facebook.com/UI-Lab-1627898694146917/?fref=ts
https://icons8.com
Recurso facebook.com/uilab.school
Inspiração
facebook.com/uilab.school Recurso	 31
Dribbble
O	Dribbble	reúne	trabalhos	de	grandes	profissionais	de	diversas	áreas.	
É necessário receber um convite para contribuir com as inspirações, 
portanto, o nível de trabalhos é altíssimo.
INSPIRAÇÃO
Clique aqui e acesse o recurso
FREE e VERSÃO PAGA
• • •
https://www.facebook.com/UI-Lab-1627898694146917/?fref=ts
https://www.facebook.com/UI-Lab-1627898694146917/?fref=ts
http://dribbble.com/
facebook.com/uilab.school Recurso	 32
Behance
O Behance é um serviço que permite a criação do seu próprio portfolio. 
É também uma rica fonte de inspiração para diversos ramos do design, 
arte e arquitetura.
INSPIRAÇÃO
Clique aqui e acesse o recurso
FREE
• • •
https://www.facebook.com/UI-Lab-1627898694146917/?fref=ts
https://www.facebook.com/UI-Lab-1627898694146917/?fref=ts
http://behance.net/
facebook.com/uilab.school Recurso	 33
Awwwards
O site Awwwards é uma curadoria que premia os melhores projetos digitais 
do mundo. Lá você encontra muitos projetos que foram feitos 
pensando fora da caixa.
INSPIRAÇÃO
Clique aqui e acesse o recurso
FREE 
• • •
https://www.facebook.com/UI-Lab-1627898694146917/?fref=ts
https://www.facebook.com/UI-Lab-1627898694146917/?fref=ts
http://www.awwwards.com/
facebook.com/uilab.school Recurso	 34
One Page Love
One Page Love é uma vitrine com sites de apenas uma página, recursos 
e templates. Vale a pena visitar, exemplos excelentes de como explorar 
sites com muita rolagem.
INSPIRAÇÃO
Clique aqui eacesse o recurso
FREE 
• • •
https://www.facebook.com/UI-Lab-1627898694146917/?fref=ts
https://www.facebook.com/UI-Lab-1627898694146917/?fref=ts
http://onepagelove.com/
facebook.com/uilab.school Recurso	 35
Css Awards
CSS Awards entra também na categoria de curadorias de melhores sites 
da web. Ótima referência para efeitos e estilos de CSS.
INSPIRAÇÃO
Clique aqui e acesse o recurso
FREE 
• • •
https://www.facebook.com/UI-Lab-1627898694146917/?fref=ts
https://www.facebook.com/UI-Lab-1627898694146917/?fref=ts
http://www.cssawds.com/
facebook.com/uilab.school Recurso	 36
Css Design Awards
CSS Design Awards é outro site que faz uma curadoria dos melhores 
projetos web.
INSPIRAÇÃO
Clique aqui e acesse o recurso
FREE 
• • •
https://www.facebook.com/UI-Lab-1627898694146917/?fref=ts
https://www.facebook.com/UI-Lab-1627898694146917/?fref=ts
http://www.cssdesignawards.com
facebook.com/uilab.school Recurso	 37
Call to Idea
 Call to Idea reúne diversas inspirações separadas por categoria. 
É útil para agilizar uma busca de inspiração.
INSPIRAÇÃO
Clique aqui e acesse o recurso
FREE 
• • •
https://www.facebook.com/UI-Lab-1627898694146917/?fref=ts
https://www.facebook.com/UI-Lab-1627898694146917/?fref=ts
http://www.calltoidea.com/
facebook.com/uilab.school Recurso	 38
Really Good Emails
Really Good Emails é um dos poucos sites de repositório de emails.
Várias ideias legais para inspirar você.
INSPIRAÇÃO
Clique aqui e acesse o recurso
FREE 
• • •
https://www.facebook.com/UI-Lab-1627898694146917/?fref=ts
https://www.facebook.com/UI-Lab-1627898694146917/?fref=ts
http://reallygoodemails.com/
facebook.com/uilab.school Recurso	 39
100 Days UI
O nome já diz tudo! 100 dias, 100 elementos de UI para inspirar você.
INSPIRAÇÃO
Clique aqui e acesse o recurso
FREE 
• • •
https://www.facebook.com/UI-Lab-1627898694146917/?fref=ts
https://www.facebook.com/UI-Lab-1627898694146917/?fref=ts
http://www.100daysui.com/
facebook.com/uilab.school Recurso 40
Pttrns
Pttrns é um ótimo lugar para você estudar padrões de UI Design utilizados 
em vários projetos de grandes serviços e empresas.
INSPIRAÇÃO
Clique aqui e acesse o recurso
FREE 
• • •
https://www.facebook.com/UI-Lab-1627898694146917/?fref=ts
https://www.facebook.com/UI-Lab-1627898694146917/?fref=ts
http://pttrns.com/
facebook.com/uilab.school Recurso 41
Pattern Tap
O Pattern Tap é um ótimo site para descobrir padrões de UI Design 
para seus projetos.
INSPIRAÇÃO
Clique aqui e acesse o recurso
FREE 
• • •
https://www.facebook.com/UI-Lab-1627898694146917/?fref=ts
https://www.facebook.com/UI-Lab-1627898694146917/?fref=ts
http://zurb.com/patterntap
facebook.com/uilab.school Recurso 42
Site Inspire
O Site Inspire reúne vários bons exemplos de projetos de UI Design para 
inspiração.
INSPIRAÇÃO
Clique aqui e acesse o recurso
FREE 
• • •
https://www.facebook.com/UI-Lab-1627898694146917/?fref=ts
https://www.facebook.com/UI-Lab-1627898694146917/?fref=ts
http://www.siteinspire.com/
Recurso facebook.com/uilab.school
Ferramentas
facebook.com/uilab.school Recurso	 43
Pixel Map
Pixel Map é uma ferramenta que possibilita a criação de mapas 
personalizadas para inserir em seus projetos. Você pode editar as cores, 
formatos e inserir elementos.
FERRAMENTAS - DESIGN
Clique aqui e acesse o recurso
• • •
Versão: beta Plataforma: Web FREE 
https://www.facebook.com/UI-Lab-1627898694146917/?fref=ts
https://www.facebook.com/UI-Lab-1627898694146917/?fref=ts
http://pixelmap.amcharts.com/
facebook.com/uilab.school Recurso 44
Mapbox
Mapbox é um serviço que disponibiliza várias opções para você trabalhar 
com mapas.
FERRAMENTAS - DESIGN
Clique aqui e acesse o recurso
• • •
Plataforma: Web FREE 
https://www.facebook.com/UI-Lab-1627898694146917/?fref=ts
https://www.facebook.com/UI-Lab-1627898694146917/?fref=ts
https://www.mapbox.com/
facebook.com/uilab.school Recurso 45
Device Metrics
Essa página do Google Design compila diversos devices e seus tamanhos, 
dimensões e densidades. Se estiver com dúvidas sobre quais tamanhos 
projetar seus designs, esse é o site ideal.
FERRAMENTAS - DESIGN
Clique aqui e acesse o recurso
• • •
Plataforma: Web FREE 
https://www.facebook.com/UI-Lab-1627898694146917/?fref=ts
https://www.facebook.com/UI-Lab-1627898694146917/?fref=ts
https://design.google.com/devices/
facebook.com/uilab.school Recurso 46
Sketch App
O Sketch App é uma das melhores ferramentas para quem trabalha com 
UI Design. Ele é simples, tem ótimos recursos e vários plugins para 
otimizar seu trabalho.
FERRAMENTAS - DESIGN
Clique aqui e acesse o recurso
• • •
Plataforma: Mac TRAIL e VERSÃO PAGA
https://www.facebook.com/UI-Lab-1627898694146917/?fref=ts
https://www.facebook.com/UI-Lab-1627898694146917/?fref=ts
http://www.sketchapp.com
facebook.com/uilab.school Recurso 47
UI Tiles
Sistema	para	a	construção	rápida	de	fluxogramas	visuais	e	mapas	
de site para projetos web.
FERRAMENTAS - DESIGN
Clique aqui e acesse o recurso
• • •
Plataforma: Web e Impresso FREE
https://www.facebook.com/UI-Lab-1627898694146917/?fref=ts
https://www.facebook.com/UI-Lab-1627898694146917/?fref=ts
https://pixelbuddha.net/ui-tiles/
facebook.com/uilab.school Recurso 48
Photoshop CC
O bom e velho Photoshop é muito útil para tratar fotos ou criar algumas 
coisas para suas interfaces. Muitas pessoas utilizam para projetar UI,
	mas	ele	acaba	gerando	arquivos	finais	enormes	e	pesados.
FERRAMENTAS - DESIGN
Clique aqui e acesse o recurso
• • •
Plataforma: Mac e Windows TRAIL e VERSÃO PAGA
https://www.facebook.com/UI-Lab-1627898694146917/?fref=ts
https://www.facebook.com/UI-Lab-1627898694146917/?fref=ts
http://www.adobe.com/br/products/photoshop.html
facebook.com/uilab.school Recurso	 49
Invision App
O Invision App é um dos melhores serviços de prototipação. Ele permite 
prototipar nos formatos Desktop, Tablet e Smartphone. Além disso, possui 
um recurso chamado Boards que é muito útil para montar style guides.
FERRAMENTAS - PROTOTIPAÇÃO
Clique aqui e acesse o recurso
• • •
Plataforma: Web FREE e VERSÃO PAGA
https://www.facebook.com/UI-Lab-1627898694146917/?fref=ts
https://www.facebook.com/UI-Lab-1627898694146917/?fref=ts
http://www.invisionapp.com/
facebook.com/uilab.school Recurso 50
Marvel App
O Marvel App é um bom serviço de prototipação também. Conta com 
recursos semelhantes ao Invision e tem integração com o Sketch.
FERRAMENTAS - PROTOTIPAÇÃO
Clique aqui e acesse o recurso
• • •
Plataforma: Web e App FREE e VERSÃO PAGA
https://www.facebook.com/UI-Lab-1627898694146917/?fref=ts
https://www.facebook.com/UI-Lab-1627898694146917/?fref=ts
https://marvelapp.com/apps/
facebook.com/uilab.school Recurso 51
Pixate
Pixate é um serviço comprado pela Google recentemente. 
É bom para prototipar e criar interações para seus projetos.
FERRAMENTAS - PROTOTIPAÇÃO
Clique aqui e acesse o recurso
• • •
Plataforma: Desktop FREE
https://www.facebook.com/UI-Lab-1627898694146917/?fref=ts
https://www.facebook.com/UI-Lab-1627898694146917/?fref=ts
http://www.pixate.com/
facebook.com/uilab.school Recurso 52
Principle
Principle é uma ferramenta exclusiva para a plataforma Mac que permite 
a criação de interações em seus designs. É simples de utilizar 
e há a possibilidade de exportar para .GIF.
FERRAMENTAS - PROTOTIPAÇÃO
Clique aqui e acesse o recurso
• • •
Plataforma: Mac FREE e VERSÃO PAGA
https://www.facebook.com/UI-Lab-1627898694146917/?fref=ts
https://www.facebook.com/UI-Lab-1627898694146917/?fref=ts
http://principleformac.com/index.html
facebook.com/uilab.school Recurso	 53
Trello
O	Trello	é	um	serviço	de	gerenciamento	de	projetos	simples	e	eficiente.	
Utilizamos ele no UI Lab para todo tipo de planejamento e funciona muito 
bem para equipes.
FERRAMENTAS - GERENCIAMENTO DE PROJETO
Clique aqui e acesse o recurso
• • •
Plataforma: Web FREE e VERSÃO PAGA
https://www.facebook.com/UI-Lab-1627898694146917/?fref=ts
https://www.facebook.com/UI-Lab-1627898694146917/?fref=tshttp://trello.com/
facebook.com/uilab.school Recurso 54
Asana
Asana também é um gerenciador de tarefas que ajuda na organização 
dos projetos. Teve seu design refeito recentemente e sua experiência
 foi totalmente otimizada.
Clique aqui e acesse o recurso
• • •
Plataforma: Web FREE
FERRAMENTAS - GERENCIAMENTO DE PROJETO
https://www.facebook.com/UI-Lab-1627898694146917/?fref=ts
https://www.facebook.com/UI-Lab-1627898694146917/?fref=ts
http://asana.com/
facebook.com/uilab.school Recurso 55
Basecamp
O Basecamp é um dos gerenciadores de tarefas mais utilizados. 
Conta com diversos recursos interessantes e pode ajudar no controle 
dos seus projetos com grandes times.
Clique aqui e acesse o recurso
• • •
FERRAMENTAS - GERENCIAMENTO DE PROJETO
Plataforma: Web FREE e VERSÃO PAGA
https://www.facebook.com/UI-Lab-1627898694146917/?fref=ts
https://www.facebook.com/UI-Lab-1627898694146917/?fref=ts
https://basecamp.com/
facebook.com/uilab.school Recurso 56
Podio
O Podio é outro gerenciador de tarefas simples mais que traz recursos 
interessantes para o controle dos seus projetos.
Clique aqui e acesse o recurso
• • •
FERRAMENTAS - GERENCIAMENTO DE PROJETO
Plataforma: Web VERSÃO PAGA
https://www.facebook.com/UI-Lab-1627898694146917/?fref=ts
https://www.facebook.com/UI-Lab-1627898694146917/?fref=ts
https://podio.com/
facebook.com/uilab.school Recurso 57
Organizze
O	Organizze	é	um	excelente	gerenciador	financeiro.	Conta	com	recurso
 de metas e diversos tipos de relatórios. É simples de utilizar 
e tem uma versão free que supre suas necessidades.
Clique aqui e acesse o recurso
• • •
FERRAMENTAS - FINANCEIRO
Plataforma: Web e App FREE e VERSÃO PAGA
https://www.facebook.com/UI-Lab-1627898694146917/?fref=ts
https://www.facebook.com/UI-Lab-1627898694146917/?fref=ts
https://www.organizze.com.br/
facebook.com/uilab.school Recurso 58
Guia Bolso
O	Guia	Bolso	é	um	gerenciador	financeiro	interessante.	Tem	recursos	de	
metas, categorização automática e integração com os bancos. 
Mas seu design não é tão atraente.
Clique aqui e acesse o recurso
• • •
FERRAMENTAS - FINANCEIRO
Plataforma: Web e App FREE
https://www.facebook.com/UI-Lab-1627898694146917/?fref=ts
https://www.facebook.com/UI-Lab-1627898694146917/?fref=ts
https://www.guiabolso.com.br
facebook.com/uilab.school Recurso	 59
Frontify
O Frontify é perfeito para montar o guia de estilo dos seus projetos. 
Ele também permite criar e compartilhar protótipos.
Clique aqui e acesse o recurso
• • •
FERRAMENTAS - PRODUTIVIDADE E ORGANIZAÇÃO
Plataforma: Web FREE
https://www.facebook.com/UI-Lab-1627898694146917/?fref=ts
https://www.facebook.com/UI-Lab-1627898694146917/?fref=ts
https://frontify.com/
facebook.com/uilab.school Recurso 60
Slack
O Slack é um excelente recurso para tornar a comunicação com seu time 
mais fácil. Possui integrações com dezenas de outros apps para deixar 
tudo num só lugar.
Clique aqui e acesse o recurso
• • •
FERRAMENTAS - PRODUTIVIDADE E ORGANIZAÇÃO
Plataforma: Web e Desktop FREE e VERSÃO PAGA
https://www.facebook.com/UI-Lab-1627898694146917/?fref=ts
https://www.facebook.com/UI-Lab-1627898694146917/?fref=ts
https://slack.com/
facebook.com/uilab.school Recurso 61
Evernote
O Evernote é a melhor aplicação para tomar notas. Você pode salvar fotos 
e anexar outros tipos de arquivos, separando por cadernos. 
Clique aqui e acesse o recurso
• • •
FERRAMENTAS - PRODUTIVIDADE E ORGANIZAÇÃO
Plataforma: Web e Desktop FREE e VERSÃO PAGA
https://www.facebook.com/UI-Lab-1627898694146917/?fref=ts
https://www.facebook.com/UI-Lab-1627898694146917/?fref=ts
https://evernote.com
facebook.com/uilab.school Recurso 62
Feedly
O	Feedly	é	um	agregador	de	notícias	muito	eficiente.	Com	ele	você	pode	
receber todas as atualizações dos sites que você costuma acompanhar, 
em um único lugar.
Clique aqui e acesse o recurso
• • •
FERRAMENTAS - PRODUTIVIDADE E ORGANIZAÇÃO
Plataforma: Web FREE
https://www.facebook.com/UI-Lab-1627898694146917/?fref=ts
https://www.facebook.com/UI-Lab-1627898694146917/?fref=ts
http://feedly.com
facebook.com/uilab.school Recurso	 63
Pocket
Com	o	Pocket	você	pode	salvar	os	melhores	artigos	e	clássifica-los	com	
tags para ler depois.
Clique aqui e acesse o recurso
• • •
FERRAMENTAS - PRODUTIVIDADE E ORGANIZAÇÃO
Plataforma: Web e Desktop FREE
https://www.facebook.com/UI-Lab-1627898694146917/?fref=ts
https://www.facebook.com/UI-Lab-1627898694146917/?fref=ts
https://getpocket.com
facebook.com/uilab.school Recurso 64
Todoist
 Todoist é um app para gerenciar tarefas simples e prático. Possui versões 
para desktop, mobile e web. A versão paga conta com vários 
recursos interessantes.
Clique aqui e acesse o recurso
• • •
FERRAMENTAS - PRODUTIVIDADE E ORGANIZAÇÃO
Plataforma: Web, Desktop e App FREE e VERSÃO PAGA
https://www.facebook.com/UI-Lab-1627898694146917/?fref=ts
https://www.facebook.com/UI-Lab-1627898694146917/?fref=ts
https://todoist.com
facebook.com/uilab.school Recurso 65
Huge Style Guide
 A agência Huge desenvolveu um modelo de style guide que você pode 
baixar e editar com os elementos do seu projeto. É necessário saber 
um pouco de html e css.
Clique aqui e acesse o recurso
• • •
FERRAMENTAS - PRODUTIVIDADE E ORGANIZAÇÃO
Plataforma: Web FREE
https://www.facebook.com/UI-Lab-1627898694146917/?fref=ts
https://www.facebook.com/UI-Lab-1627898694146917/?fref=ts
http://hugeinc.github.io/styleguide/?utm_source=uxlinks
facebook.com/uilab.school Recurso 66
Freelancer Doc Box
O Freelancer Doc Box contém 7 documentos essenciais para qualquer 
freelancer. Você encontrará um modelo de contrato, planilha de cálculo 
de	valor	x	hora,	planilha	de	fluxo	de	caixa	e	outros	recursos	MUITO	úteis.
Clique aqui e acesse o recurso
• • •
FERRAMENTAS - PRODUTIVIDADE E ORGANIZAÇÃO
Plataforma: Web VERSÃO PAGA
https://www.facebook.com/UI-Lab-1627898694146917/?fref=ts
https://www.facebook.com/UI-Lab-1627898694146917/?fref=ts
http://goo.gl/MrmzqR
facebook.com/uilab.school Recurso 67
Avocode
Avocode é um app que facilita a entrega dos seus projetos em Photoshop 
ou Sketch para o desenvolvedor que não possui essas ferramentas.
Clique aqui e acesse o recurso
• • •
FERRAMENTAS - COMPARTILHAMENTO
Plataforma: Mac VERSÃO PAGA
https://www.facebook.com/UI-Lab-1627898694146917/?fref=ts
https://www.facebook.com/UI-Lab-1627898694146917/?fref=ts
http://avocode.com/
facebook.com/uilab.school Recurso 68
Zeplin
O Zeplin é útil na hora de compartilhar seus projetos em Sketch com o 
desenvolvedor. O app lê seu arquivo e fornece todos os assets, dimensões, 
cores	e	tipografias.
Clique aqui e acesse o recurso
• • •
FERRAMENTAS - COMPARTILHAMENTO
Plataforma: Mac FREE e VERSÃO PAGA
https://www.facebook.com/UI-Lab-1627898694146917/?fref=ts
https://www.facebook.com/UI-Lab-1627898694146917/?fref=ts
https://zeplin.io
facebook.com/uilab.school Recurso	 69
Dropbox
O Dropbox é excelente para manter seus arquivos na nuvem e nunca mais 
perdê-los. Você também pode compartilhar suas pastas com parceiros 
de projeto ou seus amigos.
Clique aqui e acesse o recurso
• • •
FERRAMENTAS - COMPARTILHAMENTO
Plataforma: Web, Desktop e App FREE e VERSÃO PAGA
https://www.facebook.com/UI-Lab-1627898694146917/?fref=ts
https://www.facebook.com/UI-Lab-1627898694146917/?fref=ts
https://zeplin.io
Recurso facebook.com/uilab.school
Banco de imagens 
e vídeos
facebook.com/uilab.school Recurso 70
Coverr
Belíssimos vídeos para você utilizar no background dos seus projetos. 
Todos eles são frees.
Clique aqui e acesse o recurso
• • •
BANCO DE IMAGENS E VÍDEOS
Plataforma: Web FREE
https://www.facebook.com/UI-Lab-1627898694146917/?fref=ts
https://www.facebook.com/UI-Lab-1627898694146917/?fref=ts
http://www.coverr.co
facebook.com/uilab.school Recurso 71
Unsplash
Um dos sites mais populares para encontrar belíssimas imagens. 
Todas	elas	em	alta	definição	e	livres	para	utilizar.
Clique aqui e acesse o recurso
• • •
BANCO DEIMAGENS E VÍDEOS
Plataforma: Web FREE
https://www.facebook.com/UI-Lab-1627898694146917/?fref=ts
https://www.facebook.com/UI-Lab-1627898694146917/?fref=ts
https://unsplash.com/
facebook.com/uilab.school Recurso 72
Startup Stock Photos
Esse site reúne imagens que mostram o dia a dia de uma startup. 
Pode ser útil para representar algumas seções dos seus projetos.
Clique aqui e acesse o recurso
• • •
FERRAMENTAS - BANCO DE IMAGENS E VÍDEOS
Plataforma: Web FREE
https://www.facebook.com/UI-Lab-1627898694146917/?fref=ts
https://www.facebook.com/UI-Lab-1627898694146917/?fref=ts
http://startupstockphotos.com
facebook.com/uilab.school Recurso	 73
MMT
MMT é outro site que reúne diversas imagens interessantes com atribuição 
comercial livre para uso.
Clique aqui e acesse o recurso
• • •
FERRAMENTAS - BANCO DE IMAGENS E VÍDEOS
Plataforma: Web FREE
https://www.facebook.com/UI-Lab-1627898694146917/?fref=ts
https://www.facebook.com/UI-Lab-1627898694146917/?fref=ts
http://mmt.li/
facebook.com/uilab.school Recurso 74
Little Visuals
Concentra várias imagens em alta qualidade de paisagens 
e outros tipos de cenários.
Clique aqui e acesse o recurso
• • •
FERRAMENTAS - BANCO DE IMAGENS E VÍDEOS
Plataforma: Web FREE
https://www.facebook.com/UI-Lab-1627898694146917/?fref=ts
https://www.facebook.com/UI-Lab-1627898694146917/?fref=ts
http://littlevisuals.co
facebook.com/uilab.school Recurso 75
Boss Fight
Muitas imagens fantásticas e de alta qualidade separadas em categorias 
para serem utilizadas livremente nos seus projetos.
Clique aqui e acesse o recurso
• • •
FERRAMENTAS - BANCO DE IMAGENS E VÍDEOS
Plataforma: Web FREE
https://www.facebook.com/UI-Lab-1627898694146917/?fref=ts
https://www.facebook.com/UI-Lab-1627898694146917/?fref=ts
http://bossfight.co/
facebook.com/uilab.school Recurso 76
FancyCrave
O site FancyCrave também reúne várias imagens muito belas e livres 
para uso. É atualizado diariamente.
Clique aqui e acesse o recurso
• • •
FERRAMENTAS - BANCO DE IMAGENS E VÍDEOS
Plataforma: Web FREE
https://www.facebook.com/UI-Lab-1627898694146917/?fref=ts
https://www.facebook.com/UI-Lab-1627898694146917/?fref=ts
http://fancycrave.com/
facebook.com/uilab.school Recurso 77
Tookapic
Milhares de imagens para utilizar em seus projetos. Algumas imagens são 
free e outras premium.
Clique aqui e acesse o recurso
• • •
FERRAMENTAS - BANCO DE IMAGENS E VÍDEOS
Plataforma: Web FREE e VERSÃO PAGA
https://www.facebook.com/UI-Lab-1627898694146917/?fref=ts
https://www.facebook.com/UI-Lab-1627898694146917/?fref=ts
https://stock.tookapic.com/?filter=free
facebook.com/uilab.school Recurso 78
Foodies Feed
Um banco de imagens com foco em fotos de alimentos e diversos 
tipos de comidas.
Clique aqui e acesse o recurso
• • •
FERRAMENTAS - BANCO DE IMAGENS E VÍDEOS
Plataforma: Web FREE e VERSÃO PAGA
https://www.facebook.com/UI-Lab-1627898694146917/?fref=ts
https://www.facebook.com/UI-Lab-1627898694146917/?fref=ts
https://foodiesfeed.com/free-food-images/
Recurso facebook.com/uilab.school
Recursos
facebook.com/uilab.school Recurso	 79 
Pixeden
O Pixeden é um site que reúne centenas de recursos para UI Designers, 
como mockups, ícones e vetores.
Clique aqui e acesse o recurso
• • •
RECURSOS
Plataforma: Web FREE e VERSÃO PAGA
https://www.facebook.com/UI-Lab-1627898694146917/?fref=ts
https://www.facebook.com/UI-Lab-1627898694146917/?fref=ts
http://www.pixeden.com/free-graphics#
facebook.com/uilab.school Recurso 80
Sketch Repo
Esse é um site para encontrar mockups, kits e diversos 
recursos para quem trabalha com o Sketch.
Clique aqui e acesse o recurso
• • •
RECURSOS
Plataforma: Web FREE e VERSÃO PAGA
https://www.facebook.com/UI-Lab-1627898694146917/?fref=ts
https://www.facebook.com/UI-Lab-1627898694146917/?fref=ts
http://sketchrepo.com
facebook.com/uilab.school Recurso 81
Graphic Burguer
O Graphic Burger agrega vários kits de UI, mockups, fontes 
e outros recursos para otimizar o trabalho.
Clique aqui e acesse o recurso
• • •
RECURSOS
Plataforma: Web FREE e VERSÃO PAGA
https://www.facebook.com/UI-Lab-1627898694146917/?fref=ts
https://www.facebook.com/UI-Lab-1627898694146917/?fref=ts
http://graphicburger.com
facebook.com/uilab.school Recurso 82
Sketch App Resources
Esse é um dos melhores sites para encontrar mockups, kits e diversos 
recursos para quem trabalha com o Sketch.
Clique aqui e acesse o recurso
• • •
RECURSOS
Plataforma: Web FREE e VERSÃO PAGA
https://www.facebook.com/UI-Lab-1627898694146917/?fref=ts
https://www.facebook.com/UI-Lab-1627898694146917/?fref=ts
http://www.sketchappsources.com
facebook.com/uilab.school Recurso	 83
UISpace
Um	site	que	contém	vários	kits,	ícones,	flowcharts	e	outros	recursos	
para quem trabalha com UI Design.
Clique aqui e acesse o recurso
• • •
RECURSOS
Plataforma: Web FREE e VERSÃO PAGA
https://www.facebook.com/UI-Lab-1627898694146917/?fref=ts
https://www.facebook.com/UI-Lab-1627898694146917/?fref=ts
http://uispace.net
Recurso facebook.com/uilab.school
Checklists
facebook.com/uilab.school Recurso 84
Designers Checklist
Vários Checklists para designers se guiarem em um começo de projeto, 
enquanto projetam e também na hora de revisá-lo. 
Clique aqui e acesse o recurso
• • •
CHECKLISTS
Plataforma: Web FREE
https://www.facebook.com/UI-Lab-1627898694146917/?fref=ts
https://www.facebook.com/UI-Lab-1627898694146917/?fref=ts
http://adrien-heury.net/designers-checklists/
facebook.com/uilab.school Recurso 85
Website Usability Checklist
Um checklist com boas práticas de UX para você deixar todos 
os elementos da interface funcionando corretamente. 
Clique aqui e acesse o recurso
• • •
CHECKLISTS
Plataforma: Web FREE
https://www.facebook.com/UI-Lab-1627898694146917/?fref=ts
https://www.facebook.com/UI-Lab-1627898694146917/?fref=ts
https://keepwomen.com/static_pages/checklist_tool
facebook.com/uilab.school Recurso 86
Visual Designers Checklist 
Checklist para guiar você em coisas padrões que uma interface necessita 
para ser considerada uma boa interface.
Clique aqui e acesse o recurso
• • •
CHECKLISTS
Plataforma: Web FREE
https://www.facebook.com/UI-Lab-1627898694146917/?fref=ts
https://www.facebook.com/UI-Lab-1627898694146917/?fref=ts
http://webdesignerschecklist.com
Recurso facebook.com/uilab.school
Blogs
facebook.com/uilab.school Recurso 87
Invision Blog
O blog do Invision é recheado de conteúdos interessantes para quem 
trabalha com design digital. Os posts são feitos por pessoas convidadas e 
pela equipe.
Clique aqui e acesse o recurso
• • •
BLOGS
Plataforma: Web FREE
https://www.facebook.com/UI-Lab-1627898694146917/?fref=ts
https://www.facebook.com/UI-Lab-1627898694146917/?fref=ts
http://blog.invisionapp.com
facebook.com/uilab.school Recurso 88
Uideo
Um	compilado	de	309	talks	para	designers	de	47	conferências	sobre	UI/UX	
ao redor do mundo. Muito conteúdo relevante para você absorver.
Clique aqui e acesse o recurso
• • •
BLOGS
Plataforma: Web FREE
https://www.facebook.com/UI-Lab-1627898694146917/?fref=ts
https://www.facebook.com/UI-Lab-1627898694146917/?fref=ts
https://uideo.net
facebook.com/uilab.school Recurso	 89
Good UI
O Good UI reúne centenas de dicas valiosas sobre User Interface. 
São dicas rápidas e certeiras. Também conta com uma newsletter 
para acompanhar tudo em primeira mão.
Clique aqui e acesse o recurso
• • •
BLOGS
Plataforma: Web FREE
https://www.facebook.com/UI-Lab-1627898694146917/?fref=ts
https://www.facebook.com/UI-Lab-1627898694146917/?fref=ts
https://www.goodui.org/
facebook.com/uilab.school Recurso	 90
Web Design Ledger
Artigos e posts inspiracionais para aumentar seu repertório 
em Web Design.
Clique aqui e acesse o recurso
• • •
BLOGS
Plataforma: Web FREE
https://www.facebook.com/UI-Lab-1627898694146917/?fref=ts
https://www.facebook.com/UI-Lab-1627898694146917/?fref=ts
http://webdesignledger.com
facebook.com/uilab.school Recurso	 91
Arquitetura da InformaçãoO blog Arquitetura de Informação é um dos melhores canais 
de conteúdo focados em UX, UI e AI no Brasil.
Clique aqui e acesse o recurso
• • •
BLOGS
Plataforma: Web FREE
https://www.facebook.com/UI-Lab-1627898694146917/?fref=ts
https://www.facebook.com/UI-Lab-1627898694146917/?fref=ts
http://arquiteturadeinformacao.com/
facebook.com/uilab.school Recurso	 92
1910
1910	é	um	estúdio	de	design	digital	que	produz	alguns	conteúdos	
bem	interessantes	com	foco	em	alinhamentos,	tipografia	e	grids.
Clique aqui e acesse o recurso
• • •
BLOGS
Plataforma: Web FREE
https://www.facebook.com/UI-Lab-1627898694146917/?fref=ts
https://www.facebook.com/UI-Lab-1627898694146917/?fref=ts
http://blog.weare1910.com
facebook.com/uilab.school Recurso	 93
Designmodo
O Designmodo produz conteúdos interessantíssimos e valiosos sobre 
diversos aspectos voltados para o design digital. Além disso, 
tem um marketplace de kits e outros recursos.
Clique aqui e acesse o recurso
• • •
BLOGS
Plataforma: Web FREE
https://www.facebook.com/UI-Lab-1627898694146917/?fref=ts
https://www.facebook.com/UI-Lab-1627898694146917/?fref=ts
http://designmodo.com
facebook.com/uilab.school Recurso	 94
Signal vs Noise
Signal v. Noise é uma publicação do Basecamp com foco em vários 
assuntos voltados para a web. Muito interessante e enriquecedor.
Clique aqui e acesse o recurso
• • •
BLOGS
Plataforma: Web FREE
https://www.facebook.com/UI-Lab-1627898694146917/?fref=ts
https://www.facebook.com/UI-Lab-1627898694146917/?fref=ts
https://signalvnoise.com/posts
facebook.com/uilab.school Recurso	 95
Web Design Depot
O Web Designer Depot tem vários artigos interessantes e publicações 
com recursos úteis para UI Designers.
Clique aqui e acesse o recurso
• • •
BLOGS
Plataforma: Web FREE
https://www.facebook.com/UI-Lab-1627898694146917/?fref=ts
https://www.facebook.com/UI-Lab-1627898694146917/?fref=ts
http://www.webdesignerdepot.com
facebook.com/uilab.school Recurso	 96
UI Lab School
A	publicação	do	UI	Lab	no	Medium	não	poderia	ficar	de	fora!	
Estamos desenvolvendo vários artigos interessantes sobre UI Design 
e assuntos relacionados.
Clique aqui e acesse o recurso
• • •
BLOGS
Plataforma: Web FREE
https://www.facebook.com/UI-Lab-1627898694146917/?fref=ts
https://www.facebook.com/UI-Lab-1627898694146917/?fref=ts
https://medium.com/ui-lab-school
facebook.com/uilab.school Recurso	 97
UXPin
O Blog do UX Pin sempre tem vários artigos interessantes sobre UI e UX 
que geralmente trazem tópicos dos ótimos e-books que eles produzem.
Clique aqui e acesse o recurso
• • •
BLOGS
Plataforma: Web FREE
https://www.facebook.com/UI-Lab-1627898694146917/?fref=ts
https://www.facebook.com/UI-Lab-1627898694146917/?fref=ts
http://studio.uxpin.com
facebook.com/uilab.school Recurso	 98
Smashing Magazine
O blog Smashing Magazine é um dos melhores portais para aprender 
sobre UI, UX e Front-End. Conteúdos densos mas recheados 
de informações.
Clique aqui e acesse o recurso
• • •
BLOGS
Plataforma: Web FREE
https://www.facebook.com/UI-Lab-1627898694146917/?fref=ts
https://www.facebook.com/UI-Lab-1627898694146917/?fref=ts
http://www.smashingmagazine.com/
facebook.com/uilab.school Recurso	 99
Google Design
O Google também possui sua publicação no Medium e lá você encontra 
vários artigos escritos pelos funcionários da gigante.
Clique aqui e acesse o recurso
• • •
BLOGS
Plataforma: Web FREE
https://www.facebook.com/UI-Lab-1627898694146917/?fref=ts
https://www.facebook.com/UI-Lab-1627898694146917/?fref=ts
https://medium.com/google-design
facebook.com/uilab.school Recurso 100
HeyDesigner
Hey Designer é uma curadoria de artigos sobre UI, UX, prototipação 
e outras áreas do Design Digital.
Clique aqui e acesse o recurso
• • •
BLOGS
Plataforma: Web FREE
https://www.facebook.com/UI-Lab-1627898694146917/?fref=ts
https://www.facebook.com/UI-Lab-1627898694146917/?fref=ts
http://heydesigner.com
facebook.com/uilab.schoolfacebook.com/uilab.schooluilab.com.br
2016
https://www.facebook.com/UI-Lab-1627898694146917/?fref=ts
https://www.facebook.com/UI-Lab-1627898694146917/?fref=ts
http://www.uilab.com.br
	Cores
	Tipografia
	Ícones
	Inspiração
	Ferramentas
	Banco de imagens 
	e vídeos
	Recursos
	Checklists
	Blogs