Aqua (interface do usuário) - Aqua (user interface)
 A primeira versão da interface Aqua, do Mac OS X Public Beta (Kodiak).
| |
| Desenvolvedor (s) | Apple Inc. |
|---|---|
| lançamento inicial | 6 de janeiro de 2000 |
| Escrito em | C ++ |
| Sistema operacional | Mac OS |
| Modelo | Ambiente desktop |
| Licença | EULA proprietário |
| Local na rede Internet |
desenvolvedor 
|
Do Aqua é a interface gráfica do usuário , linguagem de design e tema visual da Apple 's MacOS sistema operacional . Foi originalmente baseado no tema da água, com componentes semelhantes a gotículas e um uso liberal de efeitos de reflexão e translucidez. Seu objetivo é "incorporar cor, profundidade, translucidez e texturas complexas em uma interface visualmente atraente" nos aplicativos macOS. Em sua introdução, Steve Jobs observou que "... é líquido, um dos objetivos do design era quando você o via e queria lambê-lo".
O Aqua foi apresentado pela primeira vez na Macworld Conference & Expo 2000 em San Francisco . Sua primeira aparição em um produto comercial foi no lançamento do iMovie 2 em julho de 2000 , seguido pelo Mac OS X 10.0 no ano seguinte. Aqua é o sucessor do Platinum , que foi usado no Mac OS 8 , Mac OS 9 e Mac OS X Server 1.2. A aparência do Aqua mudou frequentemente ao longo dos anos, mais recentemente e drasticamente com o lançamento do macOS Big Sur em 2020, que a Apple chama de "maior atualização de design desde a introdução do Mac OS X."
História
Mac OS X
Mac OS X 10.2, Panther e Tiger
O Mac OS X 10.2 "Jaguar" trouxe elementos de interface mais planos, como novos botões e menus suspensos, além de reduzir a transparência para suavizar as listras em janelas e menus. Essas tendências continuaram nas versões subsequentes do Mac OS X.
No Mac OS X Panther , o metal escovado foi trazido para o Finder . Novos botões foram feitos para parecerem afundados em seus arredores, seguindo uma tendência geral de elementos de interface mais achatados no sistema operacional. As tradicionais riscas foram substituídas por um tema muito mais sutil, principalmente na barra de menu , e o uso de transparência foi novamente reduzido (por exemplo, nas barras de título de janelas inativas). As guias também mudaram; eles foram feitos mais planos e toda a área da guia foi afundada em vez de elevada. Os botões da guia foram centralizados na borda superior da área da guia. Novos ícones apareceram em todo o sistema, incluindo um novo ícone do Finder mais plano e mais brilhante e um novo ícone de Preferências do Sistema .
O Mac OS X Tiger trouxe mudanças mais sutis, incluindo o esquema de barra de título unificado. As riscas foram totalmente removidas da barra de menu e substituídas por uma aparência brilhante e branca. As guias foram alteradas para aparecer como botões segmentados normais. O ícone do menu Apple foi atenuado para uma aparência mais fosca e o novo utilitário de pesquisa Spotlight foi permanentemente vinculado à extrema direita da barra de menu na mesma cor e gradiente do menu Apple.
Mac OS X Leopard e Snow Leopard
O Mac OS X Leopard trouxe mudanças abrangentes para o Aqua. As janelas Aqua e "metal escovado" obtiveram a mesma aparência de metal cinza, fundos listrados foram removidos inteiramente, as barras de ferramentas e as barras de título foram fundidas em um todo, as diferenças entre as janelas ativas e inativas tornaram-se mais distintas através de sombras projetadas mais espessas e aparência monocromática de janelas inativas, a cor da barra de menu foi alterada para cinza com uma aparência de semitransparência opcional em Macs capazes e o Dock obteve uma aparência 3D com um 'piso' semelhante a um vidro reflexivo. O design do Dock , quando colocado no lado esquerdo ou direito, mudou para um fundo preto translúcido com uma borda branca e cantos arredondados. Os menus de contexto tinham cantos ligeiramente arredondados e vários ícones foram redesenhados, incluindo ícones de pasta e ícones de Preferências do Sistema .
O Mac OS X Snow Leopard quase não fez alterações no Aqua. Mais notavelmente, o menu de contexto dos itens do Dock mudou de um branco sólido para um preto translúcido.
Mac OS X Lion, OS X Mountain Lion e Mavericks
O Mac OS X Lion introduziu muitas mudanças inspiradas no iOS que persistiram no OS X Mavericks, bem como no OS X Yosemite, embora o último tenha mudado a estética geral. As barras de rolagem foram removidas e as alças das barras de rolagem se transformaram em barras finas e semitransparentes que desaparecem quando não são usadas. Os raios dos cantos dos botões foram reduzidos, dando uma aparência semelhante ao Mac OS 8 e 9 . A aparência de gel da maioria dos componentes foi substituída por uma aparência ligeiramente brilhante e mais plana. Os fundos das janelas ficaram um pouco mais claros e os cantos das janelas arredondados. Lion também adicionou mais animações.
O OS X Mountain Lion trouxe apenas pequenas alterações e mudou a aparência do Dock para um estilo de vidro fosco, com cantos arredondados, luzes indicadoras retangulares, um novo separador diagonal e um novo ícone de Lixo.
O OS X Mavericks dispensou vários designs ricos e ornamentais, refletindo a reformulação do design no iOS 7 . Os aplicativos Calendário , Contatos e Notas, respectivamente, perderam a aparência de couro, livro e bloco de notas (todos introduzidos no Lion). As texturas de linho na Central de Notificação e no Launchpad também foram removidas e substituídas por fundos cinza simples.
OS X Yosemite e El Capitan
No OS X Yosemite , muitos dos elementos e ícones Aqua foram simplificados e achatados, seguindo uma mudança de design semelhante no iOS 7 . A Apple incorporou o mesmo efeito de vidro fosco saturado , denominado "Vibrancy", em todo o sistema. Os exemplos incluem o Dock, a barra de menus, as barras laterais, o Centro de Notificação e o Controle da Missão . Um efeito semelhante foi aplicado às barras de ferramentas, mas elas mantiveram sua aparência cinza. Os botões da barra de ferramentas ficaram brancos e a Apple introduziu um tipo mais compacto de barra de ferramentas que removeu o título da janela, mas manteve os botões da barra de ferramentas (por exemplo, no Safari ). Certos controles, como caixas de seleção e botões de rádio, ganharam animações, enquanto as animações em outros lugares foram removidas, como a animação "poof" ao remover um ícone do Dock e a animação "cubo" ao alternar rapidamente para outra conta de usuário. A Apple mudou a fonte do sistema para Helvetica Neue . Yosemite também adicionou um 'tema escuro' que você pode ativar nas configurações, o que torna o dock e a barra de menu pretos.
OS X El Capitan fez apenas pequenas alterações no Aqua. Os botões brancos da barra de ferramentas recuperaram uma aparência levemente brilhante, o cata-vento giratório foi redesenhado e o efeito de vibração foi reduzido em certas áreas, como o Controle da Missão . O tipo de letra do sistema foi alterado mais uma vez, para o tipo de letra da Apple em San Francisco , em simultâneo com o iOS 9 e após o lançamento do tipo de letra no watchOS em abril de 2015.
macOS Big Sur
A partir do macOS Big Sur , os ícones agora têm o mesmo formato do iOS e mais 3D em comparação com o OS X Yosemite através do macOS Catalina .
Microsoft Windows
Aqua também foi incorporado em aplicativos da Apple para Microsoft Windows , como iTunes , QuickTime e Safari (embora não no Safari 4). O iTunes para Windows geralmente adotou os mesmos desenvolvimentos da versão simultânea do macOS, com exceção do uso de controles de interface de usuário nativos do Windows e botões da barra de título no estilo do Windows no canto superior direito da janela do player. A versão Windows do Safari, na versão 3, incluía uma aparência funcional Aqua muito semelhante ao macOS. A partir da versão 4, um tema mais parecido com o do Windows foi empregado usando os controles da interface de usuário padrão do Windows e a borda da janela. O QuickTime para Windows usa o mesmo tema visto em versões anteriores do QuickTime para macOS , com janelas de metal escovado e botões Aqua na parte superior.
Elementos de design
Cinza, branco e azul são as três cores principais que definem o estilo Aqua. Barras de ferramentas de janela, planos de fundo de janela, botões, menus e outros elementos de interface são encontrados em qualquer uma dessas cores. Por exemplo, as barras de ferramentas e laterais são geralmente cinza ou cor de metal, os planos de fundo das janelas e menus pop-up são brancos e os botões (em sistemas mais antigos, também as alças da barra de rolagem) são acentuados com um azul brilhante. Em versões do OS X anteriores ao OS X Yosemite, a maioria dos controles tem um efeito de "vidro" ou "gel" aplicado a eles. David Pogue descreveu esse efeito como "gotas lambíveis de Crista Gel de Pasta de Dentes Berrylicious ".
O macOS tem poucas opções de personalização nativas para alterar a aparência geral do sistema. Os usuários podem escolher uma aparência de grafite em vez do azul padrão. Ao usar a aparência de grafite, os controles têm uma cor semelhante a uma ardósia , cinza-azulado ou cinza, incluindo os controles da janela primária que são vermelho, amarelo e verde com a aparência padrão. A opção de aparência foi adicionada a pedido de desenvolvedores e usuários que acharam a aparência azul berrante ou pouco profissional. OS X Yosemite adicionou um modo escuro que escurece a barra de menus predominantemente branca e o Dock. Os usuários também podem escolher livremente uma cor de destaque para a seleção de texto e arquivo.
Elementos de interface
janelas
Historicamente, o Aqua tinha dois designs de janela: as janelas padrão do Aqua e as janelas de "metal escovado". As janelas Aqua normalmente têm uma barra de título parecida com metal ou cinza com três botões no lado esquerdo (para fechar, minimizar e aplicar zoom ou entrar no modo de tela cheia). Visualmente, esses botões costumavam ser colocados na parte superior, mas depois pareciam 'afundados' na janela. As janelas Aqua quase não têm moldura ou borda externa; em vez disso, sombras projetadas são usadas para separar e distinguir janelas ativas de inativas. A estética dos fundos das janelas mudou de fundos listrados para fundos brancos. As janelas de metal escovado tinham uma moldura grossa com uma textura metálica ou fundo cinza escuro e botões e molduras internas rebaixadas. Eles tinham a propriedade adicional de serem arrastáveis em todos os pontos do quadro, em vez de apenas na barra de título e na barra de ferramentas. A Apple recomendou janelas de metal escovado para aplicativos que imitam dispositivos do mundo real (como o iTunes ) ou são usados para fazer interface com tais dispositivos (como o iSync ), mas foi criticado por designers por não seguir suas próprias diretrizes ou aplicá-las de forma inconsistente ( também foi usado no Safari ou no Finder). As janelas de metal escovado foram praticamente eliminadas desde o Leopard e tornaram-se visualmente indistintas das janelas Aqua.
Além das barras de título, as janelas também podem ter barras de ferramentas com botões separados. Até o Leopard, as barras de ferramentas eram visualmente separadas da barra de título e tinham o mesmo fundo da moldura da janela ou eram listradas. O Leopard introduziu um estilo unificado que estendeu o fundo semelhante a metal da barra de título para a barra de ferramentas, fazendo-a aparecer como um todo. Opcionalmente, um separador pode ser colocado entre a barra de título e a barra de ferramentas para imitar o estilo anterior. O OS X Yosemite trouxe uma versão compacta da barra de ferramentas que fundiu a barra de título e a barra de ferramentas, a tornou mais curta e removeu o título da janela (por exemplo, no Safari 8 e posterior).
Gavetas são vistas acessórias da barra lateral que podem deslizar para fora de qualquer borda de uma janela, exceto a borda superior. Eles podem ser redimensionados perpendicularmente à borda da janela, mas seguem o tamanho da janela na outra direção. As gavetas já foram usadas com frequência para exibir controles e informações que não precisavam estar sempre visíveis, mas a Apple agora não recomenda seu uso.
As folhas são caixas de diálogo que são modal para uma janela específica. Quando abertos, eles são empurrados para o usuário como uma folha de papel, daí o nome. Eles são parcialmente transparentes e focam a atenção no conteúdo da folha. Os controles da janela pai são desativados até que a planilha seja descartada, mas o usuário pode continuar a trabalhar em outras janelas (incluindo as do mesmo aplicativo) enquanto a planilha está aberta.
Menus
Os menus são apoiados por um cinza sólido ligeiramente translúcido e, quando os itens de menu são realçados, eles aparecem em azul. Nos menus de aplicativos , que são executados em uma única barra na parte superior da tela , os atalhos do teclado aparecem no lado direito do menu, enquanto o item de menu real está no lado esquerdo. No Yosemite, os menus são muito mais translúcidos e têm um efeito desfocado.
Menus suspensos para uso nas próprias janelas também estão disponíveis em diversas variedades. O menu "pop-up" padrão é branco com uma tampa final azul com setas opostas, enquanto os menus 'suspensos' têm apenas uma seta voltada para baixo na tampa final. Os menus 'pull down' estão disponíveis em quatro variedades diferentes do Aqua, a maioria das quais caiu em desuso em versões posteriores do macOS.
Caixas de texto e campos
As caixas de texto são em preto no texto branco com uma borda de efeito afundado. Além das caixas de texto quadradas regulares, caixas de texto de pesquisa arredondadas estão disponíveis. Para requisitos de texto mais extensos, há também um campo de texto de várias linhas. Uma caixa de texto combinada e um menu suspenso estão disponíveis, o que permite ao usuário digitar um valor, além de escolher em um menu. Há também uma combinação de caixa de texto e controle de seletor, que permite ao usuário digitar uma data e hora ou editá-la com botões direcionais. O Mac OS X 10.4 introduziu um novo elemento de interface que permite ao usuário arrastar 'tokens' não editáveis para uma caixa de texto, entre os quais o texto pode ser digitado. Espaços em branco antes e depois dos tokens serem aparados .
Apertar botões
Os botões padrão com cantos arredondados estão disponíveis em duas variedades: branco e azul. Um botão azul é a ação padrão e, em versões do sistema operacional anteriores ao Yosemite, pareceria pulsar para solicitar que o usuário execute essa ação. A ação de um botão azul geralmente também pode ser invocada com a tecla de retorno . Os botões brancos geralmente estão associados a todas as outras ações.
Também estão disponíveis botões de chanfro arredondados, projetados para conter um ícone; botões quadrados padrão; botões quadrados de vidro e botões redondos. Além disso, botões circulares de ajuda on-line roxos estão disponíveis, os quais exibem ajuda relativa à tarefa atual quando clicados. Os triângulos de divulgação , embora tecnicamente sejam botões, permitem que as visualizações dos controles sejam mostradas e ocultas para preservar o espaço.
Caixas de seleção e botões de opção
No macOS, as caixas de seleção vazias são pequenos retângulos brancos arredondados. Quando estão marcados, eles ficam azuis e uma marca de seleção aparece. Eles são essencialmente botões que podem ser ativados ou desativados. Os botões de opção são semelhantes em aparência e comportamento, exceto que são circulares e contêm um ponto em vez de um cheque. Os botões de opção são classificados em grupos, dos quais apenas um pode ser ativado por vez.
No Yosemite, uma curta animação foi adicionada para mostrar a caixa de seleção ou o botão de opção sendo preenchido.
Tabelas e listas
As tabelas e listas podem ser categorizadas amplamente de três maneiras: Uma tabela multicolunar padrão com espaço para inserir valores ou colocar outros elementos de interface, como botões; Uma visão geral que pode conter triângulos de divulgação para mostrar e ocultar conjuntos de dados; e uma visualização de colunas de Miller semelhante à visualização de colunas no Finder . Todas as visualizações de tabela podem usar fundos de linha alternados em azul e branco.
Indicadores de progresso
Estão disponíveis dois tipos principais de indicador de progresso de carregamento / salvamento: uma barra de progresso ou uma roda giratória monocromática (não o cata-vento giratório ). A barra de progresso em si está disponível em duas variedades: indeterminada, que simplesmente mostra listras diagonais azuis e brancas na animação sem nenhuma medida de progresso; ou determinado, que mostra uma barra pulsante azul contra um fundo branco proporcional à porcentagem de uma tarefa concluída. O indicador de roda giratória, também encontrado na tela de inicialização do Mac OS X desde a versão 10.2, é simplesmente uma série de 12 linhas cinza cada vez mais escuras dispostas circularmente, como a vista lateral de uma roda de raios girando no sentido horário. Muitas outras interfaces adotaram esse dispositivo, incluindo os navegadores Firefox e Camino e muitos sites influenciados pela Web 2.0 .
Em Yosemite, a barra de progresso foi alterada para um fino cinza claro. A variação "indeterminada" manteve os pulsos, porém mais lentos e espaçados. Um indicador de progresso agora aparece durante a inicialização, substituindo o indicador da roda de fiar encontrado nas versões anteriores.
Diversos
Os controles deslizantes estão disponíveis em três tipos: um com marcas de escala e um controle deslizante triangular, um com um controle deslizante redondo e sem marcas e um controle deslizante circular que pode ser girado. Todos estão disponíveis horizontal ou verticalmente. O controle deslizante circular é simplesmente um ponto cinza em um círculo branco que pode ser girado para definir valores.
O macOS tem um controle padrão para selecionar cores que aparece como um botão quadrado regular com uma amostra de cor no meio. Quando clicado, ele mostra a paleta de cores padrão do macOS .
As guias no macOS são quase idênticas aos botões de ação, com as guias não selecionadas sendo brancas e as selecionadas sendo azuis. Também estão disponíveis "poços" de imagem: um pequeno recipiente afundado no qual os arquivos de imagem podem ser colocados. Quando o poço contém uma imagem, ele pode exibir uma representação em miniatura do conteúdo do arquivo.
Tipos de letra
A Apple usou Lucida Grande como a fonte do sistema desde o primeiro lançamento Cheetah to Mavericks. Ocasionalmente, a Apple também usou Helvetica e Helvetica Neue , como em aplicativos como Mail e iPhoto . O tipo de letra do sistema foi alterado para Helvetica Neue em Yosemite e alterado novamente em El Capitan para o tipo de letra da Apple em San Francisco . O macOS usa o anti-aliasing de fontes em todo o sistema para fazer as bordas parecerem mais suaves e preservar as formas distintas das fontes, às vezes ao custo de nitidez e clareza.
Animações
Aqua faz uso intenso de animação . Exemplos incluem:
- Os ícones do dock saltam para cima e para baixo à medida que seus aplicativos correspondentes são iniciados.
- Os ícones do dock também saltam para cima e para baixo, em um ritmo diferente, quando um aplicativo em segundo plano requer a atenção do usuário.
- Os ícones de encaixe podem aumentar de tamanho quando abordados pelo cursor. Este recurso (denominado "ampliação") é opcional.
- Quando minimizadas, as janelas são "sugadas" para o Dock usando o "efeito Genie" ou "Efeito de escala". Ambos os efeitos são personalizáveis pelo usuário. O primeiro faz uma janela virar uma forma curvilínea de modo que se pareça com a animação reversa de um gênio saindo de uma lâmpada, e o último reduz a janela até que seja pequena o suficiente para estar no Dock. Ao pressionar a tecla shift , ambos os efeitos podem ser vistos em câmera lenta . Essas teclas também podem ser aplicadas a outros efeitos Aqua, como Dashboard , Mission Control (macOS) , anteriormente Exposé e Front Row . Segurar Control, bem como Shift, faz com que o efeito de minimização demore o dobro do tempo que apenas segurar Shift. Manter apenas o controle também torna a animação um pouco mais lenta. Existe outro efeito de encaixe não documentado chamado "Suck" que pode ser habilitado editando manualmente um arquivo de configuração ou usando um comando Terminal; parece ser o mesmo efeito que acompanha a remoção de widgets do Dashboard.
- Quando uma pasta na área de trabalho é aberta ou fechada, a janela do Finder correspondente parece vir ou desaparecer no ícone da pasta, em vez de apenas aparecer do nada. Este efeito estava presente no Classic Mac OS Finder como ZoomRects , mas havia desaparecido dos primeiros lançamentos de desenvolvedores do Mac OS X.
- As folhas são "postadas" fora das barras de título da janela. As folhas parecem ser pedaços de papel sendo jogados em direção ao usuário ou deslizando para fora como papel de uma bandeja.
- Os widgets do painel parecem voar na tela. Os widgets do painel aparecem com um efeito de "ondulação", como se estivessem sendo jogados na superfície de um lago . Quando removidos, os widgets são sugados para o botão Fechar como se estivessem sendo puxados para o vácuo. Este efeito pode ser aplicado em janelas que estão sendo minimizadas no Dock . A partir do Mac OS X 10.7 Lion, a configuração padrão do Dashboard difere das versões anteriores (ocupa seu próprio espaço no Mission Control), fazendo com que o efeito ondulante seja removido. No entanto, o usuário pode invocar novamente o Dashboard original (junto com o efeito cascata) nas Preferências do Sistema.
- O conteúdo de uma pilha aparecerá para sair de trás do ícone quando clicado.
- No Beta Público do Mac OS X , os itens encaixados arrastados para a área de trabalho simplesmente desapareceram, aparentemente 'caindo' na área de trabalho. Esse comportamento foi alterado no Mac OS X 10.0 ; deste lançamento em diante, os itens arrastados para fora do dock iriam 'desaparecer' em uma nuvem de fumaça parecida com um desenho animado, um efeito que a Apple mais tarde usou em vários lugares, como a barra de favoritos do Safari e a remoção de tag do iPhoto). Um efeito semelhante foi usado no sistema operacional Newton da Apple . No OS X 10.10 Yosemite, esse efeito não está mais presente; o item simplesmente desaparece, no entanto, ainda pode ser visto no seletor de inicialização de computadores Mac baseados em Intel quando um dispositivo de inicialização (como um disco rígido externo) é desconectado do computador.
- A partir do Mac OS X 10.7 Lion, as janelas que contêm um documento ou site são abertas com uma animação semelhante ao Windows Aero . Um efeito de zoom semelhante pode ser visto ao abrir arquivos na área de trabalho ou em uma janela do Finder . Isso também se aplica a toda a área de trabalho quando um usuário faz login.
- Quando a troca rápida de usuário é usada, o efeito "Cube" da Apple é usado para transferir entre desktops e / ou a janela de login.
Muitos desses efeitos podem ser desativados pelo usuário ou estão disponíveis apenas em hardware compatível.
Tecnologia subjacente
O Aqua é alimentado pelo servidor de exibição Quartz Compositor .
Crítica
Muito do design original do Aqua lembrava a aparência translúcida de dois tons do hardware contemporâneo da Apple. Em 2003 e 2004, a Apple passou a usar alumínio escovado em seu design industrial (como os monitores Apple Cinema Display de alumínio ). O design do Aqua mudou em conformidade. Essa mistura um tanto inconsistente de estilos de interface tem sido controversa entre a comunidade Mac.
Litígio
No passado, a Apple ameaçou com ação legal contra aqueles que fazem temas semelhantes à sua aparência . A comunidade de skinning do Mac criticou as ações violentas da Apple contra todos os sósias do Aqua. Brad Wardell, da Stardock , comparou a abordagem litigiosa da empresa com a abordagem da Microsoft de incorporar skins de terceiros ao Windows XP .
Veja também
Referências
links externos
- Diretrizes de interface humana da Apple
- Hackett, Stephen (24 de abril de 2014). "Sobre o passado, o presente e o futuro da interface do usuário Aqua da Apple" . 512 Pixel .