Sie sind auf Seite 1von 115

100 Recursos para

UI Designers

facebook.com/uilab.school
uilab.com.br

Recurso

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 autorizao do editor.
Para pedidos de permisso, escreva para o editor,
no endereo contato@uilab.com.br com o assunto Permisso eBook.

Contents
Cores 6
Tipografia

23

cones

31

Inspirao

39

Ferramentas 52
Banco de imagens e vdeos

80

Recursos

90

Checklists

96

Blogs 100

Se formou em Design pela Faculdade SATC mas no 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 contedo.
Willian Matiola
Atualmente recebeu a alcunha de Senior Product Designer
e trabalha na homeyou, uma empresa sediada em Boston
(chique, n?). Tambm consultor, oficineiro e curioso viciado
em informao.

Se formou em Design pela Faculdade SATC e passou dois anos


muito loucos na liderana de um centro acadmico.
Gosta de pesquisar sobre e-learning, empreendedorismo
e outras coisas interessantes. Alm disso, tem o estranho
hbito de observar e tentar entender as pessoas.
Welliton Matiola
co-fundador do UI Lab e trabalha com User Interface Design
h 2 anos em meio. Atualmente UI Designer na INBEP.

Cores

facebook.com/uilab.school

Recurso

CORES

Adobe Color CC
No Adobe Color CC voc encontra vrias paletas de cores e conta com as
possibilidades de edio e criao de novas paletas. Voc pode utilizar
vrios sistemas de cores, como tridico, complementar e anlago
para compor seus prprios temas.

Plataforma: Web

Verso: Atualizado 07/04/15

FREE

Clique aqui e acesse o recurso

facebook.com/uilab.school

Recurso 01

CORES

Colour Lovers
O Colour Lovers agrega cores, paletas e patterns com filtros de
popularidade. Desta forma voc pode saber quais cores ou paletas so
as mais utilizadas pelos usurios. possvel submeter suas prprias
cores e paletas tambm.

Plataforma: Web

Verso: Atualizado 31/01/14

FREE

Clique aqui e acesse o recurso

facebook.com/uilab.school

Recurso 02

CORES

Coolors
O Coolors tem uma proposta parecida com o Adobe Color CC.
Nele possvel montar paletas ou exportar em diversos formatos
as que j esto no site.

Plataforma: Web

Verso: 2.2.1

FREE

Clique aqui e acesse o recurso

facebook.com/uilab.school

Recurso 03

CORES

Material Palette
Escolha duas cores do Material Design da Google e veja como elas se
comportam juntas em um componente. O site tambm fornece toda
a paleta de cores final da composio.

Plataforma: Web

FREE

Clique aqui e acesse o recurso

facebook.com/uilab.school

Recurso04

CORES

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 possvel ver a variao com a adio de branco ou de preto.

Plataforma: Web

FREE

Clique aqui e acesse o recurso

facebook.com/uilab.school

Recurso05

CORES

Colinkeany
Esse site permite que voc misture duas cores dentre diversos tipos
de paletas para formar gradientes incrveis.

Plataforma: Web

FREE

Clique aqui e acesse o recurso

facebook.com/uilab.school

Recurso 06

CORES

Color Hunt
O Color Hunt um site que rene vrias paletas de cores fantsticas e com
atualizaes dirias. Voc ainda capaz de sugerir paletas de cores
para serem includas no site.

Plataforma: Web

FREE

Clique aqui e acesse o recurso

facebook.com/uilab.school

Recurso07

CORES

Colour Code
O Colour Code mostra as cores de acordo com a posio do mouse na
tela. Quanto mais prximo do topo, mais escuras so as cores e quanto
mais afestado, mais clara elas ficam. Movendo o mouse horizontalmente
voc consegue escolher as diferentes matizes.

Plataforma: Web

FREE

Clique aqui e acesse o recurso

facebook.com/uilab.school

Recurso08

CORES

HTML Color Codes


O HTML Color Codes um site que rene diversas informaes e recursos
sobre cores para a web.

Plataforma: Web

FREE

Clique aqui e acesse o recurso

facebook.com/uilab.school

Recurso 09

CORES

Poke Palettes
f de Pokmon? Esse site rene diversos Pokmons e suas respectivas
cores. Voc pode digitar o nome deles ou dar refresh na pgina para ver
outros personagens.

Plataforma: Web

FREE

Clique aqui e acesse o recurso

facebook.com/uilab.school

Recurso 10

CORES

Brand Colors
Brand Colors rene a paleta de cores de grandes marcas mundiais.
possvel baixar todas as cores em diversos formatos diferentes.

Plataforma: Web

FREE

Clique aqui e acesse o recurso

facebook.com/uilab.school

Recurso11

CORES

UI Gradients
Diversos gradients belssimos para utilizar nos seus projetos.
Utilize as setas do teclado para navegar ou exiba todos os gradients
clicando na opo no canto inferior esquerdo.

Plataforma: Web

FREE

Clique aqui e acesse o recurso

facebook.com/uilab.school

Recurso12

CORES

Flat UI Colors
O site Flat UI Colors agrupa diversas cores flat de diferentes tonalidades
para serem utilizadas nos seus projetos.

Plataforma: Web

FREE

Clique aqui e acesse o recurso

facebook.com/uilab.school

Recurso 13

CORES

Hex Color Tool


O site Hex Color Tool permite que voc criei variaes para o branco
ou preto de uma cor. possvel determinar a porcentagem de claro
e escuro para as cores tambm.

Plataforma: Web

FREE

Clique aqui e acesse o recurso

facebook.com/uilab.school

Recurso14

CORES

0to255
0to255 uma ferramenta que possibilita ver a variao de uma cor
do branco ao preto.

Plataforma: Web

FREE

Clique aqui e acesse o recurso

facebook.com/uilab.school

Recurso15

CORES

Contrast Ratio
Constrat Ratio demonstra o quo legvel est a combinao de cores entre
fundo e o texto. Ele testa em vrios tamanhos e pesos de font.

Plataforma: Web

FREE

Clique aqui e acesse o recurso

facebook.com/uilab.school

Recurso16

Tipografia

facebook.com/uilab.school

Recurso

TIPOGRAFIA

Type Genius
O Type Genius sugere combinaes de fontes a partir da sua fonte
principal. Ele tambm mostra ela aplicada em um exemplo pra voc
ter noo do resultado final.

Plataforma: Web

FREE

Clique aqui e acesse o recurso

facebook.com/uilab.school

Recurso17

TIPOGRAFIA

Google Fonts
Se voc tem dvida de que fonte utilizar nos seus sites, opte por uma
Google Web Font. No tem erro! O Google tem uma biblioteca enorme
de fontes preparadas para projetos web.

Plataforma: Web

FREE

Clique aqui e acesse o recurso

facebook.com/uilab.school

Recurso18

TIPOGRAFIA

Prototypo
Gosta de personalizar fontes? Ento experimente o Prototypo. Ele permite
editar vrias caractersticas das fontes at ela ficar do jeito que voc quer.

Plataforma: Web

FREE e VERSO PAGA

Clique aqui e acesse o recurso

facebook.com/uilab.school

Recurso 19

TIPOGRAFIA

Transfonter
O Transfonter permite gerar arquivos @font-face de qualquer fonte .TTF
ou. OTF para a utilizao em sites.

Plataforma: Web

FREE

Clique aqui e acesse o recurso

facebook.com/uilab.school

Recurso20

TIPOGRAFIA

Fontastic
O Fontastic uma ferramenta capaz de criar sua prpria fonte de cones.
Basta selecionar dentre os mais de 9.000 cones do site e gerar sua fonte.

Plataforma: Web

FREE

Clique aqui e acesse o recurso

facebook.com/uilab.school

Recurso21

TIPOGRAFIA

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 espaamento da entrelinha. Perfeito pra quem gosta de trabalhar
com propores.

Plataforma: Web

FREE

Clique aqui e acesse o recurso

facebook.com/uilab.school

Recurso22

TIPOGRAFIA

Typescale
Veja com o Typescale como sua fonte ficaria em diversos tamanhos
e combinaes de estilo.

Plataforma: Web

FREE

Clique aqui e acesse o recurso

facebook.com/uilab.school

Recurso 23

cones

facebook.com/uilab.school

Recurso

CONES

The Noun Project


Um dos melhores sites para baixar pictogramas de diversos estilos
e categorias. Voc pode baixar tanto em .SVG quanto em .PNG.

Plataforma: Web e Mac app

FREE e VERSO PAGA

Clique aqui e acesse o recurso

facebook.com/uilab.school

Recurso24

CONES

SVG Porn
Um site que rene diversos logotipos e smbolos de marcas famosas.
Todos eles esto em .SVG, permitindo o uso em diferentes tamanhos
sem a perda de qualidade.

Plataforma: Web

FREE

Clique aqui e acesse o recurso

facebook.com/uilab.school

Recurso25

CONES

Icomoon App
O Icomoon um site que possibilita a criao de fontes de cones.
extremamente til para quem deseja padronizar a iconografia
de algum projeto.

Plataforma: Web

FREE

Clique aqui e acesse o recurso

facebook.com/uilab.school

Recurso26

CONES

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.

Verso: 4.4.0

FREE

Clique aqui e acesse o recurso

facebook.com/uilab.school

Recurso27

CONES

Iconjar
Iconjar um app que permite a organizao, a busca e o uso
de seus cones.

Verso: beta 0.7

Plataforma: Mac

FREE

Clique aqui e acesse o recurso

facebook.com/uilab.school

Recurso28

CONES

Simples Icon
O site Simple Icons rene inmeros cones de marcas e servios famosos.
Ele tambm fornece a cor principal e seu hexadecimal.

Plataforma: Web

FREE

Clique aqui e acesse o recurso

facebook.com/uilab.school

Recurso 29

CONES

Icons8
O site Icons8 oferece uma variedade enorme de pictogramas que podem
ter suas cores e estilos editados.

Plataforma: Web e Mac app

FREE e VERSO PAGA

Clique aqui e acesse o recurso

facebook.com/uilab.school

Recurso 30

Inspirao

facebook.com/uilab.school

Recurso

INSPIRAO

Dribbble
O Dribbble rene trabalhos de grandes profissionais de diversas reas.
necessrio receber um convite para contribuir com as inspiraes,
portanto, o nvel de trabalhos altssimo.

FREE e VERSO PAGA

Clique aqui e acesse o recurso

facebook.com/uilab.school

Recurso 31

INSPIRAO

Behance
O Behance um servio que permite a criao do seu prprio portfolio.
tambm uma rica fonte de inspirao para diversos ramos do design,
arte e arquitetura.

FREE

Clique aqui e acesse o recurso

facebook.com/uilab.school

Recurso 32

INSPIRAO

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.

FREE

Clique aqui e acesse o recurso

facebook.com/uilab.school

Recurso 33

INSPIRAO

One Page Love


One Page Love uma vitrine com sites de apenas uma pgina, recursos
e templates. Vale a pena visitar, exemplos excelentes de como explorar
sites com muita rolagem.

FREE

Clique aqui e acesse o recurso

facebook.com/uilab.school

Recurso 34

INSPIRAO

Css Awards
CSS Awards entra tambm na categoria de curadorias de melhores sites
da web. tima referncia para efeitos e estilos de CSS.

FREE

Clique aqui e acesse o recurso

facebook.com/uilab.school

Recurso 35

INSPIRAO

Css Design Awards


CSS Design Awards outro site que faz uma curadoria dos melhores
projetos web.

FREE

Clique aqui e acesse o recurso

facebook.com/uilab.school

Recurso 36

INSPIRAO

Call to Idea
Call to Idea rene diversas inspiraes separadas por categoria.
til para agilizar uma busca de inspirao.

FREE

Clique aqui e acesse o recurso

facebook.com/uilab.school

Recurso 37

INSPIRAO

Really Good Emails


Really Good Emails um dos poucos sites de repositrio de emails.
Vrias ideias legais para inspirar voc.

FREE

Clique aqui e acesse o recurso

facebook.com/uilab.school

Recurso 38

INSPIRAO

100 Days UI
O nome j diz tudo! 100 dias, 100 elementos de UI para inspirar voc.

FREE

Clique aqui e acesse o recurso

facebook.com/uilab.school

Recurso 39

INSPIRAO

Pttrns
Pttrns um timo lugar para voc estudar padres de UI Design utilizados
em vrios projetos de grandes servios e empresas.

FREE

Clique aqui e acesse o recurso

facebook.com/uilab.school

Recurso40

INSPIRAO

Pattern Tap
O Pattern Tap um timo site para descobrir padres de UI Design
para seus projetos.

FREE

Clique aqui e acesse o recurso

facebook.com/uilab.school

Recurso41

INSPIRAO

Site Inspire
O Site Inspire rene vrios bons exemplos de projetos de UI Design para
inspirao.

FREE

Clique aqui e acesse o recurso

facebook.com/uilab.school

Recurso42

Ferramentas

facebook.com/uilab.school

Recurso

FERRAMENTAS - DESIGN

Pixel Map
Pixel Map uma ferramenta que possibilita a criao de mapas
personalizadas para inserir em seus projetos. Voc pode editar as cores,
formatos e inserir elementos.

Verso: beta

Plataforma: Web

FREE

Clique aqui e acesse o recurso

facebook.com/uilab.school

Recurso 43

FERRAMENTAS - DESIGN

Mapbox
Mapbox um servio que disponibiliza vrias opes para voc trabalhar
com mapas.

Plataforma: Web

FREE

Clique aqui e acesse o recurso

facebook.com/uilab.school

Recurso44

FERRAMENTAS - DESIGN

Device Metrics
Essa pgina do Google Design compila diversos devices e seus tamanhos,
dimenses e densidades. Se estiver com dvidas sobre quais tamanhos
projetar seus designs, esse o site ideal.

Plataforma: Web

FREE

Clique aqui e acesse o recurso

facebook.com/uilab.school

Recurso45

FERRAMENTAS - DESIGN

Sketch App
O Sketch App uma das melhores ferramentas para quem trabalha com
UI Design. Ele simples, tem timos recursos e vrios plugins para
otimizar seu trabalho.

Plataforma: Mac

TRAIL e VERSO PAGA

Clique aqui e acesse o recurso

facebook.com/uilab.school

Recurso46

FERRAMENTAS - DESIGN

UI Tiles
Sistema para a construo rpida de fluxogramas visuais e mapas
de site para projetos web.

Plataforma: Web e Impresso

FREE

Clique aqui e acesse o recurso

facebook.com/uilab.school

Recurso47

FERRAMENTAS - DESIGN

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.

Plataforma: Mac e Windows

TRAIL e VERSO PAGA

Clique aqui e acesse o recurso

facebook.com/uilab.school

Recurso48

FERRAMENTAS - PROTOTIPAO

Invision App
O Invision App um dos melhores servios de prototipao. Ele permite
prototipar nos formatos Desktop, Tablet e Smartphone. Alm disso, possui
um recurso chamado Boards que muito til para montar style guides.

Plataforma: Web

FREE e VERSO PAGA

Clique aqui e acesse o recurso

facebook.com/uilab.school

Recurso 49

FERRAMENTAS - PROTOTIPAO

Marvel App
O Marvel App um bom servio de prototipao tambm. Conta com
recursos semelhantes ao Invision e tem integrao com o Sketch.

Plataforma: Web e App

FREE e VERSO PAGA

Clique aqui e acesse o recurso

facebook.com/uilab.school

Recurso50

FERRAMENTAS - PROTOTIPAO

Pixate
Pixate um servio comprado pela Google recentemente.
bom para prototipar e criar interaes para seus projetos.

Plataforma: Desktop

FREE

Clique aqui e acesse o recurso

facebook.com/uilab.school

Recurso51

FERRAMENTAS - PROTOTIPAO

Principle
Principle uma ferramenta exclusiva para a plataforma Mac que permite
a criao de interaes em seus designs. simples de utilizar
e h a possibilidade de exportar para .GIF.

Plataforma: Mac

FREE e VERSO PAGA

Clique aqui e acesse o recurso

facebook.com/uilab.school

Recurso52

FERRAMENTAS - GERENCIAMENTO DE PROJETO

Trello
O Trello um servio de gerenciamento de projetos simples e eficiente.
Utilizamos ele no UI Lab para todo tipo de planejamento e funciona muito
bem para equipes.

Plataforma: Web

FREE e VERSO PAGA

Clique aqui e acesse o recurso

facebook.com/uilab.school

Recurso 53

FERRAMENTAS - GERENCIAMENTO DE PROJETO

Asana
Asana tambm um gerenciador de tarefas que ajuda na organizao
dos projetos. Teve seu design refeito recentemente e sua experincia
foi totalmente otimizada.

Plataforma: Web

FREE

Clique aqui e acesse o recurso

facebook.com/uilab.school

Recurso54

FERRAMENTAS - GERENCIAMENTO DE PROJETO

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.

Plataforma: Web

FREE e VERSO PAGA

Clique aqui e acesse o recurso

facebook.com/uilab.school

Recurso55

FERRAMENTAS - GERENCIAMENTO DE PROJETO

Podio
O Podio outro gerenciador de tarefas simples mais que traz recursos
interessantes para o controle dos seus projetos.

Plataforma: Web

VERSO PAGA

Clique aqui e acesse o recurso

facebook.com/uilab.school

Recurso56

FERRAMENTAS - FINANCEIRO

Organizze
O Organizze um excelente gerenciador financeiro. Conta com recurso
de metas e diversos tipos de relatrios. simples de utilizar
e tem uma verso free que supre suas necessidades.

Plataforma: Web e App

FREE e VERSO PAGA

Clique aqui e acesse o recurso

facebook.com/uilab.school

Recurso57

FERRAMENTAS - FINANCEIRO

Guia Bolso
O Guia Bolso um gerenciador financeiro interessante. Tem recursos de
metas, categorizao automtica e integrao com os bancos.
Mas seu design no to atraente.

Plataforma: Web e App

FREE

Clique aqui e acesse o recurso

facebook.com/uilab.school

Recurso58

FERRAMENTAS - PRODUTIVIDADE E ORGANIZAO

Frontify
O Frontify perfeito para montar o guia de estilo dos seus projetos.
Ele tambm permite criar e compartilhar prottipos.

Plataforma: Web

FREE

Clique aqui e acesse o recurso

facebook.com/uilab.school

Recurso 59

FERRAMENTAS - PRODUTIVIDADE E ORGANIZAO

Slack
O Slack um excelente recurso para tornar a comunicao com seu time
mais fcil. Possui integraes com dezenas de outros apps para deixar
tudo num s lugar.

Plataforma: Web e Desktop

FREE e VERSO PAGA

Clique aqui e acesse o recurso

facebook.com/uilab.school

Recurso60

FERRAMENTAS - PRODUTIVIDADE E ORGANIZAO

Evernote
O Evernote a melhor aplicao para tomar notas. Voc pode salvar fotos
e anexar outros tipos de arquivos, separando por cadernos.

Plataforma: Web e Desktop

FREE e VERSO PAGA

Clique aqui e acesse o recurso

facebook.com/uilab.school

Recurso61

FERRAMENTAS - PRODUTIVIDADE E ORGANIZAO

Feedly
O Feedly um agregador de notcias muito eficiente. Com ele voc pode
receber todas as atualizaes dos sites que voc costuma acompanhar,
em um nico lugar.

Plataforma: Web

FREE

Clique aqui e acesse o recurso

facebook.com/uilab.school

Recurso62

FERRAMENTAS - PRODUTIVIDADE E ORGANIZAO

Pocket
Com o Pocket voc pode salvar os melhores artigos e clssifica-los com
tags para ler depois.

Plataforma: Web e Desktop

FREE

Clique aqui e acesse o recurso

facebook.com/uilab.school

Recurso 63

FERRAMENTAS - PRODUTIVIDADE E ORGANIZAO

Todoist
Todoist um app para gerenciar tarefas simples e prtico. Possui verses
para desktop, mobile e web. A verso paga conta com vrios
recursos interessantes.

Plataforma: Web, Desktop e App

FREE e VERSO PAGA

Clique aqui e acesse o recurso

facebook.com/uilab.school

Recurso64

FERRAMENTAS - PRODUTIVIDADE E ORGANIZAO

Huge Style Guide


A agncia Huge desenvolveu um modelo de style guide que voc pode
baixar e editar com os elementos do seu projeto. necessrio saber
um pouco de html e css.

Plataforma: Web

FREE

Clique aqui e acesse o recurso

facebook.com/uilab.school

Recurso65

FERRAMENTAS - PRODUTIVIDADE E ORGANIZAO

Freelancer Doc Box


O Freelancer Doc Box contm 7 documentos essenciais para qualquer
freelancer. Voc encontrar um modelo de contrato, planilha de clculo
de valor x hora, planilha de fluxo de caixa e outros recursos MUITO teis.

Plataforma: Web

VERSO PAGA

Clique aqui e acesse o recurso

facebook.com/uilab.school

Recurso66

FERRAMENTAS - COMPARTILHAMENTO

Avocode
Avocode um app que facilita a entrega dos seus projetos em Photoshop
ou Sketch para o desenvolvedor que no possui essas ferramentas.

Plataforma: Mac

VERSO PAGA

Clique aqui e acesse o recurso

facebook.com/uilab.school

Recurso67

FERRAMENTAS - COMPARTILHAMENTO

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, dimenses,
cores e tipografias.

Plataforma: Mac

FREE e VERSO PAGA

Clique aqui e acesse o recurso

facebook.com/uilab.school

Recurso68

FERRAMENTAS - COMPARTILHAMENTO

Dropbox
O Dropbox excelente para manter seus arquivos na nuvem e nunca mais
perd-los. Voc tambm pode compartilhar suas pastas com parceiros
de projeto ou seus amigos.

Plataforma: Web, Desktop e App

FREE e VERSO PAGA

Clique aqui e acesse o recurso

facebook.com/uilab.school

Recurso 69

Banco de imagens
e vdeos

facebook.com/uilab.school

Recurso

BANCO DE IMAGENS E VDEOS

Coverr
Belssimos vdeos para voc utilizar no background dos seus projetos.
Todos eles so frees.

Plataforma: Web

FREE

Clique aqui e acesse o recurso

facebook.com/uilab.school

Recurso70

BANCO DE IMAGENS E VDEOS

Unsplash
Um dos sites mais populares para encontrar belssimas imagens.
Todas elas em alta definio e livres para utilizar.

Plataforma: Web

FREE

Clique aqui e acesse o recurso

facebook.com/uilab.school

Recurso71

FERRAMENTAS - BANCO DE IMAGENS E VDEOS

Startup Stock Photos


Esse site rene imagens que mostram o dia a dia de uma startup.
Pode ser til para representar algumas sees dos seus projetos.

Plataforma: Web

FREE

Clique aqui e acesse o recurso

facebook.com/uilab.school

Recurso72

FERRAMENTAS - BANCO DE IMAGENS E VDEOS

MMT
MMT outro site que rene diversas imagens interessantes com atribuio
comercial livre para uso.

Plataforma: Web

FREE

Clique aqui e acesse o recurso

facebook.com/uilab.school

Recurso 73

FERRAMENTAS - BANCO DE IMAGENS E VDEOS

Little Visuals
Concentra vrias imagens em alta qualidade de paisagens
e outros tipos de cenrios.

Plataforma: Web

FREE

Clique aqui e acesse o recurso

facebook.com/uilab.school

Recurso74

FERRAMENTAS - BANCO DE IMAGENS E VDEOS

Boss Fight
Muitas imagens fantsticas e de alta qualidade separadas em categorias
para serem utilizadas livremente nos seus projetos.

Plataforma: Web

FREE

Clique aqui e acesse o recurso

facebook.com/uilab.school

Recurso75

FERRAMENTAS - BANCO DE IMAGENS E VDEOS

FancyCrave
O site FancyCrave tambm rene vrias imagens muito belas e livres
para uso. atualizado diariamente.

Plataforma: Web

FREE

Clique aqui e acesse o recurso

facebook.com/uilab.school

Recurso76

FERRAMENTAS - BANCO DE IMAGENS E VDEOS

Tookapic
Milhares de imagens para utilizar em seus projetos. Algumas imagens so
free e outras premium.

Plataforma: Web

FREE e VERSO PAGA

Clique aqui e acesse o recurso

facebook.com/uilab.school

Recurso77

FERRAMENTAS - BANCO DE IMAGENS E VDEOS

Foodies Feed
Um banco de imagens com foco em fotos de alimentos e diversos
tipos de comidas.

Plataforma: Web

FREE e VERSO PAGA

Clique aqui e acesse o recurso

facebook.com/uilab.school

Recurso78

Recursos

facebook.com/uilab.school

Recurso

RECURSOS

Pixeden
O Pixeden um site que rene centenas de recursos para UI Designers,
como mockups, cones e vetores.

Plataforma: Web

FREE e VERSO PAGA

Clique aqui e acesse o recurso

facebook.com/uilab.school

Recurso 79

RECURSOS

Sketch Repo
Esse um site para encontrar mockups, kits e diversos
recursos para quem trabalha com o Sketch.

Plataforma: Web

FREE e VERSO PAGA

Clique aqui e acesse o recurso

facebook.com/uilab.school

Recurso80

RECURSOS

Graphic Burguer
O Graphic Burger agrega vrios kits de UI, mockups, fontes
e outros recursos para otimizar o trabalho.

Plataforma: Web

FREE e VERSO PAGA

Clique aqui e acesse o recurso

facebook.com/uilab.school

Recurso81

RECURSOS

Sketch App Resources


Esse um dos melhores sites para encontrar mockups, kits e diversos
recursos para quem trabalha com o Sketch.

Plataforma: Web

FREE e VERSO PAGA

Clique aqui e acesse o recurso

facebook.com/uilab.school

Recurso82

RECURSOS

UISpace
Um site que contm vrios kits, cones, flowcharts e outros recursos
para quem trabalha com UI Design.

Plataforma: Web

FREE e VERSO PAGA

Clique aqui e acesse o recurso

facebook.com/uilab.school

Recurso 83

Checklists

facebook.com/uilab.school

Recurso

CHECKLISTS

Designers Checklist
Vrios Checklists para designers se guiarem em um comeo de projeto,
enquanto projetam e tambm na hora de revis-lo.

Plataforma: Web

FREE

Clique aqui e acesse o recurso

facebook.com/uilab.school

Recurso84

CHECKLISTS

Website Usability Checklist


Um checklist com boas prticas de UX para voc deixar todos
os elementos da interface funcionando corretamente.

Plataforma: Web

FREE

Clique aqui e acesse o recurso

facebook.com/uilab.school

Recurso85

CHECKLISTS

Visual Designers Checklist


Checklist para guiar voc em coisas padres que uma interface necessita
para ser considerada uma boa interface.

Plataforma: Web

FREE

Clique aqui e acesse o recurso

facebook.com/uilab.school

Recurso86

Blogs

facebook.com/uilab.school

Recurso

BLOGS

Invision Blog
O blog do Invision recheado de contedos interessantes para quem
trabalha com design digital. Os posts so feitos por pessoas convidadas e
pela equipe.

Plataforma: Web

FREE

Clique aqui e acesse o recurso

facebook.com/uilab.school

Recurso87

BLOGS

Uideo
Um compilado de 309 talks para designers de 47 conferncias sobre UI/UX
ao redor do mundo. Muito contedo relevante para voc absorver.

Plataforma: Web

FREE

Clique aqui e acesse o recurso

facebook.com/uilab.school

Recurso88

BLOGS

Good UI
O Good UI rene centenas de dicas valiosas sobre User Interface.
So dicas rpidas e certeiras. Tambm conta com uma newsletter
para acompanhar tudo em primeira mo.

Plataforma: Web

FREE

Clique aqui e acesse o recurso

facebook.com/uilab.school

Recurso 89

BLOGS

Web Design Ledger


Artigos e posts inspiracionais para aumentar seu repertrio
em Web Design.

Plataforma: Web

FREE

Clique aqui e acesse o recurso

facebook.com/uilab.school

Recurso 90

BLOGS

Arquitetura da Informao
O blog Arquitetura de Informao um dos melhores canais
de contedo focados em UX, UI e AI no Brasil.

Plataforma: Web

FREE

Clique aqui e acesse o recurso

facebook.com/uilab.school

Recurso 91

BLOGS

1910
1910 um estdio de design digital que produz alguns contedos
bem interessantes com foco em alinhamentos, tipografia e grids.

Plataforma: Web

FREE

Clique aqui e acesse o recurso

facebook.com/uilab.school

Recurso 92

BLOGS

Designmodo
O Designmodo produz contedos interessantssimos e valiosos sobre
diversos aspectos voltados para o design digital. Alm disso,
tem um marketplace de kits e outros recursos.

Plataforma: Web

FREE

Clique aqui e acesse o recurso

facebook.com/uilab.school

Recurso 93

BLOGS

Signal vs Noise
Signal v. Noise uma publicao do Basecamp com foco em vrios
assuntos voltados para a web. Muito interessante e enriquecedor.

Plataforma: Web

FREE

Clique aqui e acesse o recurso

facebook.com/uilab.school

Recurso 94

BLOGS

Web Design Depot


O Web Designer Depot tem vrios artigos interessantes e publicaes
com recursos teis para UI Designers.

Plataforma: Web

FREE

Clique aqui e acesse o recurso

facebook.com/uilab.school

Recurso 95

BLOGS

UI Lab School
A publicao do UI Lab no Medium no poderia ficar de fora!
Estamos desenvolvendo vrios artigos interessantes sobre UI Design
e assuntos relacionados.

Plataforma: Web

FREE

Clique aqui e acesse o recurso

facebook.com/uilab.school

Recurso 96

BLOGS

UXPin
O Blog do UX Pin sempre tem vrios artigos interessantes sobre UI e UX
que geralmente trazem tpicos dos timos e-books que eles produzem.

Plataforma: Web

FREE

Clique aqui e acesse o recurso

facebook.com/uilab.school

Recurso 97

BLOGS

Smashing Magazine
O blog Smashing Magazine um dos melhores portais para aprender
sobre UI, UX e Front-End. Contedos densos mas recheados
de informaes.

Plataforma: Web

FREE

Clique aqui e acesse o recurso

facebook.com/uilab.school

Recurso 98

BLOGS

Google Design
O Google tambm possui sua publicao no Medium e l voc encontra
vrios artigos escritos pelos funcionrios da gigante.

Plataforma: Web

FREE

Clique aqui e acesse o recurso

facebook.com/uilab.school

Recurso 99

BLOGS

HeyDesigner
Hey Designer uma curadoria de artigos sobre UI, UX, prototipao
e outras reas do Design Digital.

Plataforma: Web

FREE

Clique aqui e acesse o recurso

facebook.com/uilab.school

Recurso100

2016

facebook.com/uilab.school
uilab.com.br