Windows 10 technical preview - design and news

126
Windows 10 Technical Preview Novidades e design

description

Windows 10 technical preview - design and news

Transcript of Windows 10 technical preview - design and news

Page 1: Windows 10 technical preview - design and news

Windows 10 Technical Preview

Novidades e design

Page 2: Windows 10 technical preview - design and news

Ricardo GuerraGerente de ProjetosProfessor universitárioMTAC-Microsoft Technical Audience Contribuitor

www.about.me/[email protected]

Page 3: Windows 10 technical preview - design and news

Ricardo GuerraTambém já atuou/atua como…

Desde 1994 no Mercado de TIProgramador, Analista, Professor e GerenteMicrosoft Student Partner LeadMicrosoft Student Partner MentorMicrosoft MVP – Visual BasicUser group lead – Code4AllCoordenador da INETA Colaborador do Microsoft Channel 8Microsoft Certified Professional Microsoft Windows Vista Official SpeakerMicrosoft Windows 7 Official Beta TesterPalestrante Oficial Microsoft

Page 4: Windows 10 technical preview - design and news

Um novo momento para Microsoft

Page 5: Windows 10 technical preview - design and news

Windows Media CenterMicrosoft ZuneIniciativa do Windows Phone 7Windows 8Ajuste da mira com Windows 8.1Xbox OneWindows Phone 8.1Windows 10

Page 6: Windows 10 technical preview - design and news
Page 7: Windows 10 technical preview - design and news

Metro, a mudança pelo projeto de mobilidade.

Page 8: Windows 10 technical preview - design and news
Page 9: Windows 10 technical preview - design and news
Page 10: Windows 10 technical preview - design and news
Page 11: Windows 10 technical preview - design and news
Page 12: Windows 10 technical preview - design and news
Page 13: Windows 10 technical preview - design and news

Modern UIUm inspiração

Page 14: Windows 10 technical preview - design and news
Page 15: Windows 10 technical preview - design and news
Page 16: Windows 10 technical preview - design and news
Page 17: Windows 10 technical preview - design and news
Page 18: Windows 10 technical preview - design and news
Page 19: Windows 10 technical preview - design and news

Modern UIInterfaces modernas,

para conteúdo digital pessoal, relevante e conectado.

Page 20: Windows 10 technical preview - design and news
Page 21: Windows 10 technical preview - design and news
Page 22: Windows 10 technical preview - design and news
Page 23: Windows 10 technical preview - design and news
Page 24: Windows 10 technical preview - design and news

P 4Princípios

PersonalidadePadrões

Plataforma

Page 25: Windows 10 technical preview - design and news

Uma UX para Windows...

Page 26: Windows 10 technical preview - design and news

Uma UX para Windows...... em um conjunto de princípios de design.

Page 27: Windows 10 technical preview - design and news

Uma UX para Windows...... em um conjunto de princípios de design. permitindo que a verdadeira personalidade,

Page 28: Windows 10 technical preview - design and news

Uma UX para Windows...... em um conjunto de princípios de design. permitindo que a verdadeira personalidade,

articulada em torno de padrões eficazes,

Page 29: Windows 10 technical preview - design and news

Uma UX para Windows...... em um conjunto de princípios de design. permitindo que a verdadeira personalidade,articulada em torno de padrões eficazes, construído sobre uma plataforma comum.

Page 30: Windows 10 technical preview - design and news

Uma UX para Windows...... em um conjunto de princípios de design. permitindo que a verdadeira personalidade,articulada em torno de padrões eficazes, construído sobre uma plataforma comum.

Page 31: Windows 10 technical preview - design and news

princípiosP

Page 32: Windows 10 technical preview - design and news

Um conjunto de princípios de design

Page 33: Windows 10 technical preview - design and news

Fazer mais com menos

Page 34: Windows 10 technical preview - design and news

Famosa frase de Dieter Rams, designer-chefe da Braun, um estudante da escola Bauhaus.

Page 35: Windows 10 technical preview - design and news

Defina uma estratégia eficaz.

Apague tudo o que não é absolutamente essencial.

Exclua toda a poluição.

Page 36: Windows 10 technical preview - design and news
Page 37: Windows 10 technical preview - design and news
Page 38: Windows 10 technical preview - design and news
Page 39: Windows 10 technical preview - design and news

Seja genuinamente digital.

Page 40: Windows 10 technical preview - design and news
Page 41: Windows 10 technical preview - design and news
Page 42: Windows 10 technical preview - design and news
Page 43: Windows 10 technical preview - design and news

Seja fuido e dinâmico

Page 44: Windows 10 technical preview - design and news
Page 45: Windows 10 technical preview - design and news
Page 46: Windows 10 technical preview - design and news
Page 47: Windows 10 technical preview - design and news

Ajuste os detalhes

Page 48: Windows 10 technical preview - design and news
Page 49: Windows 10 technical preview - design and news
Page 50: Windows 10 technical preview - design and news
Page 51: Windows 10 technical preview - design and news
Page 52: Windows 10 technical preview - design and news
Page 53: Windows 10 technical preview - design and news
Page 54: Windows 10 technical preview - design and news

On le livre?

Page 55: Windows 10 technical preview - design and news

O título e o corpo ainda não estão totalmente alinhados

Os botões devem ser centralizados horizontalmente.

Atenção para os alinhamentos nos botões e controles!

Utilize Segoe UI Semilight, não Segoe UI Semibold

Muitas palavras, pode ser simplificado?

Page 56: Windows 10 technical preview - design and news
Page 57: Windows 10 technical preview - design and news

personalidadeP

Page 58: Windows 10 technical preview - design and news

Elementos de personalidade

ComposiçãoTipografiaCoresAnimações

Page 59: Windows 10 technical preview - design and news
Page 60: Windows 10 technical preview - design and news

Composição com base em uma grade de 20px

Page 61: Windows 10 technical preview - design and news

Fornece uma silhueta…

Page 62: Windows 10 technical preview - design and news

Consistente mais dinâmico…

Page 63: Windows 10 technical preview - design and news

Consistente mais dinâmico…

Page 64: Windows 10 technical preview - design and news

Tipografia

Page 65: Windows 10 technical preview - design and news

Topologia de tipografia

Page 66: Windows 10 technical preview - design and news
Page 67: Windows 10 technical preview - design and news
Page 68: Windows 10 technical preview - design and news

Cores

Page 69: Windows 10 technical preview - design and news

Animações

Page 70: Windows 10 technical preview - design and news

padrõesP

Page 71: Windows 10 technical preview - design and news

PadrõesControles UINavigaçãoApresentação de dadosTouch

Page 72: Windows 10 technical preview - design and news

App Bar

List Box

Hyperlink

CheckboxProgress Bar

Text Box Clear ButtonSpell Checking

Password Reveal Button

Progress Ring

Tooltip

Grid ViewButton

Flip View

Combo Box

Scroll Bar

Context Menu

Slider

Toggle Switch

Semantic Zoom

Panning Indicator

Rating

List View

Flyout

Radio Button

Page 73: Windows 10 technical preview - design and news

HubNavigation BarIn-App Search

Page 74: Windows 10 technical preview - design and news

plataformaP

Page 75: Windows 10 technical preview - design and news

Desenvolvimento unificado

XAML WinJSUsing C# or C++ Using Javascript

HTML

Page 76: Windows 10 technical preview - design and news

Windows 10

Windows Core OS Services

JavaScriptCC++

C#VB

Style apps

Communication & Data

Application Model

Devices & Printing

WinRT APIs

Graphics & Media

XAML HTML / CSS

HTMLJavaScript

CC++

C#VB

Desktop apps

Win32 .NET / SL

Internet Explorer

Syst

em S

ervi

ces

View

Mod

el

Cont

rolle

rCo

re

Page 77: Windows 10 technical preview - design and news

Compilando aplicativos universais do Windows para todos os dispositivos do Windows

Page 78: Windows 10 technical preview - design and news

Lembrando

Page 79: Windows 10 technical preview - design and news

P 4Princípios

PersonalidadePadrões

Plataforma

Page 80: Windows 10 technical preview - design and news
Page 81: Windows 10 technical preview - design and news
Page 82: Windows 10 technical preview - design and news

Novidades• Menu iniciar• Apps que rodam em janela• Melhorias na função de snap• Novo botão de tarefas• Alternando entre tarefas• Múltiplos desktops• Suporte a resolução de 8k• Windows feedback• Central de notificações• Desenvolvimento aberto e colaborativo

Page 83: Windows 10 technical preview - design and news

Demo

Page 84: Windows 10 technical preview - design and news
Page 85: Windows 10 technical preview - design and news
Page 86: Windows 10 technical preview - design and news

Novo menu iniciar

Page 87: Windows 10 technical preview - design and news

Novo menu iniciar

Page 88: Windows 10 technical preview - design and news

Novo menu iniciar

Page 89: Windows 10 technical preview - design and news

Novo menu iniciar

Page 90: Windows 10 technical preview - design and news

Apps que rodam em janelas

Page 91: Windows 10 technical preview - design and news

Apps que rodam em janelas

Page 92: Windows 10 technical preview - design and news

Apps que rodam em janelas

Page 93: Windows 10 technical preview - design and news

Apps que rodam em janelas

Page 94: Windows 10 technical preview - design and news

Melhorias na função de snap

Page 95: Windows 10 technical preview - design and news

Melhorias na função de snap

Page 96: Windows 10 technical preview - design and news

Melhorias na função de snap

Page 97: Windows 10 technical preview - design and news

Melhorias na função de snap

Page 98: Windows 10 technical preview - design and news

Novo botão de tarefas

Page 99: Windows 10 technical preview - design and news

Novo botão de tarefas

Page 100: Windows 10 technical preview - design and news

Novo botão de tarefas

Page 101: Windows 10 technical preview - design and news

Alternando entre tarefas

Page 102: Windows 10 technical preview - design and news

Alternando entre tarefas

Page 103: Windows 10 technical preview - design and news

Múltiplos desktops

Page 104: Windows 10 technical preview - design and news

Múltiplos desktops

Page 105: Windows 10 technical preview - design and news

Múltiplos desktops

Page 106: Windows 10 technical preview - design and news

Múltiplos desktops

Page 107: Windows 10 technical preview - design and news

Windows feedback

Page 108: Windows 10 technical preview - design and news

Windows feedback

Page 109: Windows 10 technical preview - design and news

Windows feedback

Page 110: Windows 10 technical preview - design and news

Windows feedback

Page 111: Windows 10 technical preview - design and news

Perguntas e respostas

Page 112: Windows 10 technical preview - design and news

Quando o Windows 10 Preview expira?

Dia 15 de Abril de 2015. Depois disso o desktop ficará com fundo preto, aparecerá uma mensagem informando que ele não é legítimo, e ele reiniciará a cada hora.

Page 113: Windows 10 technical preview - design and news

Ele pode ser instalado em tablets?

Isso não é recomendado! Este build é focado para testes em PCs e diversas funções específicas para tablets ainda não foram habilitadas. Você poderá ter problemas de funcionalidade e drivers caso instale em tablets. Até mesmo para PC é preciso tomar cuidado, pois a Microsoft sugere que você não instale essa versão em um computador de produção

Page 114: Windows 10 technical preview - design and news

Ele terá versão para ARM?Sim, em 2015.

Page 115: Windows 10 technical preview - design and news

Posso fazer upgrade direto do Windows XP, Vista, Windows 7 ou

Windows 8?Você não poderá fazer upgrade do Windows XP nem do Windows Vista (nestes casos você precisará instalar o Windows 10 “do zero”), mas poderá fazer upgrade do Windows 7 e Windows 8.x para o Windows 10.

Page 116: Windows 10 technical preview - design and news

Qual é o requisito mínimo para instalar o Windows 10?

Processador com no mínimo 1GHz, 16GB de espaço em disco, 1GB de memória RAM (32-bits) ou 2GB de memória RAM (64-bits), placa de vídeo com suporte a DirectX9 e, preferencialmente, tela com resolução mínima de 1024×768 pixels.

Page 117: Windows 10 technical preview - design and news

Ele será gratuito para usuários do Windows 8 e 8.1?

Provavelmente, da mesma maneira que o Windows 8.1 é gratuito para usuários do Windows 8.

Page 118: Windows 10 technical preview - design and news

Todas as aplicações do Windows 7 e Windows 8 funcionarão nele?

Em geral sim, exceto aplicações que acessam áreas importantes do sistema operacional, como antivírus: nesse caso a desenvolvedora do antivírus deve disponibilizar uma versão compatível com o Windows 10.

Page 119: Windows 10 technical preview - design and news

Aonde eu obtenho a chave de ativação ?

Essa versão do Windows 10 Preview não precisa ser ativado e você não precisa ter nenhuma outra versão do Windows para usá-lo. Caso haja necessidade de ativá-lo (em casos de recuperação de imagem), há uma chave de ativação fixa fornecida pela Microsoft: NKJFK-GPHP7-G8C3J-P6JXR-HQRJR

Page 120: Windows 10 technical preview - design and news

Quando a Microsoft lançará atualizações para ele?

Frequentemente. Além disso, você poderá baixar novas versões de teste do Windows 10 bastando participar do Windows Insider Program https://insider.windows.com/

Page 121: Windows 10 technical preview - design and news

Porque ele não se chamou Windows 9?

Page 122: Windows 10 technical preview - design and news

Baixe hoje mesmo!http://preview.windows.com

Page 123: Windows 10 technical preview - design and news

Dúvidas?

Page 124: Windows 10 technical preview - design and news

Sites importantes

www.baboo.com.brhttp://dev.windows.com

Page 125: Windows 10 technical preview - design and news
Page 126: Windows 10 technical preview - design and news

Ricardo Guerrawww.about.me/[email protected]

Obrigado!