Rostos sorridentes do Mac, fontes de pixel, Microsoft Solitaire … Os designers de primeira geração da Apple são bons?
Um computador que "diga olá" com você não é novo em 2021, mas em 1984, quando o computador pessoal ainda era dominado pela linha de comando do código, um rosto sorridente e gráficos e texto intuitivos podiam ser vistos na tela , É definitivamente um tipo de produto diferente.
▲ Foto de: Anthony Boyd
O computador Macintosh de primeira geração da Apple era o representante mais comum na época.
▲ Mostrar imagens da conferência Macintosh de 1984
Olhando para trás, para o vídeo da coletiva de imprensa daquele ano, quando Jobs tirou o disquete do bolso da jaqueta e inseriu no computador, a tela grande imediatamente começou a mostrar a interface do sistema – software gráfico, planilhas, jogos de xadrez, fontes diferentes e até Mapa de pixels do próprio Jobs.
▲ Anúncio da Apple para computadores Macintosh
Todas as interfaces são intuitivas e visíveis. Com o mouse, você pode tocar levemente no ícone e obter rapidamente as funções que deseja sem ter que digitar comandos de código enfadonhos.
Como Jobs disse, uma interface gráfica, uma tela capaz de exibir bitmaps, representa o futuro da indústria de computadores.
▲ Susan Kare, uma das primeiras designers da Apple
Mas o que vamos falar hoje não é o próprio computador ou o passado de Jobs, mas a designer por trás dessas interfaces, ícones e fontes: Susan Kare. Na Apple, ela também é conhecida como a "mãe dos ícones".
Mac sorridente
Muitas pessoas pensam que o lançamento dos computadores Macintosh abriu a era das interfaces gráficas de computador, mas na verdade, em 1983, Jobs, que voltou de "roubar seu professor" da Xerox, já havia aplicado algumas de suas realizações ao Apple Lisa.
▲ Lisa é o primeiro computador pessoal da Apple com uma interface gráfica
No entanto, a interface do sistema do Lisa ainda era muito rudimentar na época e não impressionava o público.Além disso, muitos designs foram emprestados da Xerox e até mesmo as fontes não eram suas, o que obviamente não atendeu aos resultados que Jobs desejava.
▲ O membro principal da equipe de desenvolvimento da primeira geração do Macintosh, o terceiro da esquerda na última fila é Andy Hertzfield
Para quebrar o status quo, o membro central da equipe de desenvolvimento do Macintosh Andy Hertzfeld (Andy Hertzfeld) começou a buscar ajuda externa, nessa época ele pensava em sua colega de colégio, ou seja, Susan Carre.
Naquela época, Carley havia acabado de se formar na New York University. Como se formou em artes plásticas e tinha alguma experiência em design gráfico, Hertzfeld esperava que ela participasse e fizesse algum design visual de sistema para computadores Macintosh.
▲ Computador Apple II listado em 1977
Em troca, Hertzfeld daria a ela um computador Apple II no valor de dois mil dólares, e Carley concordou imediatamente, expressando sua vontade de participar do projeto da Apple em tempo parcial.
Naquela época, o design gráfico de computador ainda não era um sistema, e mesmo a Apple não havia desenvolvido um conjunto completo de ferramentas de design. Em desespero, Hertzfeld teve que pedir a Carly que comprasse um notebook de grade por alguns dólares, pintou os ícones à mão e deixou o engenheiro transformá-lo em um ícone de matriz de pontos.
▲ Como não há um software de desenho especial, Carre só pode desenhar ícones em papel quadriculado primeiro
As funções "cortar" e "colar" na primeira geração dos sistemas de computador Macintosh nasceram nesses papéis de grade. Elas correspondiam aos padrões da mão e dos dedos da tesoura, e o pincel foi usado no No software de desenho MacPaint.
▲ O ícone desenhado por Carley em papel quadriculado e a versão eletrônica correspondente
Carre também pintou à mão um desenho de bomba, se o usuário o vir em um computador Macintosh, isso prova que ele encontrou um "crash".
▲ Esta imagem promocional clássica do computador Macintosh, o "olá" na tela foi desenhada com o MacPaint
Em 1983, Carre mudou de um emprego de meio período para um funcionário de tempo integral da Apple, e seu trabalho principal era participar do projeto da interface homem-máquina do Macintosh. Neste momento, o software de desenho da Apple, MacPaint, também foi concluído, permitindo que Carre crie ícones de bitmap diretamente no computador.
▲ Vários ícones projetados por Carley para a Apple. Foto de: Susan Kare
Muitos ícones clássicos também apareceram nesta fase. Por exemplo, uma lixeira para armazenar arquivos excluídos, um canto dobrado de papel, um símbolo de relógio para avisar "Carregando" e a tecla de função "Comando" em um teclado Apple.
▲ Agora, alguns ícones no sistema Mac ainda continuam o estilo do ano. Foto de: Exposição de Susan Kare
Embora sejam apenas mapas de pixels simples, eles são mais intuitivos e todos têm metáforas funcionais que as pessoas podem entender rapidamente, o que também permite que Carre obtenha a aprovação de Jobs.
Até agora, ainda existem alguns ícones, que podem ser vistos no sistema Mac.
Mas se quiser falar sobre o design mais conhecido, deve ser este "Mac Feliz" com uma carinha sorridente.
▲ Um Mac sorridente aparecerá quando o computador Macintosh for ligado
Ao iniciar o computador Macintosh, você pode ver um computador sorrindo para você.
▲ O ícone de rosto sorridente de dois lados aplicado ao "Finder" e, posteriormente, iterou várias versões. A imagem abaixo é um rascunho da pessoa de dois lados de Picasso
Existe outro estilo de rostos sorridentes que conhecemos bem, ou seja, uma pessoa com dupla face. Algumas pessoas dizem que seu design é inspirado no vilão de dupla face dos quadrinhos da DC, mas mais pessoas pensam que é na verdade uma restauração das pinturas de Picasso.
Agora, ainda podemos ver a existência de rostos sorridentes de pessoas de dupla face no ícone "Finder" no sistema macOS.
Com o tempo, o rosto sorridente do Mac e suas expressões derivadas também foram usados em outro hardware da Apple e gradualmente evoluíram para uma representação concreta da cultura Apple.
▲ O oposto de "Happy Mac" é "Sad Mac", após o qual o iPod também aplicou este design
Por exemplo, no início do iPod, se o player travasse, um padrão "Triste iPod" apareceria, semelhante ao "Triste Mac" que aparecia após uma falha de hardware do computador Macintosh.
▲ O rosto sorridente do ID Facial também é derivado do design do ano
O que temos mais contato hoje deve ser o mapa de reconhecimento no item de configuração Face ID, que também usa o contorno de um rosto sorridente. Esta também é a imagem de rosto sorridente de "Happy Mac" de mais alta resolução até agora.
Linda fonte e cachorro vaca
Quando Jobs ainda estava no Reed College, ele frequentou muitas aulas de caligrafia, o que também o fez adorar todos os tipos de fontes com serifa e sem serifa.
Para fazer uso da interface gráfica do computador Macintosh e cooperar com a impressora para imprimir fontes requintadas, Carley projetou várias fontes para a primeira geração de computadores Macintosh a pedido de Jobs, para que os usuários não tivessem mais um único selecione.
Além disso, Carre também é responsável pelo layout da interface do sistema. Graças aos avanços tecnológicos, o kerning das fontes em computadores Macintosh não é mais fixo, mas pode ser ajustado de acordo com as proporções, o que permite que as pessoas vejam o conteúdo de texto mais claro e natural na tela.
Durante o desenvolvimento da fonte, uma história interessante relacionada à nomenclatura também aconteceu.
No início, Carre realmente escolheu a estação na linha de trem da Filadélfia para nomear a fonte, mas então Jobs a mudou para uma cidade grande de renome mundial porque sentiu que "as pessoas podem se lembrar".
▲ A fonte projetada por Susan Carley para a Apple e o estilo em diferentes tamanhos de fonte
Por causa disso, os nomes das fontes da Apple que vemos agora são todos neste estilo: Chicago (Chicago), Nova York (Nova York), Genebra (Genebra), São Francisco (São Francisco) e Mônaco (Mônaco), e cada fonte Todos têm diferentes cenários de aplicação.
▲ O painel de controle do primeiro sistema de computador Macintosh, assim como o iPod posterior, todos aplicaram a fonte Chicage
Por exemplo, de 1984 a 1997, todas as interfaces e caixas de diálogo do sistema de computador Macintosh usavam Chicago como a fonte padrão e ela também aparecia no player do iPod.
▲ Comparação das fontes Geneva e Chicago, a primeira será mais fina, usada principalmente em interfaces menores, como nomes de pastas
Mas em algumas interfaces pequenas, como o nome da pasta, a fonte Geneva é usada, que é modificada por Carre com base na clássica sans serif Helvetica.
▲ A foto acima é a versão antiga desenhada por Carre, a foto abaixo é a nova versão 2019
New York, é a fonte com serifa de matriz de pontos do sistema Macintosh inicial. Em 2019, a Apple também lançou uma nova versão com o mesmo nome para os desenvolvedores usarem gratuitamente na plataforma Apple, o que também é visto como uma homenagem à fonte desenhada por Carre.
▲ A fonte Monaco é amada por muitos programadores
Monaco, é uma fonte monoespaçada sans serif, os desenvolvedores devem estar familiarizados com ela. Por causa de sua fonte clara e altamente reconhecível, era a fonte padrão da ferramenta de desenvolvimento da Apple, Xcode, e mais tarde foi substituída pela fonte Menlo.
▲ Fonte Old San Francisco desenhada por Carre
Finalmente, há San Francisco, que é uma fonte projetada no estilo analógico de cortar e colar de Carre, que é como cortar as manchetes de um jornal e colocá-las juntas, mas também apareceu nos primeiros folhetos e pôsteres internos da Apple.
▲ Nova versão da fonte San Francisco para Apple Watch
Em 2014, a Apple também lançou uma nova versão da fonte San Francisco, projetada principalmente para a tela pequena do Apple Watch, com um estilo completamente diferente, mas fácil de ler.
Pode-se dizer que o aparecimento de várias belas fontes adicionou um estilo diferente à interface gráfica dos computadores Macintosh. Você pode escolher Chicago, que representa o modernismo, ou retornar à clássica e elegante Nova York. Pessoas diferentes podem ter escolhas diferentes.
▲ Nos materiais promocionais do ano para Macintosh, as funções intuitivas de edição e impressão de texto também foram destacadas
Mais importante, essas fontes também podem ser impressas pela primeira impressora a laser da Apple, LaserWriter, o que significa que os usuários podem concluir diretamente o conjunto completo de entrada de texto, edição e tarefas de impressão em um computador Macintosh e produzir materializado rapidamente impresso.
A realização desse fluxo de trabalho também promoveu o desenvolvimento da indústria de editoração eletrônica no futuro.
▲ Cairo, uma fonte mista, foi originalmente projetada para decoração
Além disso, um "mascote" nasceu entre as fontes desenhadas por Carre.
A causa do incidente veio da engenheira da Apple, Annette Wagner, que estava desenvolvendo o programa de impressão do sistema Macintosh e precisava encontrar uma referência para a página de visualização para ajudar os usuários a identificar corretamente a orientação do papel.
▲ O cachorro é usado como referência na visualização da impressão para identificar a orientação do papel
Ela viu um cachorrinho da fonte Carre's Cairo, que em si é uma espécie de fonte mista, composta de vários símbolos gráficos. Wagner o ampliou dos 26 × 24 pixels originais para 41 × 32 pixels, mas essa mudança também causou um mal-entendido depois.
Alguém disse que o que viu na página de visualização da impressão não foi um cachorrinho, mas uma vaca. Mais tarde, alguém chamou a criatura "meio cachorro, meia vaca" de "Clarus".
▲ Os emblemas, rótulos de cerveja e ovos da Apple escondidos no código de "Cow Dog" tornam-no um mascote não oficial
O ditado "Clarus, o Dogcow" surgiu e imediatamente se tornou um dos mitos da equipe técnica da Apple. As pessoas o usam como um crachá, impresso nas roupas ou como um nome de rótulo para cerveja de festa.
▲ Imagem de: 512 pixels
Além disso, havia um jardim de ícones na antiga sede da Apple, no qual uma escultura de uma vaca e um cachorro foi erguida, o que mostra que os funcionários da Apple adoravam essa estranha criatura na época.
Design amigável
Em 1986, Carre deixou a Apple com Jobs e se tornou o funcionário número 10 da NeXT como diretor de criação. Naquela época, ela apresentou outro designer conhecido, Paul Rand, a Jobs para projetar o logotipo da NeXT.
▲ Carre, que é o diretor criativo da NeXT. Fonte da imagem: Stanford University
Depois disso, Jobs voltou para a Apple, mas Carley não voltou para seu antigo clube. Ela descobriu que ainda sentia falta da hora de desenhar mapas de pixels e fazer design, e então decidiu se tornar uma designer independente e fundou sua própria empresa de design, Susan Kare Design.
▲ Um pequeno adesivo desenhado por Carley para Path e Facebook
Com anos de experiência em design acumulada pela Apple, Carley recebeu muitas comissões de design após voar sozinho, incluindo pedidos de grandes empresas como Microsoft, IBM e FaceBook.
O mais conhecido deles deve ser a superfície do cartão projetada pela Carley para sistemas Windows.
▲ O jogo de cartas mais antigo do Windows, a superfície do cartão foi projetada por Carley
Em 1990, a Microsoft começou a construir jogos de cartas no sistema Windows 3.0, e o primeiro lote de cartas foi desenhado por Carley em um IBM PC.
Naquela época, Carre usava diretamente o software de desenho que acompanhava o Windows e a paleta de cores VGA tradicional de 16 cores para restaurar as cartas de jogo do mundo real na tela na forma de pixelização.
Carre disse que até hoje os arquivos fonte desses cartões ainda estão armazenados em um disquete de 5,25 polegadas.
▲ Cartas de jogo com estilo de pixel comprovado
No nó do 25º aniversário do nascimento do Microsoft Solitaire, Carre também cooperou com a marca de design Areaware para complementar os dois ases que não existiam no Windows, formar um pôquer completo e lançar uma versão física do pixel card.
Muitos designers acreditam que o design de Susan Carre é simples, amigável e muito amigável. Ela estabeleceu uma nova imagem para a Apple Computer e deu a ela um aspecto pessoal, que transformou o computador de uma época em que havia apenas cursores e códigos chatos em um produto que até mesmo crianças de 3 anos gostariam de usar.
Assim como este padrão Happy Mac. Segundo a lembrança de Carre , ela esperava injetar uma imagem positiva e amigável no Macintosh com um sorriso, o que estava de acordo com a meta de Jobs de "fazer um produto com uma aparência amigável".
Porque só dessa forma os computadores enfadonhos podem realmente atrair usuários em massa.
Por outro lado, o estilo de design simples de Carley também atende aos requisitos estéticos de Jobs.
Certa vez, ela disse que um ícone excelente é, na verdade, semelhante a um sinal de trânsito, pois exibe apenas as informações necessárias, sem adicionar detalhes extras.
▲ É relatado que este logotipo se originou do Castelo Borgholm, na Suécia, e sua vista superior é um design "⌘"
Este é o caso da tecla de função "Command" no Mac. Carre encontrou um símbolo circular "⌘" no dicionário do logotipo, que foi impresso acima das letras-chave. Em alguns países nórdicos, como a Suécia, esse símbolo também se refere a pontos turísticos, locais históricos.
Em 2000, Carre também falou sobre o "design metafórico" do ícone em uma entrevista. Ela acredita que um ícone excelente pode ser reconhecido imediatamente – como "copiar", "desfazer" e outras funções abstratas, mesmo que o usuário nunca o tenha visto, pode ser entendido a partir do ícone visual, que também faz Ela projetou vários ícones altamente reconhecíveis para o Macintosh.
Hoje, Susan Carre atua como diretora de criação do Pinterest e também abriu um site pessoal , que mantém a maioria de seus trabalhos de design anteriores, enquanto os manuscritos são mantidos no Museu de Arte Moderna de Nova York.
Em maio do ano passado, ela também ajudou uma empresa de quebra-cabeças Magic Puzzle a projetar um logotipo, que também incluía rostos sorridentes.
Talvez o design do ícone de Carre seja como uma pequena surpresa, aparentemente simples, mas assim que você ler, ficará profundamente gravado em sua mente.
Espero que nos próximos dias possamos ver designs mais simples e amigáveis, como "Happy Mac" nos produtos da Apple.
#Bem-vindo a seguir a conta oficial do WeChat da Aifaner: Aifaner (WeChat ID: ifanr), mais conteúdo interessante será fornecido a você o mais rápido possível.