background preloader

UI/UX

Facebook Twitter

Mobile UI design (PDF Book) Ux-design-for-startups-marcin-treder. Multi-screen-moblie-whitepaper_research-studies.pdf. Flat Icons. Flat Icons Com a tendência do Flat Design, em que dá-se foco às interfaces planas, com cores sólidas e grande valorização na tipografia, podemos perceber que […] Com a tendência do Flat Design, em que dá-se foco às interfaces planas, com cores sólidas e grande valorização na tipografia, podemos perceber que a maneira como os ícones são feitos também seguiu o estilo.

Flat Icons

É claro que não podemos tornar isso uma generalização, até porque há muitos ícones que não seguem essa tendência e são muito bem sucedidos ao propósito a qual foram destinados. Mas não podemos fechar os olhos para a quantidade enorme de ícones com cores planas e sombras sólidas. Esse post traz alguns exemplos interessantes de Flat Icons, que são elegantes e bem resolvidos.

Leonardo Zem Pierre Borodin Sanja Veljanoska Insira seu nome e e-mail aqui para receber as atualizações e dicas exclusivas do blog! Freebie: 8 Hand Gestures Sets for Your UI/UX Demos. For UI and app designers, a big part of our job is to find a way to present our ideas as clearly as possible to the client.

Freebie: 8 Hand Gestures Sets for Your UI/UX Demos

Part of this is mocking up our designs the best way we can. With touch devices so common these days, and with the recent iPhone 6 release, we’ll need an arsenal of hand gestures to get our message across. Today, we’ve prepared an awesome collection of 8 hand gestures sets from around the top designers for you to implement into your next demo. The sets include the usual interactions such as Tap, Double Tap, Drag, Slide, Hold/Press, Swipe, Rotate, Press/Drag, Pinch, Spread, etc. 10 Common UI/UX Mistakes and How to Avoid them. It takes a lot of creativity to make a good looking website.

10 Common UI/UX Mistakes and How to Avoid them

However, it takes additional knowledge to turn that website, into a user-centric and friendly interface. Online Diagram Software and Flowchart Software - Gliffy. Fluid UI - fast and friendly mobile prototyping. Browse Fonts. 7 Rules for Creating Gorgeous UI (Part 2) Rule 5: Make text pop— and un-pop Styling text to look beautiful and appropriate is often a matter of styling it in contrasting ways— for instance, larger but lighter.

7 Rules for Creating Gorgeous UI (Part 2)

In my opinion, one of the hardest parts of creating a beautiful UI is styling text— and it’s certainly not for unfamiliarity with the options. If you’ve made it through grade school, you’ve probably used every method of calling attention to or away from text that we see: Size (bigger or smaller)Color (greater contrast or lesser; bright colors draw the eye)Font weight (bolder or thinner)Capitalization (lowercase, UPPERCASE, and Title Case)ItalicizationLetter spacing (or— fancy term alert— tracking!)

Margins (technically not a property of the text itself, but can be used to draw attention, so it makes the list) There are a few other options that are possible for drawing your attention, but not particularly used or recommended: Underline. 7 Rules for Creating Gorgeous UI (Part 1) Introduction OK, first things first.

7 Rules for Creating Gorgeous UI (Part 1)

Essa ótima série de GIFs explica conceitos do design responsivo. Speed Design with Illustrator. 14 tips to create interfaces in minutes. Ônibus, Trem e Metrô : Moovit - Apps para Android no Google Play. Moovit é tudo o que você precisa para usar o transporte público de forma inteligente.

Ônibus, Trem e Metrô : Moovit - Apps para Android no Google Play

Escolha sempre as melhores rotas, baseado em informações coletadas em tempo real. Confira horários, tempos de chegada e receba alertas sobre os serviços de ônibus, trem, metrô e barcas. ** "Moovit é uma esperança para quem depende do transporte público. ", Techtudo Moovit é grátis e usa a força dos próprios usuários para manter o sistema sempre atualizado e relevante para todos. Cidades atendidas no Brasil: São Paulo, Rio de Janeiro, Belo Horizonte, Porto Alegre, Curitiba, Fortaleza, João Pessoa, Campinas, Bauru e Itajaí (e mais de 90 cidades ao redor do mundo) . • Planeje sua viagem - Escolha a melhor rota entre os diferentes tipos de transportes públicos (ônibus, trem, metrô) com base no GPS dos veículos e nos relatos de outros usuários.

Design de Aplicativos para Android – Parte 2. No primeiro artigo desta série, conversamos um pouco sobre a anatomia de um App Android e no que ele difere de outros sistemas operacionais.

Design de Aplicativos para Android – Parte 2

Hoje vamos nos aprofundar nos aspectos mais técnicos do design de aplicativos. Busque seu café e boa leitura! O que é um pixel? Um pixel é o menor ponto físico em um dispositivo. É uma combinação espertinha de duas palavras pix (como em “picture”) e el (como em “element”). Sobre pixels e relatividade O pixel parece uma unidade fixa quando você escreve códigos CSS, mas na realidade o tamanho físico do pixel varia de acordo com o dispositivo. Design de Aplicativos para Android - Parte 1. Uma questão de motivação Recentemente participei de uma maratona de desenvolvimento chamada Google Developer Bus onde encarei o seguinte desafio: criar o layout para um aplicativo Android em apenas 3 dias.

Design de Aplicativos para Android - Parte 1

Já trabalho há alguns anos com design para a web e, quem acompanha meus textos sabe, sou uma grande evangelista do design responsivo. Mas esta experiência anterior não foi o suficiente para me preparar para a tarefa. Criar aplicativos nativos é algo completamente diferente! Envolve um pouco de matemática, muita paciência e conhecimento do sistema. A ausência de material didático também representa um empecilho. Nesta primeira etapa vamos conhecer de perto a estrutura e navegação do Android e as principais diferenças entre outros sistema operacionais móveis.