Home

Design de Interface - PUC-SP

1. Em ambos os casos tanto o cubismo anal tico quanto o sint tico este ltimo tendo nas colagens de elementos sua caracter stica mais identificadora podem funcionar da mesma maneira ao observador Uma importante rela o com o design conforme analisou Hurlburt est no fato dos artistas cubistas colarem elementos j impressos e partes de outros objetos sugerindo novas maneiras de combinar imagens incluindo a colagem de tipos impressos em suas telas o que ir influenciar inclusive o movimento futurista nas palavras em liberdade de Marinetti A influ ncia do Cubismo para o design de interface est nas colagens e montagens Dessa forma o designer Todd Purgason criou o layout da interface do escrit rio de design Juxt Interactive Comparando o projeto gr fico da interface e as telas de Picasso e Braque a influ ncia cubista surge nas colagens feitas de maneira digital claro mas com o princ pio da justaposi o de elementos A influ ncia volta a aparecer no pr prio logotipo do escrit rio com o tipo subdividido por uma linha como se fizesse parte das colagens Na p gina portf lio os cones t m de ser arrastados para serem visualizados t m de ser arrastadas tamb m as imagens visualizadas dessa sess o como se as colagens das imagens pudessem ser autoradas pelo usu rio 12 Violino Jolie Eva 1912 de Pablo Picasso AR Juxt Interactive Microsoft Internet Explorer Welcome this site r
2. automaticamente quadros com o estilo muito semelhante ao do artista he Mondrian Machine at ptank com he Mondrian Machine at ptank com Mom he Mondrian Machine at ptank com Haw to ume Oki ars s sa e Mondrian Machine http www ptank com mondrian 162 A influ ncia do estilo Neo Plasticista para o design muito importante tanto gr fico quanto digital Desde os anos que se seguiram ap s o final do movimento j era poss vel encontrar as formas de quadrados dispostos de maneira assim trica e a tipografia geom trica em trabalhos da Bauhaus conforme analisou Hollis 2000 70 A influ ncia do De Stijl marcante em todo material publicit rio criado para a exposi o da Bauhaus de 1923 O p ster de Fritz Schleifer exibe letras geom tricas t picas do estilo de Van Doesburg o prospecto segue o modelo de Mondrian com grades de linhas pretas nual DAE E Nos anos que se seguem ap s a instala o do design gr fico como atividade a influ ncia de Mondrian principalmente mostra se constante A assimetria e a maneira equilibrada com que Mondrian subdividia o espa o em seus quadros servem de modelo em muitas ocasi es em que designers elaboram a diagrama o modulada de uma p gina impressa Nos trabalhos de Carlos Vivarelli Paul Rand e Robert Gage podem ser encontradas influ ncias de Mondrian no preenchimento dos espa os por blocos quad
3. 16 A decomposi o e recomposi o sucessiva do objeto como a principal caracter stica pl stica cubista foi adquirida pelos futuristas com uma diferen a importante dentro dos estilos espec ficos de cada um desses dois movimentos o ponto de vista do observador Enquanto o cubismo utilizava a exposi o de diferentes pontos de vista em volta do mesmo objeto o futurismo expunha a forma da movimenta o do pr prio objeto Mas foi somente depois do contato do grupo com as pinturas de Duchamp e as manifesta es anti arte ocorridas em Paris em 1911 e 1912 que os trabalhos futuristas adquiriram a express o visual definitiva Enquanto os cubistas utilizavam formas geom tricas e adotavam m ltiplos pontos de vista para retratar naturezas mortas e essencialmente objetos est ticos os futuristas deram sequ ncia concep o visual sugerida por Marcel Duchamp na tela Nu Descendo Uma Escada Ao mesmo tempo usavam pontos de vista em movimento para revelar uma a o din mica em sucessivas imagens sobrepostas Hurlburt 1986 20 Nu Descendo Uma Escada 1912 Marcel Duchamp 77 A arte cin tica de Duchamp ia ao encontro de toda a ideologia futurista o desenho do movimento tornava vis vel exatamente a ode velocidade e ao dinamismo um processo que encontrou um caminho rumo ao futuro e n o surge na tela nunca em um movimento para tr s s se consegue olhar para a frente Ainda havia um valor como o valor funcionali
4. CALVINO talo Seis Propostas Para o Novo Mil nio S o Paulo Cia das Letras 1990 CANTONI Rejane C A Realidade Virtual uma hist ria de imers o interativa Tese de Doutorado em Comunica o e Semi tica PUC SP 2001 CAPLIN Steve Icon Design London Cassel amp Co 2002 CARMEL ARTHUR Judith Bauhaus S o Paulo Cosac amp Naify 2001 COTTON Bob OLIVIER Richard Understanding Hypermedia 2000 Multimedia Origins Internet Futures London Phaidon 1997 CURTIS Hillman Flash Web Design S o Paulo Market Books 2001 MTIV Process Inspiration and Practice For The New Media Designer Indianapolis New Riders Publishing 2002 DABBS Alistair Interface Design London Cassel amp Co 2002 D ISSY Marie OKASAKI Douglas Designers e a visibilidade na Web S o Paulo Design Gr fico n 70 Market Press 2003 34 41 DOMINGUES D org A Arte no S culo XXI A Humaniza o das Tecnologias S o Paulo Ed Unesp 1997 DONDIS Donis A Sintaxe da Linguagem Visual S o Paulo Martins Fontes 1991 ECO U Viagem na Irrealidade Cotidiana Rio de Janeiro Nova Fronteira 1984 Obra Aberta S o Paulo Perspectiva 1971 ELAM Kimberly Geometry of Design New York Princetown Architectural Press 2001 FARIAS Priscila Tipografia Digital O Impacto das Novas Tecnologias Rio de Janeiro 2AB 1998 FOLEY James amp VAN DAM Andries Fundamentals of Interactive Computer Graphics Addi
5. stico e signo Olson 1994 86 Neste primeiro est gio a escrita conforme citado est envolvida em um processo de representa o simb lica Uma quantidade muito grande de imagens por vezes representavam palavras inteiras o que resultava em um sistema muito dif cil de ser reproduzido e compreendido restringindo seu uso a alguns poucos elementos da sociedade em geral da nobreza sacerdotes e escribas v U Fra d O o dares LET En qa v Hier glifos apesar da escrita ainda n o ser fon tica j poss vel perceber o grau de simplicidade alcan ado nos cones eg pcios 56 Ainda que em um primeiro momento esta linguagem n o estivesse evolu da para o que hoje era poss vel consultar uma plaqueta de barro uma pedra ou um papiro para conhecer a informa o que um integrante mais antigo da sociedade deixou ou fazer o conhecimento viajar para longe sem a necessidade da presen a de seu interlocutor Ocorre que nestas civiliza es que ainda dispunham de sistemas de representa o pictogr fica esta funcionava atrav s de uma arbitrariedade semelhante ao do texto nos dias atuais mas com um processo de significa o obviamente diferente Na escrita fon tica uma manifesta o visual embutida arbitrariamente de um significado simb lico que representa um som um fonema na escrita pictogr fica os elementos visuais recebiam um valor simb lico de palavras sob o mesmo processo arbitr rio em que
6. 127 se apresentam na p gina de maneira resumida e representam todo o conte do para onde o usu rio ser direcionado Isso significa que o designer digital diferente do designer gr fico est elaborando um meio hiperespacial que n o se encerra na leitura da interface em quest o O designer de interface tem a fun o extra de dar v rios rumos ao usu rio rumos estes que se tornam um s rie de elementos visuais espalhados pela interface Essa situa o somada limita o t cnica do suporte Web aproxima um pouco mais a interface gr fica de usu rio tanto do grid quanto das origens do design J come a a aparecer tamb m uma mudan a de posicionamento da parte do designer de interface em projetar a programa o visual de uma interface gr fica de usu rio de Web colocando os aspectos est ticos em favor da comunica o Alguns dos itens que seguem est o numa lista de recomenda es exposta por Gruszynski 2000 53 e que assinalam as caracter sticas de um layout bem feito sob a perspectiva funcionalista que tomou corpo a partir da Bauhaus e Economia no uso de diferentes fontes tipogr ficas e Utiliza o de um sistema de grid ou similar que assegure a ordena o racional do projeto de modo a garantir sua unidade e Legibilidade clareza hierarquia ordena o e facilidade de decodifica o pela repeti o dos signos utilizados permitindo o r pido entendimento por parte do leitor receptor
7. antrop ides tendendo a se extinguir pela fome e se auto destruindo na luta pela sobreviv ncia at que a descoberta da ferramenta por parte de um dos antrop ides permitiu que ele permanecesse no seu habitat evoluindo at o ponto em que a sofistica o crescente da ferramenta lhe possibilitasse viajar atrav s da gal xia A ferramenta arma que o antrop ide utilizou pode ser encontrada hoje em uma loja de departamento no formato de um cassetete A diferen a crucial entre essas duas ferramentas n o est t o relacionada com o material de produ o que em um caso era osso e atualmente pl stico mas est relacionada ao seu formato que se encaixa perfeitamente m o j adaptada ao homem Segii ncia de cenas do filme 2001 ao lado de uma ferramenta cassetete Se o homem tem que se adaptar ao seu meio pois esse j existia antes dele foi o pr prio meio que fez surgir o homem Ent o as ferramentas que o homem cria j s o desenvolvidas para adaptar se a ele e n o o contr rio A adapta o para que ocorra o 14 correto manuseio da m quina acontece atrav s do ponto de interconex o dos dois a saber atrav s da interface o que caracteriza a interface como um meio e n o um objeto e Primeiro temos um usu rio que quer realizar uma a o efetiva e Segundo temos uma tarefa que o usu rio quer cumprir Terceiro temos uma ferramenta de que o usu rio precisa para realizar efetivamente a a o Aqui
8. o do sistema cognitivo o que possibilita a sua f cil recupera o mas ela exclu da de l ap s algum tempo A mem ria de longo prazo acionada de outra maneira poss vel que a mem ria de longo prazo exista na mente a partir de uma grande rede de associa es que se conectam permitindo assim o acesso informa o A natureza da informa o o que distingue cada um dos elementos dessa rede e o n mero de associa es que devem ocorrer dentro dessa rede cerebral at o sujeito acessar a informa o aquilo que determina a for a que o elemento tem dentro da mente O processo sistematizado em etapas Ao conhecer uma nova informa o constitu da de elementos verbais a pessoa cria uma representa o subjetiva individual para essa informa o fundido a com o seu repert rio pessoal e tornando a parte do seu que com imagens mesmo que estas imagens promovam uma experi ncia com n veis mais profundos de aprendizagem 30 conhecimento No momento exato em que esta representa o criada ela fica na zona de aten o e depois de algum tempo vai se afastando A recupera o de uma informa o que j est h muito tempo sem ser acessada tornou se uma grande quest o nas sociedades orais prim rias Atrav s de n s associativos nessa imensa rede que a mem ria de longo prazo a informa o pode ser recuperada O grande problema foi a exatid o de qual representa o presente na zona de aten
9. Memex de 1945 Na cita o de Chris Crawford ibid para definir um processo interativo como um processo c clico aonde dois atores alternadamente escutam pensam e falam fica claro que a interatividade est na possibilidade de dois elementos desse sistema poderem se representar na forma de informa o receber e processar a informa o externa Nas oralidades prim ria e secund ria o processo entre duas pessoas ocorre atrav s do item central o pensamento Isso possibilita que as associa es da mente humana de cada um dos elementos conduzam a segii ncia dos temas e eliminem a hierarquia O resultado de um processo de leitura como propunha o Memex justamente possibilitar ao usu rio que ele tenha a agilidade de acessar a informa o como se estivesse ocorrendo uma associa o por parte da mem ria ou ainda como se estivesse em um processo de comunica o oral mas com a precis o da informa o armazenada e visualizada O Memex nunca foi finalizado no entanto deixou um exemplo interessante de que a fus o da interatividade da linguagem oral e a precis o da linguagem escrita ocorre em um ambiente tang vel atrav s de links associativos Em As we may think Bush descreve a id ia de um sistema pessoal de extens o da mem ria o Memex que permitiria que seu usu rio pudesse selecionar e armazenar caminhos associativos Estes caminhos poderiam vincular conte dos documentados e as pr prias notas de c
10. no ch o e utiliza a como uma extens o de seu bra o abate um animal e passa a obter alimento sempre que necessitar Neste momento ele descobriu uma forma de ca ar a a import ncia da ferramenta para sua evolu o 2 agora o antrop ide j unido ao seu grupo depara se com um grupo rival em um ponto privilegiado pela exist ncia de gua O dom nio daquela rea surge como um fator complementar do primeiro que o alimento para a manuten o da vida na regi o O antrop ide abate da mesma forma que fez com a sua presa o outro de sua esp cie expulsando o grupo daquela rea e marcando a regi o como sua Naquele momento ele afirma que aquele ponto lhe pertence Ele propaga uma informa o agindo somente e n o falando O golpe com a ferramenta que antes serviu ca ada agora uma forma de deixar clara a sua apropria o daquela regi o E um processo de comunica o anterior oralidade da fala 26 2 A compreens o da linguagem e a quest o da seqii ncia O que distingue o homem que pode ser enquadrado na classifica o de Homo Sapiens do Antrop ide que Stanley Kubrick visualizou como um homem em sua alvorada a linguagem Se a humanidade construiu outros tempos mais r pidos mais violentos que os das plantas e animais porque disp e deste extraordin rio instrumento de mem ria e de propaga o das representa es que a linguagem tamb m porque cristalizou uma infinidade de
11. ntica visual nessas duas tend ncias de utilizar a arte n o figurativa tanto no Futurismo quanto no movimento Dar Blaue Reiter Rudolph Arnhein em Arte e Percep o Visual define a experi ncia visual humana como sendo uma experi ncia din mica e que o olhar opera com for as psicol gicas impondo tens es e distens es ao sistema nervoso Dessa forma analisou Donis Dondis em Sintaxe da Linguagem Visual designers gr ficos utilizam composi es visuais harm nicas ou 95 No texto Sobre o espiritual na arte 1910 Kandinsky explica que toda forma tem um conte do instr nseco pr prio n o um conte do objetivo ou de conhecimento como aquele que permite conhecer e representar o espa o atrav s de formas geom tricas e sim um conte do for a uma capacidade de agir como o est mulo psicol gico Um tri ngulo suscita movimentos espirituais diferentes dos de um c rculo o primeiro d a sensa o de algo que tende para o alto e o segundo de algo conclu do Qualquer que seja a origem disso que poder amos chamar de o conte do sem ntico das formas o artista se serve delas como das teclas de um piano ao toca las p e em vibra o a alma humana Argan 1992 318 Entre os principais artistas construtivistas pode se destacar Kasimir Malevich que com suas composi es simplificadas tendo como tema somente as formas quadradas deu origem ao suprematismo De acordo com Rickey 2002 que analisa a influ ncia de
12. o acessar para percorrer todas as associa es at chegar representa o que se deseja em um exato momento Aqui faz se necess ria uma maneira de codificar um caminho ter certeza de que ao acessar algo isso vai desencadear a lembran a desejada como se fosse poss vel prever uma seqii ncia de associa es que a mente vai seguir As associa es que obedecem um curso de a o e rea o de causa e efeito obrigam a mente a inserir um elemento com car ter de resultado na seqii ncia que est sendo tra ada Ainda que seja algo novo a ser criado a mente desenvolve uma seqii ncia no sentido de cobrir uma lacuna A import ncia da sequ ncia para a linguagem ocorre como um requisito b sico do seu funcionamento Mesmo a mem ria que funciona atrav s de associa es totalmente n o lineares demanda um mapeamento de uma seqii ncia para poder se tornar uma ferramenta da linguagem A solu o encontrada narrar os fatos Incluir em estruturas narrativas as informa es relevantes gest o da mem ria social Pois isso far com que o sujeito tenha que incluir um resultado em cada proposi o de que se lembrar Pois a narrativa constru da e relembrada por uma s rie de eventos que est o vinculados atrav s de rela es de causa e efeito que v o se associando ao tempo e espa o Se pensarmos em termos narrativos podemos tra ar um paralelo com o modelo de narrativas poss veis proposto por Bremond 1971 dentr
13. original Duchamp torna este objeto nico criando os dois fatores que o colocam como uma obra de arte a frui o e a sua individualidade Duchamp utilizou se de um objeto em s rie um urinol procurando subtrair dele essa significa o e criar com isso um novo objeto fora do contexto usual o que tentava era fazer de um objeto seriado uma obra de arte apegando se ao seu significado de objeto nico Azevedo apud Souto 2002 90 A influ ncia do Dada smo para o design gr fico est em todo o seu car ter de contesta o contra os modelos tradicionais das formas de express o e em prol de qualquer coisa que utilize a linguagem visual como meio para transmitir uma significa o de protesto Conforme Giulio Carlo Argan analisou o Dada smo continuou influenciando todas as manifesta es art sticas que se posicionaram contra o momento que a sociedade estaria vivendo em especial quest es pol tico econ micas como o capitalismo Tal era n o s a tese Dada sta mas tamb m o primeiro an ncio daquela contesta o global que ap s a Segunda Guerra vir a se manifestar por toda parte e com uma for a e amplitude muito diversas como vontade de remover todas as censuras racionais e libertar a sociedade da superestrutura da autoridade e do poder isto dos valores institucionalizados Assim se explica por que tantos movimentos art sticos contempor neos que visam justamente contestar o sistem
14. A hist ria do computador tamb m a hist ria das primeiras m quinas de calcular Dedos lat digitus e pequenas pedras lat calculus constituindo os utens lios originais 1 6 extens es que permitiram ao homo sapiens efetuar opera es aritm ticas fora da mente As pedras est o na origem dos primeiros dispositivos de 3 Em Folha Explica 2001 Uma Odiss ia no Espa o Amir Labaki aponta semelhan as da intelig ncia artificial de Hal 9000 em outros filmes como Blade Runner e Exterminador do Futuro em que os agentes dotados de intelig ncia artificial se revoltam contra a ra a humana em uma releitura de Frankenstein criatura contra criador A fic o por muitas vezes encontra na intelig ncia artificial a desgra a da ra a humana Em Flesh and Machines Robert Brooks desconstr i alguns desses conceitos fazendo previs es relacionado homens e m quinas no sentido de uma fus o e n o de uma fict cia substitui o de uma ra a por outra no dom nio do planeta Terra c lculo as tabuletas de calcular baco e boulier ambos com mais de 7000 anos Cantoni 2001 As m quinas de calcular seriam a extens o do c rebro As opera es aritm ticas sendo realizadas por um m quina com funcionamento autom tico tiveram in cio em 1642 com Blaise Pascal que construiu a Pascalina uma m quina de calcular para auxiliar o trabalho em seu escrit rio de coleta de impostos Pascalina de Blaise Pascal Funcionavam por m
15. Aristarco Teresa org O Novo Mundo das Imagens Eletr nicas Lisboa Edi es 70 1990 VILLAS BOAS Andr O que e o que nunca foi Design Gr fico Rio de Janeiro 2AB 2001 WILLIAMS Raymond On Television Selected Writings London Routledge 1989 Television Technology and Cultural Form Glasgow Fontana Collings 1979 WIENER Norbert Cibern tica e Sociedade S o Paulo Cultrix 1984 WILBUR Peter BURKE Michael Informational Graphics London Thames and Hudson 1998 WITKOWSKI Nicolas Ci ncia e Tecnologia Hoje Sao Paulo Ensaio 1994 WITTGENSTEIN Ludwig Investiga es Filos ficas Lisboa Calouste Gulbenkiam 1988 WURMAN Richard S Ansiedade da Informa o S o Paulo Cultura 1991 WURSTER Christian Computers Eine Illustrierte Geschichte Berlin Taschen 2002 YORKE J A Period three implies chaos in Amer Math Monthly vol 82 1975 pp 985 992 ZELADA Gian No Comando o Usu rio S o Paulo Design Gr fico n 65 Market Press 2002 46 Movimento ao Ritmo da Tecnologia S o Paulo Design Gr fico n 66 Market Press 2002 50 ___ Renova o na Dose Certa S o Paulo Design Gr fico n 69 Market Press 2003 31 ZELDMAN Jeffrey Design X Art http www designiskinky com extra do no dia 15 03 2003 155
16. BrrRrraaNN futurista De noite na cama ela rel a carta de seu artilheiro na frente de batalha 1919 de Filippo Tommaso Marinetti Esse trabalho de Marinetti conforme analisou Hollis que prosseguiu no Dada smo exerceu uma influ ncia muito grande na tipografia moderna Os manifestos futuristas na poesia e na pintura traziam consigo uma ideologia sempre muito clara e bem definida que os levou a buscar uma nova forma de express o de id ias que nada tinha a ver com os antigos modelos com aquilo que n o se queria mais chamar de arte e cultura estas t o execradas por esses jovens artistas e escritores conforme aparece no manifesto dos pintores futuristas 75 O grito de rebeli o que n s lan amos associando os nossos ideais aqueles dos poetas futuristas n o parte certamente de uma igrejinha est tica mas exprime violento desejo que referve hoje nas veias de cada artista criador N s queremos combater encarni adamente a religi o fan tica inconsciente e esnobista do passado alimentada pela exist ncia nefasta dos museus Rebelamo nos servil admira o das antigas telas das velhas est tuas dos objetos velhos e do entusiasmo por tudo o que carcomido sujo corro do pelo tempo e julgamos injusto delituoso o habitual desdenho por tudo o que jovem novo e palpitante de vida Boccioni Carra Russolo Balla Severini 1910 apud Bernardini 1980 37 S considerar cultura o que surgisse daquel
17. Conforme foi discutido nesta pesquisa alguns designers digitais como Roger Black e Jacob Nielsen utilizam algumas regras que coincidem com essas recomenda es como economia nas diferentes fontes tipogr ficas A utiliza o de um sistema de grid parece ser uma determina o da limita o t cnica do suporte Web A hierarquia surge como um resultado est tico da subdivis o da interface em links pois a interface um meio de manipula o de uma estrutura reticular O designer Steve Krug que trabalhou com Roger Black na Circle com em seu livro N o Me Fa a Pensar Uma abordagem do bom senso navegabilidade da Web 2001 caracteriza a hierarquia como sendo uma forma de apresentar uma vis o geral do site E demonstra uma altera o em um 128 layout desenvolvida por ele que prioriza a comunica o e utiliza a hierarquia entre os t picos para uma linguagem visual mais funcional O diagn stico inicial de Krug para o site que ele vai alterar O problema uma falha na hierarquia visual Como o slogan The Source for Product Info and Advice A fonte de informa es e dicas sobre produtos est feito no mesmo estilo dos pain is do Yahoo ele parece uma descri o da lista de categorias em vez de descrever o site todo Krug 2001 126 Q e Fverythin a Find gt TE The Source for Product Info and Advice O EL ae wow ae P E PT BR oroas a top form shapely showofts smack of luxe e
18. Gal xia de Gutemberg S o Paulo Cia Ed Nacional 1972 Os Meios de Comunica o Como Extens es do Homem S o Paulo MEIRELLES Fernando de Souza Inform tica Novas Aplica es com Micropomputadores S o Paulo Makron Books 1994 MIJKSENAAR Paul Uma Introduccion al Dise o de la informaci n M xico GG 2001 MORAES Anamaria de MONT ALV O Cl udia Ergonomia Conceitos e Aplica es Rio de Janeiro 2AB 2000 MORIN E Para Sair do S culo XX Rio de Janeiro Nova Fronteira 1986 MOURA M nica Design de Hiperm dia Tese de Doutorado em Comunica o e Semi tica PUC SP 2003 MUNARI Bruno Design e Comunica o Visual S o Paulo Martins Fontes 1997 NIELSEN Jakob Projetando web sites Rio de Janeiro Campus 2000 NIEMEYER Lucy Tipografia Uma Apresenta o Rio de Janeiro 2AB 2001 OLSON David O Mundo no Papel S o Paulo Atica 1996 ONG Walter Oralidade e Cultura Escrita S o Paulo Papirus 1998 PARENTE A org Imagem M quina Rio de Janeiro ed 34 1993 PEIRCE C Escritos Coligidos S o Paulo Abril Cultural 1984 CC Semi tica e Filosofia Textos Escolhidos S o Paulo Cultrix 1975 CC The Collected Papers of Charles S Peirce v 1 6 ed Charles Harshorrne and Paul Weiss vls 7 8 editor Arthur Buks Cambridge Harvard University 1931 35 1958 PFUTZENREUTER Edson Ueb disainer uat is dis S o Paulo Design Gr fico n 41 Market Press 2001 52 54 PIGN
19. Kandinsky e o pensamento de Malevitch poss vel enxergar que a origem da arte abstrata russa ou arte n o figurativa russa estava diretamente ligada s abstra es de Kandinsky Apesar deste n o ser um membro do movimento da arte n o figurativa na R ssia seu livro Do espiritual na arte tornou se a principal refer ncia para aqueles artistas moscovitas Malevitch havia desenhado um fundo de cen rio para uma pera futurista pintado com um nico quadrado negro e outro branco Na segii ncia fez seus quadrados a l pis e ent o um quadrado inteiramente pintado Enquanto isso formulava o Suprematismo e como escreveu mais tarde Tentando desesperadamente liberara a arte do mundo representacional procurei ref gio na forma do quadrado Reconheceu sua d vida para com o futurismo A express o dos ritmos do nosso tempo J apontando para a arte abstrata generaliza todos os fen menos e portanto toca a nova cultura o suprematismo n o figurativo Trabalhando com formas t o simples quanto o quadrado o tri ngulo e a cruz Malevitch em poucos meses havia atingido uma completa apreens o de arte n o figurativa Wassily Kandinsky embora russo e destinado a tornar se famoso como pintor abstrato n o estava diretamente contrastadas na busca dos efeitos de nivelamento ou agu amento o que estimula uma resposta mais emocional do que racional por parte do observador 94 envolvido com tais exper
20. Oct 11 15 and download your preview today Developers IBM Business Partners Investors i Solving business problems V Business and IT services Notebook finder Journalists IBM solutions integrate hardware software and services to Business consulting services Desktop finder Jobs at IBM meet the challenges of your industry On demand bus a ES Ever finder Training i select an industry O Infrastructure s R Financing Spe Administrative support IBM TY ads News i w notebook computer offers security with a single digit Tech raises hopes for thwarting killer aneurysms i RFID just what the doctor ordered for tracking medical waste M DEMAND BUSINESS IBM at Gartner Symposium ITxpo Breaking news and show highlights About IBM Privacy Terms ofuse Contact http www ibm com shades of My Mother the Car More news and newsletters Na imagem do site acima da IBM poss vel encontrar links com uma posi o mais vis vel e com uma ocupa o maior do espa o da interface devido ao fato de serem conte dos que s o acessados mais fregiientemente pelos usu rios desse site Aqui est classificado um processo de hierarquia entre os links que est o subdivididos em m dulos como os de um grid modernista Assim a singularidade dos links dentro de uma p gina em especial uma p gina como um portal ou site com o conte do extenso transforma esses links em t picos pois eles
21. Productapia Picks Buying Vips x The Right Chake e User Reviews amp Ratings Ura eor ma Related Lints The Basics exten ieee Drandsmall com Today toasters are more i versatile han sliced bread Sure any one of lodep s toasters wil handle a slice of bread But whe ever User Reviews Share what youve leamed esto plan bread anymore at w r Discussions Get advice Give advice rer giya A ward lene Ka pages Cooking Feedback What aro we missing mns crocssarts pop up postres R com and homenade bread nas gen mte to smart toasters thet ac Commocate every tasie High Tech Toasting Lane ENCORE TIME Y Y Loasiers have evolved consuteratty UT U digitals C Q l since thelr debut in 150 in many of L sam Comes ias the New modelit mcroctups reguate toasting time and temperature Sama motels have degtai haplays or remember selected broateng A levels Corton settings delve idtstai aish Mata roi frozen ders wehout toasting them tute Senca Las Lote Rede controls wam without o browning And other settngo User Reviews Price Comp awon KB rna aly shur the heating Veet Peres Ratings Tot Site anterior esq depois da consultoria de Steve Krug dir Assim a imagem acima demonstra a altera o realizada por Krug O site anterior sua consultoria do lado esquerdo tem um slogan do lado direito em uma posi o hier rquica inferior a outros elementos visuais O site tendo essa ferramenta como o pr
22. Vanguarda mas tamb m em sequ ncia ao Projeto Werkbund Deutscher Werkbund Claro que De Stijl e o Construtivismo Russo entre outros somaram contribui es marcantes escola alem mas a sua ideologia tamb m fruto de uma manifesta o pol tica econ mica originada na Alemanha Seu in cio se deu em 1919 quando da fus o de duas outras escolas de Weimar a Academia de Artes e a Escola de Artes e Of cios Seu diretor e tamb m autor do manifesto inicial foi o arquiteto alem o Walter Gropius que j havia trabalhado com Peter Brehmens importante designer do Projeto Werkbund da a influ ncia da Teoria da Visualidade Pura e racionalismo na arte e arquitetura ensinadas sob a dire o de Gropius Para entender a origem do pensamento no interior da Alemanha que viria a se fundir ideologia construtivista e formar a Bauhaus importante compreender o que foi o Deutscher Werkbund ou Projeto Werkbund Criado na Alemanha no in cio do s culo XX era uma associa o de artistas artes os arquitetos e designers com o intuito de desenvolvimento das artes aplicadas O Projeto teve uma interven o do Estado alem o tanto financeira quanto ideol gica j que tais atividades tinham grande potencial de crescimento no mercado interno A amplia o dessa associa o implicou em um processo de produ o que acabou levantando quest es que dividiram dois membros importantes da institui o a otimiza o junto ind stria
23. a quest o das novas tecnologias levantadas no cap tulo I Engendrar met foras para novas m quinas uma atividade que obviamente tem uma longa e memor vel hist ria Cada poca lida com tecnologia mais recente recorrendo s representa es mentais de coisas mais antigas e mais familiares Johnson 2001 Dessa forma lidar com a nova tecnologia de produ o da escrita por uma m quina foi fazer da m quina um escriba mec nico antes de fazer dela uma m quina de imprimir Somente em 1470 aproximadamente Nicolas Jenson desenvolveu o primeiro tipo romano com tra o fino e contrastes entre as hastes Esse tipo denominado Jenson ganhou um redesenho em 1990 e foi patenteado como Adobe Jenson pela empresa de mesmo nome O que demonstra que em termos de linguagem este talvez seja o ponto mais importante da evolu o da escrita O que ocorre a partir da importante envolvendo a hist ria da tipografia e tamb m o aperfei oamento dos meios de produ o tais como o linotipo a litografia a editora o eletr nica Com isso a linguagem escrita atingiu um ponto de matura o que s passaria por modifica es com o surgimento da revolu o digital como ser visto mais adiante O resultado a partir da escrita fon tica que o texto come a a adquirir uma fun o que vai al m do rompimento com o suporte org nico da fala e da mem ria para substituir a g 8 S E presen a do interlocutor o texto passa a funcio
24. added and anyone can state arguments for those positions An instructional hypertext might have attribute example and implication nodes In typing nodes you are constraining the authors and modelling the structure of the hypertext for the users Most systems that type nodes signal the type of node to the user through color background or shape of the nodes on the screen Links to Other Text Characteristics of Hypertext 1 o mie o Thon a TION i Theory characteristics of Ideas ay taatia FRAGMENTS a SST presents dudficulty basic units of Synthesizing Unstructured Information Hypertext pe psi ink to Other Documents Conklin J 1987 Hypertext An introduction and survey Computer 20 9 17 41 inv s de notas de rodap elimina a hierarquia entre t picos e demonstra o conceito de multi linearidade atrav s de um texto que fala sobre a n o linearidade da hiperm dia ASSOCIATIVE LINKS In place of the verbal connectives that are used in normal text such as topic or transition sentences hypertext connects modes p 7 through links The primary purpose of a link is to connect one card node or frame and another card frame or node that cnables the user to jump from onc to another Links also provide organizational information such as the links under cach Link to Other Text in each node in this book The relationship between the current node and the node you may want to
25. atrav s da comunica o entre eles Explicitam se assim os seguintes conceitos sinergia ato ou esfor o coordenado de v rios rg os na realiza o de uma fun o associa o simult nea de v rios fatores que contribuem para uma a o coordenada holismo tend ncia que se sup e seja pr pria do universo de sintetizar unidades em totalidades organizadas teleologia estudo da finalidade estudo dos fins humanos doutrina que considera o mundo como um sistema de rela es entre meios e fins da abordagem de sistemas anamorfose corresponde mudan a no estado de um sistema tendendo ao desenvolvimento organiza o crescente a evolu o cont nua sem etapas descont nuas ou saltos A situa o inversa a catamorfose Moraes 2000 21 Os elementos possibilitam a exist ncia do sistema atrav s das suas a es imposs vel que se chegue a um sistema integrado sin rgico e interativo sem que seus elementos estejam agindo e interagindo A a o dos elementos surge como o objeto mais importante para a exist ncia do sistema Portanto pode se redefinir sistema como o conjunto das a es de elementos que buscam um objetivo nico e se comunicam sintetizando um todo organizado Admitindo a a o dos elementos como sendo o gerador do sistema importante distribuir as fun es de maneira que cada elemento desempenhe a a o que lhe possibilita um rendimento maior 2 Sistemas Home
26. como prioridade Abstract Since the development of the Graphic User Interfaces information technologies such as Personal Computers and P D A s have became multi tasks tools Useful for operational tasks from type writing to interpersonal mediation computers serve for the most diverse communication technologies It was above all the visualization system that allowed the general user diffusion for the great masses of users including the less initiated in the field of informatics Taking into consideration the importance of visual communication in this interface this study proposes a bridge between Allen Hurlburt s book Layout the design of the printed page and the new communication technologies To construct this bridge a thorough study of the origins of design based on the pertinent literature on Modern Art especially the writings of Giulio Carlo Argan was carried out Special attention was given to writings on the interfaces between human and machines especially between humans and computers Steve Johnson Pierre Levy s studies of the evolution of technology and Geroge Landow s theory of hypertext and its nonlinearity were investigated Finally Richard Wurman s Architecture of Information and Chris Crawford s theory of interactivity were subject to analysis One of the results of this study is that there are surprisingly close relationships between the hypermedia and modern art Both have functi
27. cubista No per odo chamado rosa poss vel enxergar pequenos tra os de mudan a no estilo em rela o tela Primeira Comunh o j no sentido de abandonar a ilus o tridimensional Mas isso apenas em alguns pequenos tra os que em nada se comparam ao estilo cubista Na obra Acrobata e Arlequim a composi o harmoniosa mas j aparecem elementos semelhantes aos dos quadros cubistas como a n o exist ncia da ilus o tridimensional no fundo apenas nas estruturas do corpo e a composi o de partes da imagem com ngulos retos e formas geom tricas 66 i i na A Primeira Comunh o 1896 esq Acrobata e Arlequim 1905 dir a evolu o de uma pintura outra j deixa pequenos ind cios de que a ilus o tridimensional come ava a ser abandonada O quadro est quase todo organizado em formas geom tricas linhas direitas e ngulos rectos As figuras magras dos dois atletas encontram se de tal modo estilizadas que o tronco e os bra os quase formam um quadrado apesar das formas angulosas a express o do quadro suave Buchholz 1999 30 Ainda n o havia elementos que pudessem caracterizar esse trabalho como revolucion rio Somente ap s algum tempo em 1907 que Picasso decide romper com a representa o do objeto como reprodu o da realidade para uma desconstru o formal que pondo em pr tica o postulado de C zanne de tratar a natureza a partir do cilindro da esfer
28. da escrita o que se busca um meio como a mente que ofere a um suporte com espa o suficiente para registrar a informa o sem os limites de uma folha de papel Mas que tamb m ofere a a precis o de recuperar a informa o armazenada a partir de um elemento verbal capaz de trazer toda a massa de conte dos que estivesse relacionada a ele como uma enciclop dia O que se tem aqui um arquitexto Chama se corpus a um conjunto de texto e o uso de uma palavra latina para designar demonstra a antiguidade do conceito Qualquer corpus de textos que tenha historicamente feito parte de uma colec o e de uma concord ncia fornece mat ria para um hipertexto A unidade de um corpus fraca se fundada s na l ngua e na comodidade inscri es gregas antigas forte se o conte do conduziu ao estabelecimento da concord ncia ou seja constitui o de um ndice alfab tico nico das palavras com o fim de comparar as passagens onde elas se encontram Os textos postos em concord ncia constituem portanto aquilo que se chama por vezes um arquitexto um artefacto justificado pela proximidade literal e interpretativa dos textos que re ne Laufer 1995 A concord ncia literal o que une os textos e os faz pertencerem mesma classifica o em um ndice Os textos os conte dos em quest o podem aparecer nos mais diversos meios livros filmes anota es pessoais e at mesmo a mem ria o que os relaciona o fato de t
29. desta pesquisa demonstrar a hiperm dia como linguagem e n o como ferramenta computacional mas n o se pode deixar de mencionar que com a populariza o da internet na d cada de 90 e o surgimento dos browsers e os protocolos de transfer ncia de arquivos hipertextuais http os projetos vision rios de Paul Otlet e Vannevar Bush puderam enfim ser concretizados conforme citou Bob Cotton Ele Vannevar Bush nunca construiu o Memex de fato mas a id ia de tal sistema impulsionou o desenvolvimento da hiperm dia Bush enxergou no Memex em 1945 uma supera o da tecnologia dos anos 40 Cerca de 40 anos depois a Apple lan ou o HyperCard para Macintosh com scanner impressora laser e modem um sistema hiperm dia como o Memex finalmente havia sido concretizado Cotton 1997 Tamb m com a internet dos anos 90 surgiu uma vis o muito mais ampla da hiperm dia e das interfaces gr ficas de usu rio Cada vez mais as ferramentas de navega o explora o e visualiza o foram tornando se parte integrante da interface e n o uma parte das ferramentas de suporte como os controles de navega o do pr prio browser 55 3 N o linearidade em hiperm dia A estrutura do texto em modelos de extens o da mem ria n o linear pois a seqii ncia dos conte dos decidida pelo usu rio e n o mais pela arbitrariedade do autor de um livro registrado no suporte impresso e obrigatoriamente salvo trabalhos esp
30. e a simplifica o dos objetos ou a express o individual do artista em primazia A quest o do Werkbund ficou mais conhecida atrav s da radical pol mica entre dois de seus membros Hermann Muthesius e Henry Van de Velde Em 1907 Muthesius pronunciou um discurso na Escola T cnica de Com rcio de Berlim pregando novas concep es formais para os produtos industriais alem es Prop s formas simples e racionais a padroniza o e a estandariza o tipifica o como par metros de projeto para os designers Muitos v em no Werkbund a raiz da raz o e do progresso no design Esses mesmos identificam em Van de Velde que se op s a Muthiesius a perman ncia do individualismo a raiz de um tipo de pensamento descomprometido com o grande p blico defensor de prerrogativas art sticas dentro do design moderno Souza 1997 18 N o se pode dizer que Mutheisus tenha vencido a discuss o no entanto a participa o do Estado Empresa alem o demandava uma defini o por parte dos participantes do Werkbund no sentido de estabelecer um crit rio est tico e formal que compusesse um padr o para os produtos Assim o Deutscher Werkbund incorpora a Teoria da pura visualidade Ainda que consistisse de uma simplifica o isso n o anulava a est tica e o valor de frui o do objeto pois a id ia de tal Teoria era de que a arte n o reproduziria nenhuma realidade ou ser Ela seria uma realidade e um ser o que vai de encontro ao naturalismo
31. e templos sentiram a necessidade de manter o controle das quantidades de cereal e das cabe as de carneiro e gado que entravam nos celeiros e fazendas ou que sa am deles Era imposs vel depender da mem ria de um homem para cada item assim tornou se necess rio um novo m todo que mantivesse registros confi veis Walker 1990 O car ter documental da escrita mostra que em seus prim rdios sua fun o era a de ferramenta cotidiana apenas a precis o exigida para as opera es com quantidades de itens comercializados exigiam a documenta o em um suporte fixo Esse processo de romper o suporte da mente para a visualiza o de n meros ocorre tamb m na inven o do baco Esse car ter de calculadora impediu nesse momento a escrita de ser um elemento propagador da mem ria social de uma civiliza o A parcial evolu o do sistema da fala para a pictografia possibilitou a representa o daquilo que j estava na mem ria dos seres humanos que interagiam ao realizar montagens desses signos Isso possibilitava a cria o de novas informa es configurando um processo de linguagem Um tal processo anteriormente s poderia ocorrer se os campos da mente onde ocorriam associa es fossem acionados pela interven o de um interlocutor Apesar do avan o esse ainda n o era um sistema que funcionava como a fala A pr pria defini o do funcionamento do sistema pictogr fico j descreve a sua pobreza em rela o f
32. gr fico que utilizado na composi o dos elementos visuais de uma interface gr fica e que passa por etapas semelhantes no design de p ginas impressas A outra quest o poss vel aparece com mais especificidade em cada movimento No caso do Cubismo est no abandono da representa o da ilus o tridimensional para o plano bidimensional e no processo de montagem e colagem das imagens atrav s da justaposi o de elementos Em 1896 aos 15 anos Picasso inicia a exposi o de suas obras No quadro Primeira Comunh o poss vel notar algumas caracter sticas que podem ser encontradas em trabalhos fotogr ficos tamb m o branco contrasta com o tom intermedi rio do vermelho e os demais tons escuros reas mais escuras e mais claras na extens o da cor branca criam volume e simulam a incid ncia da luz os eixos inclinados sugerem a profundidade e os olhares se cruzando em um ponto comum demonstram a id ia de uma cena congelada que se desprendeu do olhar do artista para a tela Analisar este trabalho e o processo de mudan a no estilo de Picasso uma oportunidade de analisar a evolu o do olhar do artista de um ponto de vista nico e subjetivo para um processo que envolvia o que se poderia chamar de participa o do observador A evolu o envolve as passagens pelo per odo azul que simbolizou um per odo depressivo e pelo per odo rosa uma reabilita o do pr prio estado de esp rito do artista at o in cio do movimento
33. lado possibilitando o acesso informa o que al m de se assemelhar hiperm dia dentro do conceito de hipertexto j trazia refer ncias claras ao que seria mais tarde a Internet Aqui mesa de trabalho n o tem nenhum livro no seu lugar ergue se um ecr e bem m o um telefone Mais longe em um edif cio imenso encontram se todos os livros e todas as informa es Daqui fazemos aparecer no ecr a p gina do livro que se deve ler para conhecer a resposta colocada por telefone Um ecr seria duplo qu druplo e d cuplo se se tratasse de multiplicar os textos e os documentos a confrontar simultaneamente Haveria um auto falante se a vis o tivesse de ser auxiliada pela audi o Este aperfei oamento poderia chegar ao ponto de tornar autom tico o aparecimento de dados no ecr cinema fon grafo r dio televis o estes instrumentos lidos como substitutos do livro e que se tornariam de facto o novo livro as obras mais potentes para a difus o do pensamento humano Otlet 1934 N o s a no o de hipertexto e internet como tamb m a fus o do sonoro verbal e visual da multim dia e o acesso simult neo mesma informa o s o abordados no texto de Otlet Dessa forma poss vel afirmar que ele foi um pensador da internet e que grande parte de suas id ias foi concretizada a partir do momento em que a tecnologia as tornou poss veis Segundo Mattelart 2001 Contrariamente ao que a fascina o pela soci
34. link to is shown on the graph Links usually have names which identify their type or function Links enable the user to determine the sequence in which the information is presented They enable the user to move around through the hypertext Links may also connect the current nodes with other documents Links are usually activated by using a mouse or other pointing device to point at a hot button on the screen By clicking or mousing the button the node to which the uscr was pointing is displayed on the screen The user jumps to the new node In this hyperbook you are required to use a manual linking device turning the page to access the highlighted terms Arrow keys or keystrokes may also be used to activate links What is most important is that these links are modifiable Both the designers and user of many hypertext systems may add or change existing links to reflect their own knowledge structures Location of Links The links may be embedded and highlighted in the text such as the term nodes above or they may be outside the text such as the graphic links that are illustrated after each of the nodes in this text Links to Other Text Types of Links Conklin 1987 describes two methods for linking two nodes in a hypertext referential links and organizational links Referential links connect a source in the current node to a referent in the destination node The user is typically allowed to return via the same link Organizational l
35. mais eficiente Para isso ocorrer em muitos casos necess rio criar um ambiente metaf rico e n o uma reprodu o do mundo f sico para que o entendimento do usu rio venha em primeiro lugar antes da 25 sua identifica o com o mundo conforme observou o designer Luli Radfahrer em seu livro Design Web Design 1999 49 Os primeiros sites de bancos tinham imagens em 3D simbolizando uma ag ncia virtual com um resultado evidentemente falso Isso acontece porque a met fora deve simbolizar o que um elemento significa na vida real n o sua verdadeira forma Neste caso da an lise de interface de ag ncias virtuais de bancos ocorreu um sistema homem m quina mas n o homem tarefa m quina pois a a o do usu rio no cumprimento de sua tarefa n o est mais eficiente na interface pelo contr rio os processos que levam o usu rio a o no mundo f sico s o pr requisitos para a realiza o da tarefa na interface n o justificando em nenhum momento o fato de ser disponibilizada uma ag ncia no meio digital Se o cliente usu rio vai ao banco com exce o de transa es que envolvem o saque e o dep sito de dinheiro em esp cie o que deseja movimentar as aplica es de sua conta consultar seu saldo fazer uma transfer ncia entre outras atividades essa a sua a o n o um passeio pela ag ncia Ao projetar uma interface com uma ag ncia em 3D o que o Designer de Interface est colocando em primei
36. mensagem abre espa o para outras experimenta es principalmente em hiperm dia Considerando que al m da mensagem a hiperm dia possui outras fun es principais como orientar a navega o do usu rio ou ainda obedecer a um princ pio de legibilidade em um suporte que o monitor isso exige um cuidado ainda maior com o desenho do tipo assim como com a sua orienta o no plano No trabalho de Kiko Goiffman Valetes em Slow Motion uma casa de deten o o tema O conceito justamente fazer com que o usu rio sinta se dentro do ambiente Existem situa es em que o acesso aos conte dos dirige o usu rio intencionalmente a ambientes diferentes de maneira rand mica desconstruindo o princ pio b sico da navegabilidade isso porque a inten o simular a situa o de um sujeito encarcerado que n o tem a op o de sair do ambiente Interfaces da hiperm dia Valetes em Slow Motion de Kiko Goifman No trabalho abaixo desenvolvido em uma parceria entre a MTV e o Yahoo a id ia era criar um fanzine digital N o se usaram as mesmas estruturas visuais agressivas dos fanzines punks do final de d cada de 70 Mas a id ia da desconstru o da fun o em favor da mensagem acontece no momento em que o designer modifica o tamanho da 90 janela do pr prio conte do que est sendo acessado na medida em que o usu rio vai linkando as p ginas causando um intencional estranhamento Continua o mesmo conceito n
37. neste caso um Web designer que em parceria com um desenvolvedor ou programador passou a se aproveitar das novas tecnologias para disponibilizar o conte do no suporte digital motivado por uma preocupa o at ent o inexistente com a comunica o visual O resultado est tico bem semelhante ao que ocorre em trabalhos produzidos por designers gr ficos que se inspiram nas composi es neo plasticistas de Mondrian Em um layout de Web formado por tabelas os nicos pontos que n o possuem limites s o conforme a cita o de Curtis o posicionamento do conte do entre as linhas horizontais e as colunas verticais Para que um designer digital tenha possibilidade de desenvolver um trabalho com frui o na aprecia o visual e dentro dessa limita o t cnica ele poder trabalhar com a disposi o dos elementos dentro dos planos assim tricos verticais e horizontais A assimetria acaba por se fazer necess ria uma vez que o in cio da disponibiliza o da informa o precisa estar claro j que o hiperespa o n o possui uma dimens o fixa implicando na utiliza o das barras de rolagem E o estilo que em muito lembra os grids j instalados por designer gr ficos a partir dos anos 20 torna se uma solu o freqiiente para design de Web e BiTKOM FORMEL 1 amadas Sia Plate im Cocipr und drehen Sia ine navate Bunde Wir sind f r Sie da Meushgershehantelis Derin Abrechastrade 10 O site da A
38. o O processo se assemelhou ao trabalho de outros precursores da hiperm dia tamb m pela enuncia o que Otlet fez do livro da ci ncia universal que hoje lembra em alguns pontos a defini o citada h pouco do arquitexto segundo Roger Laufer em que s existe um arquitexto que preciso ler linearmente por falta de um dispositivo sin ptico m vel Todos os livros todos os artigos todos os documentos todas as informa es publicadas n o s o mais do que cap tulos sec es par grafos al neas de um nico e grande livro o livro da ci ncia universal Otlet 1934 O conceito de que s existe um livro deixa claro que a id ia organizadora e classificadora de Paul Otlet era na realidade uma id ia unificadora de tornar toda a informa o mundial acess vel em um mesmo local No entanto existia a mesma dificuldade da n o exist ncia de um suporte m vel Otlet estudou a tentativa de materializar o hiperespa o ainda que n o fosse essa a denomina o tamb m de Otlet o cr dito pela inven o do micro filme em parceria com o engenheiro Robert Goldschmid com o intuito de reproduzir em um tamanho mais f cil de manipular e arquivar p ginas de livros e facilitar a distribui o de documentos artigos de jornais manuscritos e obras raras 48 Em seu livro testamento Tratado de documenta o o livro sobre o livro Otlet descreveu uma esta o de trabalho com um monitor ecr e um telefone ao
39. o e justaposi o de m ltiplas vis es a partir de diferentes ngulos com o prop sito de apresentar os objetos n o s como se mostram mas tamb m como s o isto n o s no aspecto que possuem de um determinado ponto de vista como na rela o entre sua estrutura e a estrutura do espa o 4 apresentando simultaneamente no espa o imagens sucessivas no tempo realiza se uma unidade esp cio temporal absoluta quarta dimens o da maneira que o mesmo objeto poder aparecer em diversos pontos do espa o e o espa o poder se desenvolver n o s em torno mas tamb m dentro e atrav s o objeto Argan 1992 302 A dissocia o do papel do artista autor est na an lise de Argan no ponto em que o autor questiona sobre a n o necessidade de se perguntar o que o quadro representa e sim como ele funciona Aqui o processo est acima da representa o o in cio do processo construtivista que Hurlburt coloca em se estabelecer o design como o principal elemento do processo criativo Na an lise anterior de Argan ao dizer que tampouco importa perguntar quem fez a maneira pela qual o quadro ser visualizado e interpretado que importa A visualiza o e interpreta o do observador da obra acontece na representa o por parte do artista de v rios ngulos e planos dissociando a obra de um olhar individual e apresentando os objetos n o s como se mostram mas tamb m como s o Isso significa ao mesm
40. o poder tamb m defender suas id ias 41 simultaneamente uma tradu o uma adapta o e uma trai o Por estar restrita a uma fidelidade a uma rigidez absoluta a mensagem escrita corre o risco de tornar se obscura para o seu leitor Levy 1993 O que caracteriza ent o uma importante diferen a entre a comunica o oral e escrita a presen a de um intermedi rio no processo A comunica o oral um tipo de comunica o que envolve duas pessoas dois agentes id nticos conversando e permitindo uma adapta o do orador para cada ouvinte espec fico o que tamb m s poss vel atrav s das respostas do ouvinte A fala espec fica para cada contexto A comunica o oral apresenta se como um processo c clico entre dois agentes aonde ambos falam escutam e acima de tudo pensam pois o pensamento que permite ao interlocutor avaliar a melhor maneira de propagar a informa o em quest o Essa defini o utilizada para classificar a comunica o oral vem do designer de games Chris Crawford para definir um processo denominado interativo Intera o um processo c clico aonde dois atores alternadamente escutam pensam e falam Crawford 2001 Fazendo um cruzamento entre o texto de Pierre Levy e de Chris Crawford podemos afirmar que a comunica o oral mais interativa do que a escrita A comunica o escrita por outro lado ocorre atrav s da a o de um nico agente e da rigidez do texto gra
41. objetos estavam integradas com a ideologia construtivista e a est tica da m quina Observando os produtos criados pelos alunos e mestres da Bauhaus poss vel perceber as principais caracter sticas a forma coerente com a fun o uma heran a do Werkbund e o uso de elementos visuais b sicos para atingir uma composi o est tica do ponto de vista do Construtivismo 115 Nos produtos criados sob essa ideologia comum encontrar pesquisadores denominando os funcionalistas Nessa quest o poss vel abrir uma nova discuss o daquilo que chamado de design funcionalista O objeto s originado na atividade de design se desenvolvido dentro de uma perspectiva de cumprimento de sua fun o Conforme foi analisado nesta pesquisa at mesmo os trabalhos de designers e tip grafos p s modernos procuram na ilegibilidade atingir a fun o de transmitir uma mensagem que n o precisa necessariamente estar na compreens o do texto mesmo porque nesse caso est na incompreens o Tamb m os designers p s modernos projetam uma composi o para ser finalizada na produ o em s rie da ind stria e completando embutem a frui o em seus trabalhos atrav s de elementos originados na arte nesse caso Cubismo Futurismo e Dada smo conforme analisou Black ibid Admitindo se esse aspecto do design aparece como uma redund ncia o termo design funcionalista No entanto o termo funcionalista prev a simplicidade de obj
42. ordem logo a segii ncia dos elementos verbais que d sentido linguagem 3 A oralidade A primeira etapa dos processos de comunica o que fazem uso da linguagem a oralidade anterior aos registros escritos em suporte fixo e o texto propriamente dito As sociedades denominadas orais somente detinham a possibilidade de se comunicar atrav s de palavras faladas o que resulta em algumas especificidades no processo de propaga o armazenamento e recupera o da informa o E importante aqui destacar uma distin o que aparece ao se comparar as sociedades orais com as que vieram depois da exist ncia da escrita e do texto A oralidade no 28 primeiro caso tem na palavra falada a nica forma de resgatar todo o conhecimento que a civiliza o foi adquirindo e que pode ser compartilhado atrav s da linguagem A oralidade nas sociedades posteriores tem no texto essa fun o de recupera o da informa o e na palavra falada uma forma de comunica o interpessoal somente Assim Pierre L vy define a oralidade em dois momentos distintos prim ria e secund ria A oralidade prim ria remete ao papel da palavra antes que uma sociedade tenha adotado a escrita a oralidade secund ria est relacionada a um estatuto da palavra que complementar ao da escrita tal como o conhecemos hoje Na oralidade prim ria a palavra tem como fun o b sica a gest o da mem ria social e n o apenas a livre express o da
43. poss vel afirmar que a m quina se situa no processo de comunica o dos elementos do sistema homem m quina em uma posi o hier rquica superior exigindo que o homem se adapte a ela pois sua produ o pelo menos no tempo mais eficiente Entretanto como analisam Moraes e Mont Alv o 2000 22 A no o b sica de sistema homem m quina sempre se apresentou como um dos conceitos b sicos da ergonomia ao enfocar a intera o do homem ser humano com utens lios equipamentos m quinas e ambientes Quando a comunica o homem m quina passou a privilegiar a cogni o em vez da percep o os antigos modelos foram revistos e atualizados A partir da evolu o dos modelos do sistema homem m quina introduzem se novos paradigmas enfatizam se as quest es cognitivas e de converg ncia na comunica o e da primazia do homem Prop e se ent o o modelo sistema homem tarefa m quina Moraes 2000 22 Ao propor a substitui o do sistema homem m quina por sistema homem tarefa m quina o objetivo nico do sistema passa a ser a tarefa que designada ao homem e n o m quina obrigando o sistema a obedecer um processo que d primazia ao homem para que ele realize a tarefa da qual foi incumbido Para tal ele conta com a colabora o da m quina que age no ponto em que o corpo humano n o tem rendimento suficiente funcionando como uma extens o das a es do ser humano Portanto as a es dos elementos desse sistema
44. s o ainda as a es do homem Na escala hier rquica que rege a comunica o dos elementos o homem vem em primeiro lugar e a m quina 1 historicamente demonstrado em Wurster Christian Computers Eine illustrierte geschichte K ln Taschen 2003 12 deve apenas ser projetada sob o ponto de vista do homem Tanto isso verdade que em alguns casos a tarefa pode ser realizada somente pelo homem que chega a dispensar a m quina para ter um controle maior das a es e do resultado como no caso de ilustradores que muitas vezes dispensam as utilidades do computador como ferramenta de desenho para realizarem o trabalho a m o tendo ainda o l pis como ferramenta Tarefa um conjunto de a es humanas que torna poss vel um sistema atingir um objetivo Em resumo o que faz funcionar o sistema para se atingir um resultado pretendido Conceitua se o termo tarefa restrito utiliza o dos objetos fun o de uso na sua maneira mais elementar qual seja a da an lise dos passos sucessivos ou n o necess rios para fazer um dado produto funcionar ou dele usufruir vantagens pr ticas est ticas psicol gicas etc envolvendo mais o estudo das a es do que a descri o do procedimento lida apud Gomes Filho 2003 28 Pode se afirmar que todo esse processo de adapta o da m quina ao homem fez parte da evolu o do ser humano Sabe se que Charles Darwin chocou o mundo no final do s culo XIX com sua concep o d
45. sensa es em quem observa Dessa forma torna se importante o conceito do design e a compreens o de sua origem no processo de produ o de comunica o com os computadores pessoais Estes serviram de ferramenta para a constru o de uma nova forma de linguagem nas comunica es uma linguagem que acumula experi ncias da oralidade e da escrita A intera o do usu rio atrav s da interface valendo se da visualiza o vai ao encontro daquilo que designers j faziam desde o in cio s culo XX a constru o do sentido atrav s de elementos puramente visuais complexos ou simplificados sendo que em um determinado momento no tempo se que este tempo j passou o conceito de simplifica o e funcionalidade das artes e do design parecem ter andando em um caminho muito similar ao da comunica o visual nas interfaces gr ficas de usu rio Coincid ncia ou n o o objetivo desta pesquisa encontrar e discutir essas similaridades No primeiro cap tulo ser relacionada a discuss o em torno do conceito de sistema homem tarefa m quina de acordo com a ergonomia e as interfaces gr ficas de usu rio que correspondem a um meio de intera o entre o usu rio e o computador portanto um sistema homem tarefa m quina A rela o principal est na quest o da tarefa como elemento definidor da a o do homem dentro do sistema e da m quina como extens o do seu usu rio O segundo cap tulo trata do desenvolvimento da lingu
46. the basic unit of information in a hypertext Rather than a continuous flow of text hypertext breaks it up into units or modules of information By modularizing information users have the option of selecting the next module which may include an elaboration or example of the present idea or an entirely new idea to be compared with the previous onc Nodes of information are usually limited to what can be presented on a single screen The most popular metaphor for nodes are note cards that is information that is recorded on a note card Like note cards hypertext nodes may be accessed in any sequence that meets the information needs of the user Nodes refer to units of information in memory that are linked together These nodes cards or also be referred to as frames A frame is more consistent with a screen full of information What is im ant is that these fragments of information are modifiable The developers and users both can modify the information in the nodes Forms of Node Information Nodes of information may be in the form of text graphics vidco sequences audio sequences windows Hyperdocuments that employ multimedia forms are referred to as hypermedia Less Nodes pes of Nodes Many hypertext systems constrain the types of nodes that are available to the hyper author IBIS is a problem solving environment that provides for issue position and argument nodes Individuals involved in problem solving can state an issue positions can be
47. vista de um produtor designer de hiperm dia imposs vel prever o que motivar um usu rio a clicar em um link Uma solu o no sentido da organiza o dos dados da elabora o do roteiro o processo de arquitetura da informa o de Richard Saul Wurman destacado em compara o classifica o decimal universal de Paul Otlet As formas de organizar a informa o s o finitas Ela s pode ser organizada por 1 categoria 2 tempo 3 localiza o 4 alfabeto 5 seqii ncia estas formas s o aplic veis a quase qualquer projeto desde pastas de arquivo pessoal at as empresas multinacionais Elas constituem o arcabou o da organiza o de relat rios anuais livros conversas exposi es cat logos conven es e at de dep sitos Wurman 1991 Dessa forma a informa o fica relacionada a partir da relev ncia de dados os conte dos que dividem pontos em comum ficam agrupados dando ao usu rio a facilidade de escolher e identificar intuitivamente as rotas poss veis de navega o O site Red Envelope http www redenvelope com que funciona como uma loja virtual de presentes dividiu seus t picos em categorias aonde cada uma se subdivide em novas op es deixando que o usu rio escolha antes mesmo de iniciar a navega o As categorias que se relacionam entrega de presentes s o a ocasi o dia dos pais dia das m es dia dos namorados anivers rio formatura b a identidade do recept
48. 04 posters are now online Print out a poster and contribute a poster of your own More The official sponsors of AIGA nN AQUENT Adobe On tay 13 tte DET 1 wa Paraan AR LTE OF raen ute 5 SER joe a oh asa 2004 AIGA 164 Fifth Avenue New York NY 10010 212 807 1990 terms contact faqs Site da AIGA grid assim trico e modulado Material impresso da AIGA tipografia ilegivel A diferenga entre os trabalhos que tratam se da identidade da mesma empresa vai al m do fato de um estar no suporte digital e outro no impresso No material impresso o estilo desconstrucionista discutido nesta pesquisa juntamente com o Dada smo parece 199 ser a principal fonte de inspira o a tipografia adequando a ilegibilidade fun o juntamente com as imagens que n o est o posicionadas em um local espec fico do plano e que n o se equilibram cuidadosamente caixa de texto exibem um layout inspirado na Tipografia P s Moderna Do ponto de vista da hist ria do design essa produ o gr fica o contr rio do layout para a Web que segue a est tica neo plasticista de grid vertical e horizontal Lembrando que ambos divulgam a mesma institui o a programa o visual da Web parece se sustentar naquilo que j est firmado no meio das artes gr ficas talvez pela inten o adaptar se s limita es t cnicas 6 Bauhaus a forma a fun o A Bauhaus surge como continua o aos movimentos de
49. ATARI D Informa o Linguagem Comunica o S o Paulo Perspectiva 1968 PLAZA J Videografia em videotexto S o Paulo Hucitec 1986 P VOA Marcello Anatomia da Internet investiga es estrat gicas sobre o universo digital Rio de Janeiro Casa da Palavra 2000 RADA Roy Hypertext From Text to Expert Text London McGraw Hill 1991 154 RADFAHRER Luli Design Web Design S o Paulo Market Press 1999 Carta da Calif rnia S o Paulo Design Gr fico n 34 Market Press 2000 42 43 RICKEY George Construtivismo Origens e Evolu o S o Paulo Cosac amp Naify 2002 SANTAELLA L Cultura das M dias S o Paulo Raz o Social 1992 a 5 __ Matrizes da Linguagem e do Pensamento S o Paulo Iuminuras 2001 SCHAFF Adam A Sociedade Inform tica S o Paulo Ed da UNESP 1990 SCHANK Roger The Cognitive Computer Massachusetts Addison Wesley Reading 1984 SOARES ngelo dos Santos O que Inform tica 2 vis o S o Paulo Brasiliense 1990 SODR Muniz A M quina de Narciso Rio de Janeiro Archiam 1984 SOUTO Alvaro Guillermo G Design do virtual ao digital S o Paulo Demais Editora 2002 SOUZA Pedro Luiz Pereira de Notas para uma Hist ria do Design Rio de Janeiro 2AB 1997 SWEET F Meta Design Design from the World Up London Thames and Hudson 1999 TAHARA Mizuho M dia S o Paulo Global 1993 VERIT Toni Ma Maravilhosa Desordem in
50. Bauhaus que tem inicio em 1923 encerrado em 1929 juntamente com o fechamento do pr dio de Dessau e o terceiro e conclusivo momento compreende o per odo entre 1929 e 1933 em Berlim Com a dire o de Hannes Meyer 1927 1929 e Mies van der Rohe 1929 1933 a Bauhaus seguiu at seu fechamento total pelos nazistas em 1933 com a inten o funcionalista muito mais acentuada ap s a sa da de Walter Gropius Quando Hannes Meyer assumiu a dire o da Bauhaus instituiu uma pol tica ainda mais radical embora realista em rela o ao design Ele refutou toda e qualquer contribui o da est tica salientando o papel da tecnologia e dos materiais Para ele o design era uma cria o an nima do engenheiro orientado a pol tica da Bauhaus a uma est tica da m quina e aproximando a escola da 119 ind stria de um modo que Gropius nunca foi capaz de fazer Carmel Arthur 2002 22 Gropius havia deixado a Bauhaus em 1927 passou um tempo na Inglaterra at partir para os Estados Unidos onde disseminou as id ias da Bauhaus dando origem ao Estilo Internacional Este ltimo foi um processo que sem a mesma motiva o econ mica adotou o funcionalismo como sendo a maneira ideal de produzir objetos de uso Seu resultado est tico bem semelhante ao da Bauhaus Ainda poss vel encontrar no Neue Graphik su o uma grande influ ncia desse estilo A influ ncia da Bauhaus e de todo o ideal funcionalista para o design digit
51. Design de Interface As origens do design e sua influ ncia na produ o da hiperm dia Alexandre Santaella Braga Disserta o apresentada Banca Examinadora da Pontif cia Universidade Cat lica de S o Paulo como exig ncia parcial para obten o do t tulo de MESTRE em Comunica o e Semi tica sob orienta o do Professor Doutor S rgio Bairon Blanco Sant anna S o Paulo 2004 A Banca Examinadora AGRADECIMENTOS Ao meu orientador e mestre Professor Doutor S rgio Bairon por toda a sua amizade e ajuda t o fundamentais neste processo minha m e Maria L cia Santaella Braga e ao meu pai Jos Antonio Vedovelli Braga por tudo Ao amigo Lu s Carlos Petry por ter compartilhado o seu conhecimento filos fico Wenn Du aus dem anderem Dorf k mest Aos Professores do exame de qualifica o Dr Edson Pfiitzenreuter e Dr Rog rio da Costa Aos amigos e colegas da PUC Alexandre Campos C cero In cio Daniel Gatti Eliseu Lopes Jane de Almeida Lawrence Shum Marcos Steagall Marcus Bastos Maur cio Pontuska Oscar Cezarotto Priscila Arantes Priscila Farias Rejane Cantoni Rog rio Cardoso Rubens Fernandes S rgio Basbaum S rgio Nesteriuk Vicente Gosciola Victor Emmanuel e aos alunos do TMD IND CE Resumo 06 Abstract 07 Introdu o 08 Capitulo I Interface gr fica de usu rio sistema orientado visualiza o 11 1 Uma defini o de sistemas 11 2
52. GE FUTURE tennis SHOE FROM NIKE WITH THe P ER Os XOSKELE TAL STRAPPING axo me HUARACHE FIT INNERBOOT system WHICH MOLDS Kae BAP FEZ ANE ROMA SHARY SORBET WR UIT BECAUSE OF THe oF Nay INCREDIBLE AMOUNT OF CUuShionING HATS OFF TO THe E AIR CUSHIONING IN THE PPE 7 d HEEL AND 902 UAE AND THERE ARE f Lo fh jU P LE MYRIAD OTHER THINGS YOU HaVE IN COMMON Like FIE ARS e POSTER TARA ar mm af ist iL L VR Z 05 iU LET er s FACE i ir ir weren t ror THE HAIR X iB P d anD tHe earring AND THe WIMBLEDON Ss JE A sS X E R tg he y CUP you auys cx Be Like Lo T II ARS E ffm a Re A EM ina cones A J LE ZX mm s A f a Pd eo k E E a fo SEA esa fg y E a 4 sf ELLE P ster Elle 1915 de Marius de Zayas esq e o an ncio de David Carson para a Nike dir a experimenta o com a tipografia parece existir desde as vanguardas No design digital a influ ncia do Dada smo semelhante influ ncia no p s modernismo o rompimento e desconstru o da legibilidade e as sobreposi es de imagens e textos Isso pode ser visto em trabalhos desenvolvidos pela Mediumrare para a rede de televis o interativa Kudos Nas duas interfaces de cima a tipografia e a ilegibilidade Abaixo a constru o da imagem digital com r tulos de rem dio e fotografia lembram os Ready Made de Duchamp 89 Mesmo que n o exista o protesto da vanguarda Dada sta a id ia de desconstru o da fun o original agindo como
53. H aere masson secere ten More pe M bel Baie WEIMAR BAU U WOHNUNGSKUNST SS WEIMAR SCHILLERSTRASSE 14 1 118 Isso resulta em uma situa o na qual o designer n o deve aparecer com seu estilo individual o objetivo do designer neste caso utilizar os elementos visuais para que a leitura por parte do usu rio aconte a de forma a n o se perceber o design e sim receber a mensagem da maneira mais clara e r pida poss vel Este conceito que tem por base o funcionalismo foi chamado de transpar ncia por Ana Claudia Gruszynski pois a fun o do design aqui n o aparecer e do designer ficar an nimo A constitui o do design gr fico enquanto campo de atua o profissional portanto tem como raiz o funcionalismo que estabeleceu uma s rie de par metros que garantiram a execu o de um bom design A no o da pr xis profissional transparente invis vel vincula se diretamente aos projetos que seguem este tipo de orienta o form follows function que n o intr nseca rea de atua o mas resulta de um per odo hist rico espec fico assinalado pela constitui o dos meios de produ o capitalista Gruszynski 2000 58 O funcionalismo analisado por Gruszynski como a base da pr pria profissionaliza o do design mas tamb m como um momento espec fico no tempo n o o considerando como a nica forma de se fazer o design Concluindo a hist ria o segundo per odo da
54. IGA American Institute of Graphical Arts segue esse estilo em contraponto aos trabalhos impressos da mesma AIGA para divulga o de eventos 168 helped make celebra of the inclu home ee ee ee Ba LG 4 Search FORUM PUBLICATIONS INITIATIVES CONFERENCES JOBS a R News AIGA Design Conference 2005 Boston Massachusetts September 15 17 2005 Register before October 2 and recieve our lowest rate on the next AIGA national design conference More AIGA Design Education forum This new forum provides ideas and resources for design educators Read the latest articles and join the discussion More IDEAS FOR p NEED A DESIGNER 7 GET INVOLVED gt Voice AIGA Journal of Design In the latest issue Paul Shaw examines the Bush Guard memos for typographic clues Phil Patton raises a white flag in the battle of red vs blue Ralph Caplan tangos with the number 2 and doubts 7 s motives and Steven Heller sticks it to political button design More There is no they in AIGA only we AIGA is what we as members design itto be Marcia Lausen member since 1987 AIGA Medalists AIGA has added image galleries to the medalist section New galleries feature the work of Lucian Bernard Tibor Kalman Mathew Carter and many more along with essays that provide context for their work More Gain AIGA Business and Design Conference AIGA Get Out the Vote 20
55. SON Steven Cultura da Interface Rio de Janeiro Jorge Zahar Editor 2001 KORMAN Victor Teoria de la identificaci n Buenos Aires Nueva Vision 1977 KRUG Steve N o Me Fa a Pensar S o Paulo Market Books 2001 KUHN T The Essential Tension Selected Studies in Scientific Tradition and Change Chicago Universidade de Chicago 1977 LANDOW George P Hipertext The Convergence of Contemporary Criticalm Theory and Technology Maryland The Johns Hopkins University Press 1994 ___ Course Assignments in Hypertext The Example of Intermedia Journal of Research on Computing in Education 21 1989 349 65 _ Lecture Multimedia Dramaturgy Pedagogics and Innovation University of Oslo December 1996 _________ Inaugural Conference on Textuality University of Washington October 1997 org Hyper Text Theory Maryland The Johns Hopkins University Press 1996 LAUFER R SCAVETTA D Texto hipertexto hypermedia Porto RES 1995 LE GOFF Jacques Historia e Mem ria S o Paulo Unicamp 2003 LE O L cia O Labirinto da Hiperm dia Arquitetura da navega o no ciberespa o S o Paulo Tlumnuras 1999 LEVY Pierre As Tecnologias da Intelig ncia O Futuro do Pensamento na Era da Inform tica Rio de Janeiro Editora 34 1993 MANDELBROT Benoit The fractal Geometry of Nature New York W H Freeman 1982 MATTELART Armand Hist ria da sociedade da informa o S o Paulo Edi es Loyola 2002 MCLUHAN Marshall A
56. Sistemas Homem Maquina 12 3 Interfaces Gr ficas de Usu rio 17 Capitulo II A evolu o da linguagem da oralidade escrita 27 1 A pr oralidade 27 2 A compreens o da linguagem e a quest o da seqii ncia 28 3 A oralidade 29 4 O rompimento do suporte 33 5 A evolu o da escrita 35 Capitulo III Hiperm dia a fus o das linguagens em ambiente digital 46 1 Arquitexto um hipertexto sem suporte 46 2 As origens da hipermidia 47 3 N o linearidade em hiperm dia 55 4 Interatividade em hiperm dia fala pensamento e escuta 60 Capitulo IV As origens do design e o design digital 65 1 Cubismo uma vis o de v rios ngulos 66 2 Futurismo o desenho do movimento 75 3 Dada smo anti arte a fun o e a frui o 84 4 Construtivismo o princ pio da abstra o e a s ntese do design 92 5 De Stijl a pureza e a assimetria 100 6 Bauhaus a forma a fun o 111 7 N o linearidade e design gr fico 126 V Breve Conclus o 132 Bibliografia 134 Resumo A partir do desenvolvimento das interfaces gr ficas de usu rio as tecnologias da informa o tais como os computadores e P D A s tornaram se ferramentas multi tarefas Atendendo desde pequenas demandas operacionais como a digita o de textos at a intermedia o da comunica o entre pessoas os c
57. Wiliams gros L jory Click for more about USA TODAY online Na imagem abaixo Black indica em uma p gina de seu livro como sendo uma de suas refer ncias o designer Saul Bass em especial no P ster do filme Anatomy of a Murder 1961 marcado pelo uso simplificado de formas e das cores vermelha preta e branca BARR S o as melhores cores chocantes leg veis em perfeito contraste e t m sido empregadas desde o pri meiro dia 124 Isso demonstra que Black utiliza conceitos j fundamentados em outras m dias entre elas a impressa talvez para simular uma situa o qual o usu rio j est adaptado o que foi analisado nesta pesquisa como um dos conceitos de interface gr fica de usu rio 7 N o Linearidade e Design Gr fico Mais um fator pode ser levado em conta na quest o da interface se manter atrelada ao grid enquanto que a linguagem da m dia impressa j declarou a sua parcial independ ncia em decorr ncia do design gr fico p s moderno Se pensarmos em um an ncio ou mesmo uma revista Ray Gun com projeto gr fico de David Carson as p ginas impressas podem formar uma unidade isto ainda que seja uma mat ria subdividida em capa e p ginas internas existe um encerramento na utiliza o desse trabalho por parte de um leitor usu rio Ao encerrar a mat ria ou no outro caso ao encerrar a leitura do an ncio a mensagem que o design deveria transmitir foi envia
58. a capitalista remetem se de maneira mais ou menos expl cita ao precedente Dada sta Argan 1992 356 Os trabalhos tipogr ficos Dada stas aparecem como uma continuidade dos poemas de Marinetti O uso da palavra em liberdade e do aspecto mais imag tico do que verbal no texto criaram uma maneira muito espec fica de se trabalhar com a tipografia que viria a 85 se destacar no per odo em que os est dios de design gr fico come aram a contar com a tecnologia digital Ainda que a ferramenta de trabalho dos designers seja digital o suporte para o qual estes designers estavam criando ainda era o impresso Este per odo definido por alguns autores como o design gr fico p s moderno por surgir em meio ao pensamento p s moderno apareceu como uma contesta o tamb m do rumo que o estilo do design gr fico havia tomado Esse pensamento p s moderno manifestava se no sentido de que assim como outros elementos do modernismo o design acabou por atender s demandas comerciais em primeiro lugar excluindo quase que na totalidade a individualidade do designer que era fundamental Mesmo o designer sendo um projetista da produ o em s rie este deveria ter o seu estilo particular dentro do seu trabalho A resposta a esta tens o foi o estilo que marcou o per odo da d cada de 70 e 80 onde a tipografia foi totalmente deslocada da sua fun o de condutor do c digo verbal e da boa leitura fatores associados legibilidade
59. a arte j industrializada tornando a parte da pr pria cidade Ao eliminar qualquer dist ncia entre a arte e o cotidiano da popula o desde os m nimos objetos como a colher utilizada em 112 uma refei o at o urbanismo das casas e pr dios que comp em a cidade tudo seria produzido com as duas raz es de existir fun o e frui o integrando se na mesma forma do objeto O trabalho focado nos elementos mais simplificados representa o ato construtivista assim definido por Walter Gropius O Objetivo ltimo de toda a atividade criativa a constru o A Bauhaus pode ser dividida em tr s momentos distintos De 1919 a 1923 em Weimar sob a dire o de Gropius e com o corpo docente integrado por Johannes Itten que escreveu importantes textos a respeito da psicologia das cores a Bauhaus ainda n o estava ideologicamente conectada com as vanguardas russas A express o est tica da escola estava ainda muito ligada ao expressionismo alem o Isto se devia em parte presen a de Itten que tinha essa forma o Em um segundo momento da Bauhaus a partir de 1923 com a mudan a da sede para Dessau e a entrada dos construtivistas Lazlo Moholy Nagy e Joseph Albers no lugar de Johannes Itten o Construtivismo passa a existir como ideologia A composi o dos objetos e pinturas era constitu da de estruturas como o quadrado o c rculo e o tri ngulo De acordo com Paul Klee estas eram as unidades b sicas de todas as fo
60. a cultura internacional P s em crise ao lado dos demais valores a pr pria arte esta deixa de ser um modo de produzir valor repudia qualquer l gica nonsense faz se se e quando se faz segunda as leis do acaso J n o uma opera o t cnica e lingii stica ela pode se valer de qualquer instrumento retirar seus materiais seja de onde for De fato n o produz valor ela documenta um processo mental considerado est tico por ser gratuito Argan 1992 353 O resultado dessa tese Dada sta e sua resposta na arte que inclui tamb m os materiais pode dirigir se para a an lise do objeto Este possui entre outras duas principais raz es de existir a fun o e a frui o A fun o diz respeito s caracter sticas do objeto que permitem o seu uso A frui o diz respeito s caracter sticas do usufruto de um objeto de ter prazer pelo simples fato do objeto existir e permitir ser admirado O pr prio conceito do produto ou de determinados objetos caminha pelo valor est tico Os objetos t m determinados motivos para existirem Entre eles devemos destacar seu valor de uso e seu valor de frui o Quando nos referimos ao uso sabemos seu valor e se este atende fun o para a qual foi desenhado De pouco vale uma faca que n o corta Assim poss vel avaliar claramente seu potencial funcional Quando verificamos seu valor de frui o estamos na verdade avaliando seu componente est tico Por isso que dizemos que usu
61. a e do cone chamada de cubismo Em 1907 com a obra L s demoiselles d Avignon Picasso inicia o estilo cubista uma poss vel an lise do quadro a tentativa de descri o da passagem do per odo rosa analisado anteriormente para o cubismo Isto se encontra na busca das origens da inspira o de Picasso que ao visitar uma mostra de m scaras africanas encontra ali uma solu o para o problema que tentava solucionar a crise da cultura europ ia Picasso n o estava sendo o primeiro a descobrir a escultura negra j haviam chegado os fauves e os expressionistas seguindo nos rastros do exotismo e 67 primitivismo de Gauguin Mas era um modo de eludir o problema hist rico e o problema hist rico n o era a escultura negra e sim a crise da cultura europ ia for ada a procurar novos modelos de valores fora de seu pr prio campo Argan 1992 426 6 Les Demoiselles d Avignon 1907 de Pablo Picasso a Ao desenvolver a obra com um valor cultural algo mais do que a livre express o a pintura de Picasso ganha o valor funcionalista descrito por Argan O modo como constru do o estilo vem da fus o da escultura africana com a pintura europ ia Em uma tela bidimensional bem poss vel que a reprodu o de uma m scara como modelo da realidade necessitasse tamb m da ilus o de terceira dimens o e originasse uma mera c pia da arte negra como a reprodu o de um modelo vivo ou de uma natureza morta O
62. a experi ncia em rela o ao todo para que se atinja a compreens o Entre os sentidos poss veis de serem estimulados por um computador s com a vis o poss vel ter uma no o geral do conjunto em apenas uma r pida a o f sica e a mem ria visual muito mais duradoura do que a mem ria textual Com esse conceito de met fora visual para a r pida compreens o do usu rio Douglas Engelbart criou o projeto de um espa o informa o uma pr interface gr fica mas que 21 ja contava com uma linguagem visual similar ao Desktop com acesso informa o atrav s de Janelas e Mouse Este apesar de sua familiariza o n o deixa de ser uma primeira manifesta o da realidade virtual que digitaliza e reproduz em tempo real os movimentos do corpo humano O projeto todo foi chamado de Augment que correspondia ao aumento da mente humana O que Engelbart sempre soube e aplicou em seu espa o informa o que de nada adiantaria a met fora visual de um espa o ao qual o usu rio j estivesse habituado sem que ele pudesse manipular esse espa o Mais tarde esse espa o foi aperfei oado pela Palo Alto Research Center da Xerox na d cada de 70 e denominado What You See Is What You Get A imagem do What You See Is What You Get demonstra o quanto a linguagem visual das primeiras interfaces gr ficas se manteve similar linguagem visual impressa A interface gr fica de usu rio se tornou a s ntese da usab
63. a sociedade definia o significado de tais elementos de acordo com as necessidades espec ficas da informa o que n o poderia se perder O surgimento da escrita fon tica foi novamente uma tentativa de extrapolar o suporte impresso inserindo elementos sonoros operando em sinestesia tal como ocorre no ato da leitura Assim a escrita passa por um processo de evolu o de sua pr pria linguagem numa transposi o do imag tico para o verbal realizando uma fus o do ent o suporte fixo e da fala O ato da leitura ocorre pela visualiza o de elementos causando um processo sinest sico no leitor que simula o sentido da audi o enquanto v Esse processo evidentemente foi longo e passou por uma s rie de modifica es at atingir o seu est gio atual Uma das mais importantes foi a passagem de outros alfabetos para o grego que depois influenciaria o surgimento do alfabeto latino E SKYNA d d6Zr OLE EET PE ANE AS dE EH EA Parade x A KGL AE T f AE om 2 OT MEy C PATE Be eE 16 TT S j M L sm c y dX ESA poa T AS Er aa SS ee Alfabeto Grego esq um dos sistemas de escrita fon tica que iria influenciar o surgimento do alfabeto latino Coluna de Trajano dir um dos exemplos mais antigos de inscri es romanas 37 Aproximadamente em 2000 a C na regi o da atual Palestina surgiu o alfabeto protocanaanita com um sistema simplificado inferior a 30 caracteres Sua orige
64. ade do design Focado em desenvolver um objeto que tenha por raz o de existir tanto a fun o como a frui o o designer diferente de outros profissionais como engenheiros que eventualmente s se ocupam da fun o ou artistas pl sticos que se ocupam da frui o do objeto Uma quest o importante do trabalho de um designer sob o ponto de vista desta pesquisa dirigir o objeto exatamente para a sua fun o Dessa forma n o h o jeito certo de se fazer design O que deve acontecer que possa ser encarado como regra o fato de possibilitar o cumprimento da fun o pelo usu rio mas como atingir essa Jun o utilizando a est tica Essa a quest o que deve ser levantada pelo designer Em um exemplo como o trabalho de David Carson a ilegibilidade se adequou fun o e transmitiu a mensagem No trabalho de um p ster como o da Exposi o do sexag simo anivers rio de Kandinsky a mensagem definida como algo recebido atrav s da leitura N o h ju zo de valor no sentido de eleger um estilo de design como o correto Quando se projeta para o suporte digital existem mais fatores envolvendo o uso por parte do receptor da mensagem O design digital parece estar em um meio termo entre o design gr fico e o de produto pois conforme foi analisado o usu rio de uma hiperm dia n o apenas observa e l ele usa mais ativamente como no design de produto mas esse uso tem in cio na leitura o que
65. agem desde a oralidade e as estrat gias mnem nicas de armazenamento recupera o e propaga o da informa o at a escrita e sua evolu o a escrita pictogr fica fon tica e a perda do sistema de fluidez da fala que conta com a intera o entre dois agentes pensantes e a cria o da linguagem espec fica da escrita com sinais n o fon ticos O terceiro cap tulo discute a linguagem da hiperm dia o conceito de arquitexto hipertexto e a fus o entre a linguagem oral e escrita em um mesmo meio A cria o do suporte hiperespacial e a instala o da interatividade como linguagem entre o ser humano e a m quina O quarto e conclusivo cap tulo volta se para a discuss o que originou este trabalho Com uma experi ncia de doc ncia na rea de design minha busca por sistematizar o processo do design me levou a pesquisar na hist ria do design o momento em que cada novo estilo surgiu e a contribui o que trouxe para o design digital hoje Inspirado no texto de Allen Hurlburt que desenvolveu uma pesquisa desta natureza no ramo do design gr fico esta discuss o analisa a origem de cada movimento que levou institucionaliza o do design e analisa o que do design gr fico do design de produto e da arte permanecem no design digital Assim as an lises dos segundo e terceiro cap tulos servem para propor o que espec fico da hiperm dia e da interface gr fica de usu rio Cap tulo I Interface gr fica de
66. al est em parte na mesma rela o que o funcionalismo e a transpar ncia t m com o design gr fico No intuito de que a compreens o e leitura da mensagem ocorram de maneira clara e f cil no entanto aquilo que mensagem em uma interface gr fica n o se limita aos elementos textuais que devem ser compreendidos no ato da leitura O design para o suporte digital envolve a compreens o da informa o que est sendo visualizada na interface e o destino ao qual o usu rio ser encaminhado Ao se pensar em uma interface funcionalista importante analisar que essa fun o n o apenas a exposi o do conte do de forma leg vel mas tamb m deixar clara a navega o para onde cada a o do usu rio poder lev lo Esse um dos itens que diferenciam o design gr fico do digital Em uma interface a participa o do usu rio mais ativa do que apenas ler ler decidir e clicar Na imagem do site abaixo do escrit rio de design informacional Meta Design de Erik Spiekermann o estilo Bauhaus se faz presente no grid composto de quadros assim tricos no uso das cores vermelha branca e tons de preto e na legibilidade da tipografia Ainda poss vel encontrar um tra o funcionalista mais acentuado na navega o Isto porque o site est com todos os links posicionados no mesmo local durante toda a navega o como se cada link fosse uma cortina que se abre para a exposi o do conte do Este elemento gr fico funcio
67. ala Os signos que s o acionados na mente da pessoa s o individuais no que diz respeito especificidade de alguns g neros A leitura desses registros gr ficos pictogr ficos n o se comportava de maneira t o confi vel quanto a escrita j em um estado mais aprimorado 35 Esses sistemas gr ficos visuais serviam como o recurso mnem nico permitindo que um especialista adequadamente treinado pudesse recuperar importantes informa es culturais Descrever o emprego desses sistemas como leitura talvez alargue indevidamente o sentido moderno do termo certamente nesses casos n o se pode distinguir claramente entre ler um texto e descrever uma figura O que esses sistemas gr ficos fazem trazer mem ria e consci ncia os sentidos culturais e a interpreta o de s mbolos mas pouco contribuem para as no es tais como linguagem palavra ou fonema Especificamente embora se entendesse que cada um desses sinais gr ficos dizia a mesma coisa em cada oportunidade em que era lido n o chamariam a aten o conceitos ling sticos tais como palavra ou as mesmas palavras porque n o h nada neles que possa servir de modelo para tais constituintes ling sticos o desenho de um c o ao mesmo tempo o desenho de um quadr pede domesticado um c o da ra a collie um animal de estima o o melhor amigo do homem etc N o h uma correspond ncia biunivoca entre elemento ling
68. amente e propositalmente tamb m tem seu rendimento avaliado a partir de sua mem ria e do seu espa o para armazenar informa o neste caso o computador se comporta como uma extens o do c rebro pois este procedimento aproxima o do funcionamento do c rebro humano claro que a capacidade do computador em causar a revolu o digital est no fato dele transformar n meros em informa o Neste contexto em que ele se torna uma ferramenta multi tarefa as extens es que o computador pode desempenhar s o m ltiplas n o apenas do c rebro mas tamb m de uma infinidade de coisas que ele substitui desde uma m quina de escrever nos softwares de edi o de texto at a comunica o entre pessoas que n o necessitam de um aparato muito mais desenvolvido do que o que pode se encontrar na maioria das 18 casas Com uma c mera e um microfone pessoas podem se comunicar de diferentes pa ses ouvindo umas s outras e se vendo em tempo real algo que h pouco tempo era uma exclusividade das fantasias dos filmes de fic o cient fica o que novamente pode ser exemplificado no filme 2001 Uma Odiss ia no Espa o quando o Dr Floyd conversa com sua filha atrav s de um aparelho semelhante a um televisor neste caso ambos estavam em planetas diferentes mas aquela cena que funcionava como uma exposi o da revolu o tecnol gica a que imaginava se que o homem do s culo XXI chegaria estava correta ainda que na Terra a
69. anos com a influ ncia da assimetria japonesa e L Corbusier com a sua afirma o de que a casa uma m quina de morar demonstra a ideologia de seus projetos que davam primazia simplicidade do objeto como uma forma de atender sua fun o Ambos s o influ ncias hist ria do design e constroem esse capitulo em paralelo Arte Moderna que a Arquitetura Moderna 99 Composi o em preto e branco 1916 esq Theo Van Doesburg e a cadeira 1917 dir de Gerrit Rietveld Os trabalhos de Theo Van Doesburg e Piet Mondrian ficaram marcados por esse estilo de preenchimento com cores prim rias de planos cartesianos assim tricos A imagem abaixo demonstra a influ ncia de Frank Lloyd Wright em Janela de Vidro Chumbado 1912 para a pintura de Mondrian A revolucion ria concep o formal do De Stijl foi resumida por Van Doesburg em 1928 A linha reta corresponde velocidade do transporte moderno os planos horizontais e verticais manipula o mais sutil ou s mais simples tarefas da vida e da tecnologia industrial O homem moderno desafia a forma ortogonal sim trica com uma forma obl qua assim trica Estas renova es elementares encontram seu equivalente na teoria da Relatividade nas novas pesquisas sobre a natureza da mat ria e numa atitude aberta em dire o intelig ncia ilimitada e as iniciativas criadoras dos seres humanos Hurlburt 1986 36 A an li
70. antes em seu fundamento l gico como qualquer equa o matem tica exata O flagrante car ter an nimo da produ o por m quinas era igualmente atraente porque eliminava a express o subjetiva e o inevit vel individualismo de estilo pessoal Era a express o de um significado coletivo universal uma f ut pica na idade moderna resultado da produ o em massa do p s guerra Carmel Arthur 2002 16 O artista n o mais tem contato direto com a obra ele pensa na estrutura e projeta para que a ind stria produza Ainda que ele o ent o artista idealize o objeto para que este atenda a sua fun o atrav s unicamente da sua forma e inclua frui o neste objeto sob a express o de elementos est ticos presentes no racionalismo construtivista das formas b sicas e cores prim rias ainda assim a ind stria que transforma a mat ria prima em produto A m quina que d o corte no a o ou na madeira a prensa gr fica quem tem o estilo de espalhar a tinta sobre o papel Assim se institui a est tica da m quina possibilitando desde o Construtivismo Russo a produ o da arte em s rie O artista ao perder o contato direto passa para projetista em ingl s designer algu m que faz um desenho para que a ind stria finalize um desenhista industrial Dessa forma a produ o era focada nos interesses da ind stria O pr prio princ pio das atividades das artes aplicadas alem s desde o princ pio do Deutscher We
71. aproxima o design digital do gr fico o usu rio observa l decide e clica e a interface um meio que envolve uma curva de aprendizagem do usu rio que pode mudar toda a metodologia de uso Contudo no caso de desenvolver o design digital n o se deve prender o design a alguma regra deve se como nos outros suportes identificar a melhor maneira de aliar a est tica fun o em um projeto no qual o usu rio vai co autorar o conte do No exemplo da hiperm dia Valetes em Slow Motion a fun o de navega o eliminada em favor da mensagem e da pr pria no o de interface como ambiente J em um trabalho como a Future Brand o padr o funcionalista utilizado para que o ambiente seja 151 familiar a qualquer usu rio que nunca tenha entrado em contato com o site antes Independente do estilo que se quer adotar o design pode ser funcionalista ou seguir as vanguardas de ruptura n o importa o que tem de acontecer sempre o designer pensar na perspectiva do usu rio 152 Bibliografia ADES Dawn O Dada e o Surrealismo Barcelona Editorial Labor 1976 AMBRON Susann amp HOOPER Kristina Interactive Multimedia Washington Microsoft Press Redmond 1988 ARGAN Giulio Carlo Arte Moderna S o Paulo Companhia das Letras 2002 ARNHEIN Rudolf Arte amp Percep o Visual S o Paulo Pioneira 1980 BAGGERMAN Lisa Web Design That Works Glocester Rockport 2001 BAIRON S rgio Hist ria Palin dica T
72. aram foi uma maneira de hospedar o maior n mero de informa o poss vel em um suporte que oferecesse a recupera o da informa o imediata atrav s da associa o entre os conte dos como faz a mente O que est ocorrendo neste ponto que o processo de leitura hipertextual j existe e ele surge da necessidade da escrita extrapolar o seu meio r gido o que se v ent o uma busca de criar atrav s da tecnologia um suporte para o arquitexto 2 As origens da hiperm dia Em termos de funcionamento a rela o principal do que a hiperm dia hoje e com as primeiras no es de uma linguagem hipertextual est no acesso informa o de maneira n o linear Nas sociedades orais prim rias buscavam se maneiras de criar uma segii ncia pr determinada dentro da mente O texto escrito possibilitou justamente a fixa o e recupera o exata dessa seqii ncia desenvolvendo uma linguagem espec fica Ent o com o desenvolvimento das tecnologias do s culo XX pesquisadores entre eles Paul Otlet Vannevar Bush Douglas Engelbart e Ted Nelson que podem ser considerados os precursores da hipermidia come aram a desenvolver suportes para o arquitexto resultando em um meio de acesso informa o atrav s de v nculos associativos que unem um determinado assunto a outro sem a exist ncia de hierarquia entre os t picos 46 O termo hiperespa o vem de um termo ainda maior e mais antigo espa o hiperb lico introduzido e
73. as como elementos est ticos elementos que d o obra o seu valor de frui o Neste ponto poss vel encontrar trabalhos que s o realizados visando a ambas raz es de existir do objeto a fun o e a frui o o que daria origem mais tarde na Bauhaus ao design Ainda na quest o da fun o embutindo mensagens de conte do social que s o transmitidas popula o que se quer comunicar atrav s de elementos puramente est ticos os construtivistas russos trabalham com uma ideologia de socializa o da arte Ao contr rio dos Dada stas que questionam a arte dentro de seu pr prio conte do os construtivistas acreditavam que arte pode ser uma experi ncia est tica contanto que n o fique encerrada dentro de um museu e sim que possa ser utilizada por todos Dessa forma os artistas construtivistas acreditavam tamb m que o aprimoramento tecnol gico na arte tinha a capacidade de socializ la ainda mais pois isso possibilita a produ o em s rie e extingue a necessidade de museus Os construtivistas rejeitavam a id ia de que uma obra de arte era nica Para eles isso era uma cren a da velha sociedade burguesa Armados de forma oriunda da nova pintura abstrata partiram para demolir a divis o entre arte e trabalho A produ o mec nica de imagens atrav s de fotografia se adequava sua ideologia A reprodu o industrial por meio das m quinas impressoras tamb m convinha a seus objetivos de trabalharem todos
74. as nos s mbolos n o fon ticos que criam uma estrutura de entendimento que independe da fala e se organiza atrav s da sintaxe da localiza o de um s mbolo em um determinado local na ordem das palavras Derrida demonstra uma diferen a ao levantar a quest o dos sinais n o fon ticos e abre espa o para se destacar uma semelhan a entre texto e fala a seqii ncia dos elementos verbais que define ambos os sentidos pois trata se de duas linguagens verbais em suportes diferentes Curiosamente em Saussure na origem do estudo objetivo da linguagem repetem se o preconceito plat nico e a revalida o da metaf sica da presen a pela nfase na import ncia da oralidade Talvez seja poss vel dizer que ele deixa de lado o estudo de uma face da linguagem n o percebendo que a escrita tem estrutura hom loga da fala tendo regras pr prias para a sua composi o desde o detalhe da letra at a ordena o da id ias Gruszynski 2000 29 De fato na hist ria das primeiras civiliza es que utilizaram a escrita fon tica n o se encontram sinais de pontua o nem tampouco os demais sinais n o fon ticos Algo que j foi um dia um signo da fala deixou de o ser na medida em que evoluiu para uma linguagem espec fica O que permitiu sua evolu o e ocupa o na sociedade como um sistema de informa o espec fico e n o uma conota o de signo da fala foi a capacidade que o texto propicia a seu autor de criar contextos espec f
75. assagem de oral prim ria para oral secund ria a no o de tempo A no o de sucess o e irreversibilidade em uma civiliza o com sistemas de registro em suportes fixos se torna vis vel e palp vel com os registros sofrendo a pr pria a o do tempo tanto em sua conserva o material quanto no seu conte do Essa no o de tempo se faz fundamental para a sobreviv ncia quando as sociedades inventam a agricultura e abdicam da obten o instant nea de alimento por meio da ca a e da colheita aleat ria Passando para um processo cadenciado que tem por base as programa es de colheita em fun o do tempo de plantio faz se fundamental que o controle da passagem do tempo seja registrado em um suporte seguro que pudesse ser manipulado por qualquer membro da sociedade em qualquer circunst ncia Aqui a forma de registro da informa o o que define esse 54 processo independente da exist ncia ou n o da linguagem A nica import ncia que se pudesse ter em uma base informativa comum Neste primeiro momento a escrita funciona como um boletim dos acontecimentos um indiv duo das civiliza es sum rias poderia marcar no barro a quantidade de ovelhas que ele possu a ou contar o n mero de noites que levava para realizar uma determinada colheita A escrita foi inventada no Oriente Pr ximo antigo com o intuito de registrar as atividades comerciais Com o crescimento das economias centralizadas os funcion rios dos pal cios
76. caractere alfanum rico espec fico o que facilita a leitura aumentando a legibilidade Um crit rio racionalista e econ mico utilizado no design desses tipos as letras b d p e q s o o mesmo caractere somente alterando a sua orienta o no espa o o mesmo para o n e u otimizando o trabalho da m quina que produz os tipos 18 Theo Van Doesburg chegou a desentender se com Mondrian ao deslocar as composi es de retas e planos assim tricos para uma forma diagonal no espa o 117 IR CUSHIONING IN THE aug STAP WITH abcdefghi jklmnopar STUVUXUZ Pensem GRIER RIL A RARE 37534 pie kana Gee of HSR peek m pease fant ohen Elas Ced Shes Keine ha WEES _sTurm ed as ns A maioria dos p sters criados na Bauhaus tinham esse conceito funcionalista de priorizar a leitura para que o design seja um meio transmissor da mensagem Assim que a forma a fun o a comunica o colocada como prioridade e os elementos est ticos s o utilizados em sua subordina o N o significa que necessariamente a subordina o implique em uma anula o da est tica mas sim que esses elementos est ticos mantendo a no o de uma composi o equilibrada colaborem na exposi o clara da mensagem DAS FRANKFURTER REGISTER 17 WEIMAR BAU La WORRUNSSKUNST oe e rre nisation der Mien B O FORTISSIMO o O RECHT mE Cra mE aE Te ZUOPENDEL MARSCH MARSC
77. cesso criativo Ao grudar nas suas telas fragmentos impressos e r tulos eles sugeriram novas maneiras de combinar imagens e comunicar id ias Esse processo originado no cubismo sint tico que foi um segundo est gio advindo do cubismo anal tico que Picasso e Georges Braque iniciaram ap s L s Demoiselles d Avignon Caracter sticas similares e at diferenciadoras s o encontradas no interior de ambas subdivis es do movimento O que importante destacar para esta pesquisa s o as possibilidades de dissocia o do papel do artista autor e a rela o entre a co autoria na hiperm dia e tamb m o estilo para o design visual da interface Diante do quadro n o mais necess rio perguntar o que ele representa mas como funciona E tampouco quem o fez a pergunta pressup e o preconceito de que ele representa o mundo interior a individualidade do artista Hoje avaliando retrospectivamente pode se talvez observar que a nfase nos quadros anal ticos de Picasso encontra se nos fatores pl sticos e nos de Braque nos fatores crom ticos Muito mais importante observar o que t m em comum 1 a n o distin o entre imagens e fundo a elimina o da sucess o dos planos numa 69 profundidade ilus ria 2 a decomposi o dos objetos e do espa o segundo um nico crit rio estrutural a concep o da estrutura n o mais como esqueleto ou arma o fixa e sim como o processo de agrega o formal 3 a sobreposi
78. da ao receptor Independente do sucesso na comunica o ou n o o processo se encerrou ali na rigidez do papel ou de qualquer suporte fixo THE resemblance Between YOU AN y 7 AND ar 3 UN Y Se YOU BOTH ape o ANDRE Is LENGE future lennis shot reom NIKE wiri THe FIT INNE OT system wui Bal MOTION BECALSE OF THe Dad CUSHIONING IN THE RE ANE vey MOL IM ves rack 3 eet HAIR aa SK E E A 4 j Ne A 6 Design gr fico de David Carson 1 e 2 an ncio para a Microsoft 3 an ncio par a Pepsi 4 An ncio para a Nike 5 e 6 projeto grafico de capa e p ginas internas relacionadas capa para a revista Ray Gun 125 Em uma hiperm dia ao contr rio da m dia impressa o usu rio est diante de uma estrutura reticular ver p g 58 isto ele tem a capacidade de se conectar A pr pria classifica o de um documento como sendo uma hiperm dia prev que a lexia visualizada esteja vinculada a outras lexias como se estivessem conectadas umas s outras em uma estrutura semelhante a uma rede Dessa forma pensando em uma hiperm dia como um todo temos um modelo de diagrama da intera o de um usu rio com a hiperm dia onde o usu rio pode ler todas as p ginas de um assunto espec fico ou procurar itens relacionados no mesmo suporte de visualiza o o computador Se compararmos ao diagrama de uma revista ou livro vemos que no caso do meio impresso a linearidade ao mesmo
79. de anarquistas sindicalistas e socialistas estavam os intelectuais e artistas jovens que ao adotarem essa ideologia din mica como tema principal de seus trabalhos d o origem ao movimento futurista O jornal La Demolizione foi o ve culo no qual Filippo Tommaso Marinetti em 1909 exp s seu manifesto futurista da poesia que expressava a ideologia de destruir o passado e se voltar somente para o futuro O mesmo Marinetti criou um poema que realiza uma fus o do verbal e do visual em um processo sinest sico representando o som e a imagem em uma mesma manifesta o Por tratar se de uma imagem que representa uma guerra os tipos est o dispersos no plano representando o som como onomatop ias Al m disso Marinetti buscou expor um conjunto de elementos visuais que equivalessem altura do som Diferenciando os pesos tamanhos e posi es dos tipos no papel algumas palavras recebem uma nfase maior em seu processo de leitura como se necessitassem ser gritadas ao inv s de faladas se lidas em voz alta Conforme analisado anteriormente a influ ncia cubista deu origem a outros movimentos Nesse trabalho de Marinetti o estilo das colagens com tipos cubistas 14 aprimorado para uma estrutura que rompe com a sintaxe e oferece ao observador a intera o de juntar os fragmentos de textos e elaborar a senten a de acordo com a sua inten o um rompimento com a linearidade da tipografia impressa que simula um hipertexto sCR
80. e a representa o das formas pr existente bem como uma anula o de estilos j institu dos Assim a simplifica o era na realidade um conceito est tico de que a arte se representa em si mesma A defini o do que se entende por design moderno deveu se muito aos problemas de afirma o pol tica e econ mica do Estado Empresa alem o No entanto havia ainda um aspecto importante para resolver a necessidade de um conceito est tico e formal para a produ o industrial Muthesius como se viu propunha uma concep o simplificada dos produtos maneira de torn los mais adequados tanto em aspectos t cnicos como de custos ao incremento de seu consumo portanto ao desenvolvimento de um mercado interno Mas isso n o era suficiente Afinal apenas a simplicidade n o era um crit rio est tico formal para definir e caracterizar um conceito Por outro lado simplicidade aliada a requisitos de qualidade m nima significaria a ado o de um programa est tico conciso concreto cujo sentido e signficado pudessem estar contidos em si mesmo Esse programa inclu a at mesmo por estar de acordo com a id ia de progresso uma tica n o naturalista alguma coisa j pr xima a uma est tica mec nica inclu a pedagogias Souza 1997 26 Somada a isso a necessidade ou exig ncia do Estado Empresa de uma otimiza o na produ o leva os designers artistas artes os e arquitetos do Werkbund a trabalhar sob a refer ncia da a
81. e intera o entre a vida e o seu meio ambiente segundo a qual os organismos mais aptos sobrevivem e se auto selecionam sobrevivendo aos mais fracos O que de mais importante fica dessa mensagem para o conceito de sistemas homem tarefa m quina que a sobreviv ncia est diretamente relacionada adapta o ao meio O meio no qual o homem evoluiu j existia antes dele n o deixando muita escolha a n o ser que ele se adaptasse ou desenvolvesse m todos para facilitar essa adapta o Em uma passagem no tempo de 12 mil anos representada em apenas alguns segundos o diretor de cinema norte americano Stanley Kubrick em sua produ o udio visual 2001 uma Odiss ia no Espa o de 1968 produziu uma encena o de um grupo de 7 O desenvolvimento de m todos para a sua adapta o traz uma outra discuss o a de que o homem altera o meio ao inserir elementos Tais m quinas e ferramentas passam condi o de parte do meio sem as quais o homem n o pode sobreviver o que n o permite que se considere a sua passagem pela Terra como um processo de adapta o Entre os elementos inseridos no meio pelo homem as ferramentas de comunica o e linguagem s o pe as importantes conforme analisou L cia Santaella em Psican lise e Hist ria da Cultura apud Bairon Petry a revolu o teleinform ica ou revolu o digital atinge em um pensamento antropol gico propor es t o importantes quanto a revolu o neol tica 15
82. e ponto para a frente foi uma constante nos temas das obras futuristas Tudo que se relacionasse com o novo e fosse totalmente desvencilhado do passado era admirado No per odo hist rico do in cio do s c XX o mundo passava por mudan as marcantes O desenvolvimento do barco a vapor e o carro motorizado valorizavam a velocidade Tamb m surge um novo conceito de velocidade envolvendo as comunica es a partir das primeiras liga es telef nicas intercontinentais As novas maneiras do homem moderno interagir com o tempo e com o espa o fizeram surgir j naquele per odo as primeiras alus es aldeia global A busca por novas formas de express o de id ias conforme analisou Humphreys 2001 26 acabou por colocar os futuristas em contato com o cubismo O cubismo criara uma maneira de pintar que alterava por completo as normas das artes visuais Concentrando se geralmente em temas tradicionais como a paisagem o retrato e acima de tudo a natureza morta os cubistas analisavam a forma e o espa o de modo a decompor os objetos em uma matriz de fragmentos semi transparentes na qual j n o se distinguiam superf cie e profundidade Dispunham se facetas de cores suaves e linhas interrompidas a fim de apresentar os objetos de diversos pontos de vista at que entre 1910 e 1911 quando os futuristas come aram a levar a s rio esses trabalhos a tela salpicada e pinceladas j n o apresentasse um denso campo de signos amb guos
83. ec ficos como O Jogo da Amarelinha de Julio Cortazar linear O usu rio entra em um sistema de co autoria do material que exposto a ele Ainda que ele n o tenha o controle do conte do interno a maneira com que definida a seqii ncia dos t picos interligando um conte do a outro em diferentes ordens define e por vezes altera o pr prio contexto O filme Blade Runner O Ca ador de Andr ides de Ridley Scott um exemplo interessante que demonstra a mudan a no contexto de uma informa o a partir da inexist ncia e exist ncia de trechos no decorrer da visualiza o No roteiro da vers o original de 1983 uma d vida intrigou o espectador ao deixar sem solu o o fato da personagem principal o Ca ador de Andr ides ser ou n o um andr ide Na vers o lan ada mais de dez anos depois da original o diretor editou a inser o de cenas in ditas que ao serem associadas ao contexto fazem da personagem um andr ide de fato Uma cena simples que mudou todo o contexto Se uma hiperm dia principalmente as narrativas tem em seu roteiro a possibilidade de acesso ou n o a cenas com esse tipo de conte do a participa o do leitor fundamental tornando o co autor e a sequ ncia n o linear Em Hipertexto George Landow descreve entre outras as caracter sticas da n o linearidade como a topologia b multi linearidade c manipula o e d reticularidade Todas essas caracter sticas s p
84. edade das redes far crer um s culo depois a representa o reticular do planeta bem anterior ao que se convencionou chamar de revolu o da informa o N o h nada de surpreendente ent o que quarenta anos ap s fundar o Instituto Bibliogr fico de Bruxelas Otlet antecipe a id ia de rede das redes Wannevar Bush surge em 1945 como o pensador de um sistema de comunica o n o linear que mais tarde ganharia de Ted Nelson o nome de hipertexto Baseado no funcionamento da mente Bush escreveu o artigo As We May Think Se a mem ria de longa dura o funciona a partir de associa es e estas em um determinado per odo 49 foram utilizadas como o principal suporte de armazenamento e recupera o da informa o naquele per odo era necess rio introduzir a informa o que se queria preservar em meio a estruturas narrativas para que pudesse ser antecipada a maneira pela qual a mem ria buscaria as diferentes associa es Utilizando as associa es da mente de maneira descomprometida do conte do o que se tem um sistema de acesso informa o n o linear que se conecta aos diferentes conte dos atrav s de associa es entre temas espec ficos Em As We May Think Bush destaca que importantes informa es para o conhecimento humano estavam se tornando inacess veis e ocultas em fun o da rigidez dos suportes que as sustentavam e tra a um contraste entre esses suportes fixos e o suporte m
85. ediumrare net desenvolveu uma met fora da poss vel fala do usu rio da hiperm dia Os links s o formados por menus suspensos que possibilitam ao usu rio formar frases e a partir da visualizar o que a frase diz Bectle abode chijkimnopq ratuvwxyeABCDLIGHLIK Na imagem da p gina inicial esq h uma instru o ensinando o usu rio a montar as senten as e navegar No in cio o usu rio pode escrever apenas o nome da empresa ainda que de maneira limitada desde o que Mediumrare est fazendo neste momento faz trabalhos o perfil da empresa at o usu rio formar todas as senten as A Mediumrare faz tipografia para Beetle Para exemplificar o pensamento faz se uma an lise dos sites de compra on line quando um usu rio insere seus dados pessoais em um site de compras como o Amazon http www amazon com depara se com uma s rie de ofertas que correspondem a produtos que se relacionam em algum elemento de seu conte do compra anterior realizada por esse mesmo usu rio 62 amazoncom Al YW vew ner wemust ouraccoun mr shop The Children s Place arc pet Ng bee shipping when you spend 180 ce more B results for game design Search Books Related Searches game development C tor game design co Greate anew board game b y kes sampanthar 2 come Design The Art ond Business of Creating Games by Bob Bates ame programmin
86. eio de engrenagens que realizavam a mudan a dos discos de ferro que indicavam os n meros para a entrada e leitura dos resultados e sem grandes avan os j que ela s executava as opera es de adi o e subtra o Mas a import ncia da Pascalina foi demonstrar que tarefas que necessitavam de racioc nio humano poderiam ser realizadas por uma m quina Passaram se muitos anos e entre v rios projetistas e construtores de m quinas de calcular destacou se o ingl s Charles Babbage que projetou sem conseguir finalizar a M quina de Diferen as e a M quina Anal tica 17 M quina das Diferen as de Charles Babbage Apesar de nunca ter conclu do nenhum de seus trabalhos Babbage considerado o primeiro a imaginar uma m quina com o funcionamento de um moderno computador Sua M quina Anal tica dispunha de um dispositivo de entrada armazenamento de n meros para processamento um calculador num rico uma central de controle para organizar as tarefas e um dispositivo de sa da Isso j se assemelha muito ao funcionamento de um computador moderno j que ela se baseava em um processo de tr s fases entrada processamento e sa da de dados Um computador tamb m est baseado na mesma tr ade No entanto o computador uma ferramenta multi tarefa j que os dados que entram e saem n o s o apenas n meros de opera es matem ticas Em suas primeiras a es como um arquivo de informa es temos uma m quina que metaforic
87. enada virtualmente e nunca se materializa a n o ser que seja acessada pelo usu rio como se ela na sua dimens o de interface gr fica de usu rio existisse em um suporte que n o ocupa um lugar no espa o Assim a nica interface existente aquela que aparece temporariamente no monitor s existe uma m dia Perspectiva art stica de uma pessoa acessando o ciberespa o designer Douglas Okasaki 52 Dessa forma ao linkar dois conte dos o usu rio define de que informa o ser formada a m dia que ele est acessado eliminando a hierarquia entre os t picos funcionando como a mente Landow j indica portanto a necessidade de se entender a hiperm dia como linguagem e n o como inven o da inform tica Ele n o nega por m a import ncia de solu es t cnicas como o hiperlink que permite o uso de blocos de textos ligados por jun es sem nticas Mas mesmo reconhecendo que o texto hipermidi tico surge como conseqii ncia dessa possibilidade de conex o entre documentos distintos ele leva a quest o adiante para ele mais importante o fato de esse tipo de combina o estimular o pensamento relacional ao inv s da organiza o linear A rede sem ntica que organiza a informa o no c rebro cria associa es n o lineares Quando a pessoa l um texto ouve uma m sica ou assiste a um filme ela n o absorve esses conte dos de maneira linear Bastus 2000 23 Deve ficar claro que o intuito
88. ente propondo um novo modelo de armazenamento e recupera o da informa o aonde a informa o sempre acessada atrav s de v nculos entre os temas no exato momento em que se faz necess ria sem hierarquia entre os t picos mas com a exatid o de estar em um suporte fisicamente vi vel Assim como no exemplo do cap tulo inicial a respeito da t bia cassetete como ferramenta utilizada pelo human ide de 2001 Uma Odiss ia no Espa o e da rela o com a interface existente na proje o das ferramentas como extens es do corpo humano Bush elabora o projeto do Memex um dos primeiros modelos de m quina que funcionaria como uma extens o do c rebro da mem ria As associa es que a mente faz ao buscar informa es na mem ria de longa dura o seriam reproduzidas pela exist ncia de v nculos associativos links vinculando um t pico existente no interior de um determinado conte do a outro independente Com isso o usu rio do Memex poderia juntar temas diferenciados s suas pr prias anota es permitindo que o equipamento emulasse o funcionamento da sua pr pria mente O projeto utilizaria micro filme para armazenar a informa o e um equipamento formado de uma mesa de trabalho um monitor para a amplia o e visualiza o do conte do do micro filme e para permitir a entrada de dados por parte do usu rio um teclado e um joystick este ltimo na fun o hoje cumprida pelo mouse 50 Modelo do
89. equires the Macromedia FLASH 5 plug in amp 4 0 browser Cage P S Ball Powengorts Goes i 2 HX Online E Eloi Z 1 don t want Flash S i a e i rs E C PAF 752 589 E n A w a 4 T t i BURT E at care UP T T K EO re a x i y A A 1 mame lnm l as Interfaces do site Juxt Interactive designer Todd Purgason 13 2 Futurismo o desenho do movimento De acordo com Buchholz o cubismo rapidamente conquistou terreno vindo a influenciar o futurismo italiano o construtivismo russo e o De Stijl holand s Isso mostra que a ascens o do cubismo abriu espa o para a sua entrada na It lia O contexto pol tico social localizado na hist ria em 1896 tem Giovanni Giolliti chegando ao poder na It lia com uma proposta de crescimento econ mico e as aten es voltadas para todos os setores e classes sociais O que foi de fato posto em pr tica acabou desagradando um grupo de anarquistas sindicalistas e socialistas que acabaram por formar um bloco popular de oposi o e protesto contra o l der italiano acusando o tamb m de utilizar pol ticas muito moderadas pois acreditavam que s o radicalismo poderia defender os interesses de toda a popula o Os demais que tendiam a um pensamento oposicionista acreditavam que a guerra e a integra o social eram os requisitos fundamentais para o rejuvenescimento do Estado Dentre aqueles que n o necessariamente faziam parte do grupo
90. erem memorizadas e n o gravadas em algum suporte A teoria de que o rapsodo encarregado da declama o contava com uma f rmula pronta aonde ele poderia encaixar os itens da ora o verbos sujeito e adjetivos mudando apenas a estrutura mas nunca a a o 52 outras maneiras que ainda n o se utilizavam da linguagem verbal Voltando ao exemplo de linguagem de Pierre L vy Ao conservar e reproduzir os artefatos materiais com os quais vivemos conservamos ao mesmo tempo os agenciamentos sociais e as representa es ligados a suas formas e seus usos A partir do momento em que uma rela o inscrita na mat ria resistente de uma ferramenta de uma arma de um edif cio ou de uma estrada torna se permanente Linguagem e t cnica contribuem para produzir e modular o tempo L vy 1993 Ao associar um objeto produzido pelas sociedades orais prim rias a algum momento na hist ria o homem est dando ao mesmo um valor de registro sendo esse pr prio objeto um meio r gido Funcionando como representa o de natureza diversificada desde cotidiana at cultural os objetos de uso ganham uma utilidade de suporte de informa o ainda que sem utilizar se da linguagem Mesmo os desenhos rupestres encontrados nas cavernas pr hist ricas que s o formas de express o de conte do emocional e n o racional ou de organiza o da informa o tamb m funcionam como um registro em suporte fixo de algo que o homem contempor neo p
91. ese de doutoramento defendida na F F L C H USP 1991 ___ Multim dia S o Paulo Global editora 1995 PETRY Lu s Carlos Hiperm dia Psican lise e Hist ria da Cultura S o Paulo Ed Mackenzie 2000 BALTRUSAITIS Jurgis Anamorphics Art New York Herry Abrams 1977 BARTHES R O Rumor da L ngua S o Paulo Brasiliense 1988 BASTOS Marcus Palavra e Imagem Acordes Semi ticos do impresso ao digital Disserta o de Mestrado em Comunica o e Semi tica PUC SP 2000 BENJAMIN Walter Refletions Essays Aphorisms Autobiographical Writings New York Helen and Kurt Wolff 1978 A Obra de Arte na Era de sua Reprodutividade T cnica Obras Escolhidas I S o Paulo Brasiliense 1987 BERNARDINNI Aurora Futurismo Italiano S o Paulo Editora Perspectiva 1980 BLACK Roger Web Sites que Funcionam S o Paulo Adobe Press 1997 BOLTER Jay David Writing Space New Jersey Lawrence Erlbaum Associates 1991 BONSIEPE G Design do Material ao digital Florian polis FIESC IEL 1997 BUCHHOLZ Elke Linda ZIMMERMANN Beate Pablo Picasso Miniguia de Arte Lisboa K nemann 2001 BURKE Peter Testemunha Ocular Historia e Imagem S o Paulo Edusc 2004 CRAWFORD Chris The Art of Interactive Design Berkley No Starch Press 2003 BOUGNOUX Daniel Introdu o s Ci ncias da Informa o e da Comunica o Petr polis Vozes 1994 BUSH V As we may think The Atlantic Montly 3 1945 pp 23 45
92. essa raz o que comum encontrar no meio digital uma s rie de termos para identificar determinados programas que funcionam atrav s de Interfaces com nomes de ambientes e tecnologias conhecidas por todos at mesmo por quem nunca utilizou um computador salas de bate papo correio eletr nico loja virtual sempre criando uma familiariza o com o sistema O sentido da met fora da interface permitir que o sistema homem tarefa m quina aconte a e que ocorra o grande diferencial do computador em rela o s outras m dias a possibilidade de inputs entrada de dados e outpus sa da de dados como resposta aos inputs A met fora permite que o usu rio interaja com o computador formando um sistema da mesma maneira que esse usu rio forma um sistema fora do computador A a o que o usu rio realiza no computador na vis o dos sistemas id ntica a o realizada no mundo f sico a partir do momento que ele manipula s mbolos para resolver problemas estendendo a no o de problema para qualquer tarefa ainda n o realizada 20 A hip tese a de que esses s mbolos que s o internos ao conceito de sistemas s o de fato os mesmos s mbolos que n s seres humanos produzimos e usamos todos os dias em nossas vidas o que significa que os humanos s o exemplos de sistema simb licos f sicos e em virtude disso a mente se insere no universo f sico Newell 1980 136 Depois de descrever o func
93. eto em refer ncia frase A Forma a Fun o conforme analisou Souza 1997 22 A ideologia do progresso juntamente com o desenvolvimento t cnico e cient fico conduziu a id ia de que a beleza de um objeto depende de sua utilidade e efici ncia ou seja de sua adequa o fun o a que se destina Eis a a defini o cl ssica do funcionalismo em design Assim pode ser considerado design funcionalista aquele que racionalista isto que trabalha em conson ncia com a ideologia formal de compor o objeto com o m nimo de elementos poss veis para o cumprimento da fun o O designer que pensa o cumprimento da fun o em primazia mas ainda assim pensa na est tica do produto admitindo a est tica e beleza como a pr pria concord ncia entre forma e fun o estar sendo funcionalista O que n o o caso de um trabalho como o de David Carson que apesar de funcionar em situa es espec ficas n o transmite a mensagem em toda e qualquer circunst ncia o que contraria o pensamento de Gropius de colocar a arquitetura e o desenho industrial a favor de tudo o que est entre os membros da sociedade desde a colher at a casa Analisando o trabalho de Herbert Bayer p ster de 1926 para a Exposi o comemorativa para o sexag simo anivers rio de Kandinsky surge um grande contraste em rela o ao trabalho de Carson 116 No p ster de Bayer a mensagem na forma de texto escrito vem em primeiro plan
94. firma o enunciada pelo arquiteto alem o F Weinbrener em seu Tratado da Arquitetura 1819 de que a beleza de um objeto est no fato de sua forma ser moldada com o m nimo de elementos poss veis pensando apenas no cumprimento da sua fun o O que mais tarde na Escola de Chicago se tornaria a s ntese do design chamado funcionalista enunciada pelo arquiteto Louis Sullivan A forma a fun o uma tradu o para Form Follows Function o arquiteto e urbanista F Weinbrener 1776 1826 Na terceira parte de seu Tratado de Arquitetura 1819 Weinbrener escreveu a beleza est na concord ncia total entre forma e fun o Como se v tal axioma foi n o formulado apenas no final do s culo XIX mas praticamente no seu in cio Souza 1997 23 Esse pensamento j fazia parte da bagagem adquirida por Walter Gropius pois ele havia trabalhado no escrit rio de design de Peter Behrens um membro ativo do Projeto Werkbund Assim ap s a Guerra a Alemanha busca reativar o Deutscher Werkbund ou alguma atividade que pudesse desenvolver as artes aplicadas focando o mercado interno Sob essa perspectiva a Bauhaus inicia suas atividades na Rep blica de Weimar em 1919 Segundo Argan a racionalidade na Bauhaus deveria corresponder as grandes e pequenas a es da vida o que define justamente a no o de Forma associada Fun o do Deutscher Werkbund em jun o ideologia construtivista de democratizar
95. flu ncia de muitos outros movimentos de vanguarda modernista mas o Futurismo foi um dos primeiros passos que levou instala o do design como atividade na Europa e no mundo na primeira metade do s culo XX Conforme analisou Hurlburt 1986 21 O Futurismo mais importante por sua contribui o arte do que para o design gr fico Apesar de suas concep es visuais encontrarem express o gr fica em fotografias de exposi o m ltipla e fotogramas que trouxeram recursos vigorosos ao design nos anos 20 os futuristas deram pouca aten o arte aplicada e sua tipografia acompanhou os padr es dos cubistas e dada stas O Futurismo trouxe para o design gr fico esse sentido de movimento Com a Primeira Guerra Mundial surgiu um pensamento de contesta o de todos os valores da humanidade Entre esses valores estava a pr pria arte No entanto a contesta o da arte ocorre dentro da pr pria arte Surge a anti arte do Dada smo 82 Dada smo a anti arte a fun o e a frui o O Dada smo surgiu simultaneamente em Zurique e nos Estados Unidos tendo em suas obras um conte do contestador e ao mesmo tempo ir nico por se fundar no pr prio objeto de cr tica a arte O conjunto das manifesta es art sticas que o Dada smo aglomerou vasto com trabalhos nos campos das artes pl sticas pintura fotografia poesia e teatro S o os anos de Primeira Guerra Mundial cuja mera conflagra o p s em crise toda
96. for a precis o e Homem projetar manipular e tomar decis es 15 A m quina pode estar onde o homem n o pode como o rob que foi ao planeta Marte mas todas a a es do rob desde a explora o do solo do planeta at o momento de seu desligamento totalmente decidido pelo homem Uma discuss o que fugiria do objeto de estudo deste trabalho a de que o computador nunca ser inteligente por nunca ser apto a tomar uma decis o pelo homem Ainda que ele possa faz lo atrav s de vari veis ele nunca ser dotado de emo o Para este trabalho que focaliza os crit rios para a cria o da programa o visual das interfaces gr ficas analisarei o computador e a interface de softwares e hiperm dias como ferramentas que possibilitam ao homem o cumprimento de determinadas tarefas N o ser objeto desta pesquisa a vis o do computador como um agente dotado de intelig ncia artificial que pode ser o pr ximo ser dominante na Terra em uma continuidade da evolu o como o mesmo Stanley Kubrick de 2001 escreveu e Steven Spielberg dirigiu em Intelig ncia Artificial coincidentemente um filme do ano de 2001 3 Interfaces Graficas de Usuario As ferramentas ou m quinas como extens es do corpo humano comumente se apresentam como extens es de membros que as manipulam A bicicleta uma extens o das pernas At mesmo o computador pode ser considerado uma extens o vindo da a origem do termo digital
97. fru mos de nossos objetos Podemos ter um objeto que funcione muito bem e que seu desenho permita exercer a fun o para a qual foi desenhado e que tamb m possa nos dar prazer o prazer de t lo como o consumismo promove ou o prazer de frui o de 85 sabore lo de deixar que seu desenho nos transmita sensa es capazes de nos dar prazer Souto 2002 30 A roda de bicicleta o Ready Made de Marcel Duchamp exemplifica exatamente esse conceito Ao utilizar dois objetos produzidos em s rie ou seja dois produtos Duchamp anula totalmente o valor do objeto como obra de arte Este n o nico como um quadro e Picasso da mesma forma que existe aquela roda e aquela cadeira existem milhares de outras rodas e cadeiras id nticas Ao mesmo tempo Duchamp anula tamb m a fun o desses produtos N o funciona uma cadeira na qual n o se pode sentar e n o funciona tamb m uma bicicleta que n o permite a locomo o O resultado que na aus ncia da fun o a principal raz o de existir do objeto que sobra a frui o Dessa forma a Roda de Bicicleta de Duchamp se torna uma obra de arte Roda de Bicicleta 1913 Marcel Duchamp A nega o a elabora o da anti arte est no fato de criar a frui o do objeto atrav s da anula o de sua fun o uma situa o na qual o artista praticamente for a o objeto a permitir frui o Mais ainda no caso do Urinol ao tirar o objeto de sua posi o 84
98. g video game design So You d Like to Most populor results for gome design s aan f ign Building amp aiia Worlds by Tom Mags Paperback ROW Buy now 23 79 from 21 95 Wy eme cast wn youn account meu COCER Andrew Rollings and Emest Adams on Game Books gt esign 6 by Andrew Slings Ernest adams OOKINSINg List Price 4455 Price 33 99 amp This item ships ares for FREE with Super You Save Availability hours amazon com gre SOOT ves cosmo rar gr Creating Emotion in Games The Craft and os Art ol Emotioneering r E by David Freeman wil wight Saver Shipping See within 24 29 65 Ata te shopping Cart s an to turn on ich ordering 19 used ik neve feen Have one to seb Sell yours here Abused amp new rom 29 65 Ad wo Wea List EI D AMAZONCOM pas mos ums co me Alexandre Braga EEE Tr Poge vou Made ecture and Design Save up to 50 on Used Textbooks List Price 64999 Sid to tum on 1 Click Sedanin Price 33 99 amp This item ships for MORE BUYING CHOICES 32 23 used k nav fro m ly ships within 24 29 14 ours Ke Mave one to sell Set yours here Ads wo Wish ist Aa to Wedsing Ragisty L 28 Game Arct Fe Proje o ilustrativa do sistema de vendedor eletr nico da Amazon Ap s escolher entre alguns l
99. houve uma evolu o n o s no grafismo como tamb m na fon tica assumindo a representa o do som da pron ncia do fonema e tornando se o sistema que constr i seu sentido como a fala a partir dos quatro n veis lexical sint tico sem ntico e pragm tico e sobretudo a seqii ncia dos elementos verbais N o preciso que as categorias fonol gicas tais como a consoante e vogal estejam presentes na consci ncia para serem captadas pela escrita Esta que prop e um modelo para a fala basta que a fala seja vista isto ouvida em termos desse modelo Olson 1994 101 Essa afirma o de Olson que desvincula a metalinguagem do conhecimento da estrutura da l ngua para que esta possa ser lida demonstra que uma das metas do desenvolvimento da escrita foi tamb m uma democratiza o dos meios de comunica o Desde a sua origem o desenvolvimento da linguagem escrita buscou uma forma de atingir a todos Quando era pictogr fica e ficava restrita a nobres sacerdotes e escribas pela dificuldade em escrever e ler passou por uma transforma o na busca de uma simplifica o para cumprir a sua fun o b sica de levar a informa o para o maior n mero poss vel de pessoas O sistema escrito realmente se tornou um sistema de mais f cil compreens o entretanto o acesso a registros escritos continuou limitado por pelo menos mais alguns mil nios Na Europa antes da tecnologia da imprensa os livros eram manu
100. i ncias de Moscou Estivera ausente na maior parte desses anos Seu Do espiritual na arte no entanto havia sido lido e sua doutrina da necessidade espiritual refor ava em seus conterr neos o mpeto rumo a arte n o figurativa Rickey 2002 43 Composi o Suprematista 1916 de Kasimir Malevitch Se de um lado o Dada smo criava uma ruptura com conte do de cr tica social atrav s da anti arte deslocando o produto de sua fun o o Construtivismo sendo uma continua o da arte n o figurativa russa tamb m recebe um destaque importante na hist ria da arte e do design por introduzir o conte do social nas suas obras mas por uma seqii ncia de a es inversa ao Dada smo Ao nivelar a quantidade de fun o e frui o na obra de arte o Construtivismo torna a algo que concebido por um m todo similar a um trabalho de design contempor neo Ao determinar o uso da imagem atrav s de uma sem ntica visual Argan encontra nos trabalhos de Kandinsky mais tarde na Arte N o Figurativa Russa uma possibilidade de construir o sentido de algum tipo de mensagem atrav s de elementos puramente visuais e abstratos o que possibilita arte a possibilidade de criar mensagens no caso das Vanguardas Russas de conte do social No entanto a mensagem criada atrav s 95 dessa sintaxe concebida no interior da arte com elementos puros como o quadrado o tri ngulo o c rculo o que definido pelos pr prios artist
101. ia uma obten o de conhecimento 27 O lexical n vel d a cada palavra na linguagem sua fun o e defini o no processo da fala O sint tico define a legitimidade da ordem das palavras em uma senten a de acordo com a sua fun o na fala O sem ntico direciona o significado da senten a o pragm tico est um n vel acima do sem ntico e se relaciona ao contexto da l ngua natural Rada 1991 157 Uma an lise mais simplista diria que o receptor passa do n vel lexical para o sint tico deste para o sem ntico finalizando no pragm tico nesta ordem linear Entretanto nos processos mentais esses quatro n veis interagem entre si de maneira que n o existe uma interpreta o em um nico n vel independente dos outros tr s A pr pria exist ncia de sin nimos em v rias l nguas ou mesmo o significado de uma palavra variar em diferentes contextos s o evid ncias do dinamismo de todo processo de compreens o Seja como for a compreens o ainda que analisada individualmente ela estar sempre atrelada seqii ncia Quando o entendimento depende de uma palavra em um determinado contexto e quando o n vel sem ntico valida a ora o como algo munido de sentido o significado da linguagem sempre depende da ordem em que est o posicionados o sujeito a a o e os demais elementos A altera o de um dos elementos da ordem pode mudar todo o seu significado alterando a compreens o em todos os quatro n veis A
102. icos que s fazem sentido quando lidos com a ajuda de sinais que s existem na linguagem escrita A Ana Claudia Gruszynski em Do invis vel ao ileg vel relaciona o pensamento de Saussure e a discord ncia de Derrida servindo de base para demonstrar a import ncia da tipografia p s moderna Nesta pesquisa essa rela o utilizada no contexto da evolu o da linguagem 45 exclusividade de alguns elementos que comp e o c digo que d a ele a sua Sate Pome ea especificidade Aqui a escrita surge com uma linguagem pr pria A exist ncia da especificidade e das virtudes de cada uma das duas linguagens que levaram o homem j com a tecnologia do s culo XX a buscar um meio que possu sse a fluidez da fala e a precis o e durabilidade da escrita O que aparece novamente como um processo de transposi o do suporte dessa vez do suporte fixo da escrita para o que seria o digital 1 Walter Ong em Oralidade e Escritura diferencia a fala da escrita como sendo uma mudan a nos sentidos humanos da audi o para a vis o o que pode abrir uma nova discuss o que isola a escrita como um sistema que aciona o sentido visual caso contr rio seria imposs vel um deficiente auditivo ser alfabetizado 44 Capitulo III Hipermidia a fus o das linguagens em ambiente digital 1 Arquitexto um hipertexto sem suporte Ao cruzar as duas caracter sticas de ambos os m todos a fluidez da mente e a precis o
103. ida em que ele queira Assim ocorre o processo interativo em que dois elementos falam pensam e escutam 58 4 Interatividade em hiperm dia fala pensamento e escuta Esta compara o entre comunica o oral e a interface homem m quina para descrever a interatividade em um ambiente digital est no livro The art of interactive design de Chris Crawford em um determinado andamento do texto ele afirma que O ouvido do computador muito pequeno e fraco ent o preciso um esfor o a mais para que o computador escute bem Uma linguagem completa com a qual o usu rio pode falar deve ser projetada Para que o computador escute bem ent o necess rio disponibilizar ao usu rio uma linguagem que permita a ele usu rio falar Isto para existir interatividade necess rio existir o processo c clico em tr s fases a fala b pensamento c escuta Em uma conversa entre duas pessoas se somente um dos dois elementos fala n o existe um processo interativo Caso um dos dois elementos n o possa inserir na conversa suas impress es torna se um processo semelhante leitura no que diz respeito rigidez do suporte impresso No texto de Crawford ele descreve o processo em um computador observando que caso o leitor n o possa inserir dados ele n o est podendo falar e a m dia torna se linear mas para que o leitor usu rio da hiperm dia possa inserir dados falar necess rio que a linguagem e
104. igura social do artista Argan 1992 263 Analisar a cria o de um determinado estilo para responder especificamente a uma demanda do artista designer uma forma de compreender as melhores solu es que a linguagem visual pode propiciar para os mais variados problemas de comunica o inclusive o da comunica o entre o homem e a m quina atrav s da interface gr fica de usu rio 1 O cubismo uma vis o de v rios ngulos Classificar o Cubismo como um movimento precursor do design uma an lise que se baseia na rea o que o estilo causou na arte do in cio do s c XX originando outros movimentos que culminariam no surgimento da atividade do design e tamb m na influ ncia que mantida at os dias atuais no design gr fico Os cubistas n o mudaram apenas o curso da pintura sua influ ncia teve reflexos diretos no futuro da p gina impressa Quando Picasso e Braque abandonaram a ilus o tridimensional e recolocaram na pintura o plano bidimensional estabeleceram o design como o principal elemento do processo criativo Ao grudar nas suas telas fragmentos impressos e r tulos eles sugeriram novas maneiras de combinar imagens e comunicar id ias Al m disso o uso de letras estampadas ou 65 gravadas em suas pinturas abria novas possibilidades para a tipografia Hurlburt 1977 18 As rela es poss veis entre hiperm dia e esse ramo espec fico da arte moderna podem surgir em duas quest es uma do design
105. ilidade dos computadores atrav s do seu lan amento ao p blico em geral pela Apple com o Macintosh na d cada de 80 e finalmente na d cada de 90 foi lan ado o l der de mercado pelo menos at o dia em que esta disserta o est sendo escrita Windows da Microsoft acusado por muitos de ser um pl gio do Macintosh 22 Computador Lisa da Apple o primeiro computador pessoal com interface gr fica de usu rio dirigida visualiza o anterior ao Macintosh Acima no destaque um modelo de interface desse sistema amp C Program Files Outlook Express CER Fle Edt View Go frater Help Addons C Pur x Files Outlook E spiets O Gd eed tee Bock Up Map Dive Dirconnect Cu JUNKMAIL LE MSIMNEXE MSOEOLL MSOE TXT MSOERES OEIMPORT 0 gt x Ts OEJUNK DLL OEMIGSO EXE OEMIGUIB SETUPSO WAB EXE WABFIND 9 a WABIMP DLL WABMIG EXE As interfaces graficas de usuario dos sistemas operacionais Macintosh esq e Windows dir A id ia de ambiente est muito associada id ia de realismo e tridimensionalidade pois a maneira atrav s da qual o ser humano interage visualmente com seu ambiente No caso de uma interface a intera o entre o homem e a m quina acontece de acordo com a defini o de sistema homem tarefa m quina Os elementos do sistema s o as a es Nesse caso a a o do usu rio ao utilizar um computador deve ser que a interface disponibilize a realiza o da tarefa de maneira
106. incipal objeto utilizado pelos usu rio foi alterado em favor de sua fun o Mas essa n o a nica altera o executada N o fica clara se a rea esquerda mostra tr s an ncios para as promo es do dia ou se um texto de boas vindas muito asbtrato O texto top form shapely showoffs smack os luxe n o ajuda muito Krug 2001 126 129 No quadrante esquerdo do primeiro site um grid com ofertas cont m quatro quadrados as imagens e tipografia inseridas no interior desses elementos est o deslocadas do centro equilibradas no espa o e permitindo frui o por sua est tica construtivista admitido pelo pr prio Krug muito abstrato No site alterado direita esses elementos foram eliminados e as ofertas seguem em um grid no quadrante central obedecendo as recomenda es funcionalistas hierarquia e facilidade de decodifica o pela repeti o dos signos utilizados Ao que parece dentro de uma manifesta o visual que j se sustentava no modernismo a influ ncia do Estilo Internacional na opini o de Krug foi mais eficiente para o cumprimento da fun o que a intera o com o usu rio O que demonstra que a pr pria web j passa por um processo de reinven o como passou o design gr fico ap s a institucionaliza o do design na Bauhaus Como na compara o entre o De Stijl e os computadores anteriores Interface Gr fica de Usu rio o conceito de que a forma a fun o coincid
107. ind veis para o ser humano Gomes Filho 2000 17 Ao contrapor essa id ia com o texto de Ana Claudia Gruzinsky sobre o design gr fico p s moderno encontramos o envio da mensagem como a principal raz o de existir do projeto gr fico isto a fun o do design p s moderno tamb m transmitir uma mensagem No entanto em seu pensamento o designer acredita que a falta de legibilidade a mensagem 87 Tendo em vista o excesso de informa es visuais a que as pessoas s o submetidas diariamente um outro tipo de posicionamento se faz necess rio a ilegibilidade como forma de atra o O uso deste tipo de abordagem feito atrav s de trabalhos como o de David Carson para a Nike Segundo depoimento de Valerie Challis diretora de arte s nior da Nike apresentado no texto Soup of the day de V ronique Vienne A ilegibilidade apropriada fun o do produto que exprimir irrever ncia Diferentes id ias ou mensagens pedem diferentes formas de tipos Vienne 1997 11 Michael Rock apud Frere Jones 1997 16 afirma que existem duas maneiras de um designer validar a sua autoridade a primeira ligada a uma vis o modernista seria o de apresentar se como um engenheiro visual ou ent o um quase cientista Seu desafio consistiria em estudar um problema e produzir o mais eficiente e claro m todo de comunicar A segunda seria enfatizar a natureza art stica do design de produto Neste caso o cliente esperaria de
108. informa es nas coisas e em suas rela es de forma que pedras madeira terra construtos de fibras ou ossos metais ret m informa es em nome dos humanos L vy 1993 76 claro que a a o do primata de Stanley Kubrick foi uma maneira de propagar a informa o e isso deixou os demais avisados mas a linguagem a que se refere Pierre L vy n o apenas um m todo de propaga o da informa o e sim uma maneira de armazenamento e recupera o dessa informa o Essas tr s ramifica es propaga o armazenamento e recupera o que podem ser estabelecidas com a informa o elevam a linguagem principal respons vel pela exist ncia e constitui o do ser humano A complexidade da linguagem est no seu pr prio processo de compreens o que ocorre atrav s de quatro n veis de entendimento que se sucedem e ao mesmo tempo interagem na mente e d o sentido informa o tornando a conhecimento O n vel inicial o lexical que determina a defini o de cada uma das palavras Em seguida vem o n vel sint tico que determina a segii ncia dos elementos verbais e sua fun o dentro da senten a Ao se compreender cada palavra como elemento detentor de significado e sua fun o o n vel que valida o sentido da seqii ncia sem ntico O ltimo n vel o pragm tico est na jun o da informa o originada pelo n vel sem ntico com o repert rio individual do receptor da mensagem o que torna a experi nc
109. inks impart hicrarchical information Organizational links connect a parent node to its children in a tree fashion Users are presented special links to parent child or sibling nodes For instance in a hypertext that the author is developing the parent node is a definition node Users may connect to example nodes or to implication or application nodes Hierarchical systems are simpler with fewer navigation p 41 problems but they constrain the user to pre conceptualized organization Collier 1987 describes Thoth Il which provides three types of links Value links point from one node to another Text links connect text to nodes Lexical links connect regions of text to nodes There are an infinite varicty of links that are possible Na segunda linha da p gina 07 do livro esq o autor fala sobre os links associativos e coloca entre par ntese a refer ncia da p gina a qual o leitor deve se dirigir para compreender o conceito de links associativos O destino a p gina 08 dir No exemplo a p gina inicial fala que o hipertexto cont m links associativos e imediatamente indica a p gina para a qual o usu rio deve se encaminhar na busca de compreender o que o link ou o usu rio pode continuar a leitura deixando aquele link funcionar apenas como uma palavra Neste caso de multi linearidade o usu rio pode conectar se ou seguir A reticularidade da hiperm dia uma maneira de analisar o diagrama da hiperm dia enxe
110. ionamento de um sistema simb lico f sico e depois de definir sua natureza essencial Newell 1980 172 173 considera o computador digital como um exemplo chave para a realiza o de um sistema simb lico no nosso universo f sico Santaella 1996 215 Se o computador pensa em simultaneidade com o homem o ponto de interconex o entre os dois a interface o meio atrav s do qual o sistema permite que homem e m quina se tornem um s agindo em conjunto para o cumprimento de uma determinada tarefa Acessando a informa o no computador da mesma maneira que acessa a sua mente o homem busca uma efici ncia e rapidez similar Esta busca por efici ncia similar ao acesso mente encaminhou os primeiros designers de interface a uma compara o com os sentidos humanos tendo em vista o ideal a ser priorizado em uma interface De todos os sentidos humanos a audi o o mais involunt rio imposs vel em condi es que possam ser consideradas de maneira geral normais negar se a escutar como poss vel negar se a receber est mulos em outros sentidos No entanto esse sentido envolve a quest o da temporalidade sendo preciso aguardar o tempo que levar para toda a manifesta o sonora tomar forma com recursos verbais ou n o para que se possa compreender o que est sendo enviado como mensagem No caso da vis o a percep o da imagem se assemelha ao acesso mente n o linear independendo do ponto inicial e final d
111. ismo na produ o de objetos de uso e na comunica o visual expressa em p steres e demais materiais oriundos das artes gr ficas Analisar o processo de transforma o da arte em design serve de base para a produ o hoje de novos meios que se utilizam de elementos visuais como forma comunica o Compor uma estrutura que cumpra uma determinada fun o na vida cotidiana tendo os elementos est ticos como mat ria prima o que torna uma a o de produ o uma atividade de design No entanto n o s de projetos funcionalistas se valem os designers a hist ria nos mostra que o processo de instala o do design como atividade foi e at hoje envolvido por uma linha sinuosa em fun o de um eixo que contrap e dois extremos a individualidade na arte e a racionalidade na produ o Adequar um objeto funcional ao seu usu rio atrav s da est tica o que caracteriza o sucesso em um trabalho de design contudo tal est tica pode estar na simplicidade de um trabalho que se vale da pureza das formas b sicas ou em uma atitude anticonvencional que desconstr i todos os m todos anteriores e cria uma nova forma de express o A adequa o ao usu rio ocorre quando o designer utiliza os elementos com os quais o usu rio se identifica seja essa identifica o um processo racional e consciente dotado de contexto ou uma a o que trabalhe a quest o do espiritual na arte uma motiva o emocional que gera
112. ivros da categoria Game Design na pr xima vez que o usu rio entrar no site este j est lhe oferecendo uma nova publica o da mesma categoria Essa rela o entre produtos feita de maneira autom tica simulando o pensamento de um vendedor de uma loja real que associa a compra de um produto a outro E o computador e as suas associa es funcionando como se estivessem realizando a a o intermedi ria do processo interativo As formas de se arquitetar a informa o s o muitas mas a conclus o que a possibilidade da hiperm dia em adquirir elementos da linguagem oral e escrita em um mesmo suporte est ligada sua n o linearidade No pr ximo cap tulo ser conclu da esta pesquisa no sentido de encontrar o design dessa n o linearidade em busca da x E Pera adnate c Z A rela o entre hiperm dia a hist ria e o conceito do design que seja uma solu o visual para a interface gr fica de usu rio 13 Em Matrizes da Linguagem e do Pensamento L cia Santaella define a hiperm dia como um meio detentor das tr s matrizes visual verbal e sonora Nesta pesquisa est sendo analisada somente a quest o visual 65 Capitulo IV As origens do design e o design digital Duas poss veis an lises de linguagem digital foram apresentadas nos cap tulos anteriores em uma a hiperm dia uma estrutura que propicia a leitura n o linear Em outra a interface gr fica de usu rio refere se a um age
113. jeto e espa o em uma sucess o esp cio temporal como se cada elemento fosse um quadro frame em um anima o em que todos os frames ocupam o mesmo plano O trabalho fotogr fico de Marcel Duchamp demonstra isso com mais nitidez As sucess es de frames em seu trabalho fotogr fico descendo a escada permanecem no mesmo plano e d o a id ia de um filme 18 Marcel Duchamp Descendo Uma Escada 1912 Na fus o do tecnol gico e do biol gico como em Dinamismo de um c o na coleira e Ritmo do violinista Giacomo Balla prop e a representa o do movimento utilizando as sobreposi es do objeto biol gico pata do c o e m o do violinista identificando o processo construtivista de utilizar como tema principal o dinamismo a velocidade e o movimento repetitivo n o importando o que estava representado e sim a quantas vezes est representado no mesmo plano A pe bed A ade sad TF AB sie dar A influ ncia que esse estilo trouxe para o design grafico esta no sentido do movimento na possibilidade de criar uma representa o din mica e veloz sugerindo uma anima o est tica Para o design digital essas anima es saltam um passo a frente isto o suporte digital permite a exibi o de uma anima o quadro a quadro frame como na televis o atrav s de uma outra tecnologia mas com resultado muito 19 semelhante Ocorre que a internet principalmente ao oferecer a informa o na forma de low
114. juntos no estabelecimento do comunismo Hollis 2000 45 Neste ponto o trabalho de design come a a surgir como um atividade um objeto criado com uma concep o art stica e est tica que possuiu uma fun o de comunica o uma possibilidade de uso e que desenvolvido com novos recursos tecnol gicos possibilitando a produ o em s rie Para os construtivistas a a o art stica uma a o governamental e se desenvolve principalmente na planifica o urbanista no projeto arquitet nico no desenho industrial Como artistas tanto A RODCHENKO 1891 1956 o te rico marxista do Construtivismo como EL LISSITZKY o artista gr fico para quem a teoria da 96 forma teoria da comunica o visual d o grande import ncia ao rigorismo formal suprematista no plano da a o cultural pol tica por m querem demonstrar que num sistema onde a ind stria n o est vinculada superestrutura capitalista n o se pode subsistir nenhuma contradi o entre a opera o est tica e a tecnologia industrial As t cnicas industriais n o s abriram possibilidades ilimitadas inventividade dos artistas como tamb m constitu ram o aparato funcional por meio do qual o impulso criativo da arte entrar no c rculo da vida social e reciprocamente a sociedade estimular a criatividade da produ o Assim a arte industrial ser a nova e verdadeira arte popular n o mais ser a t mida express o de uma classe inferior e
115. le um produto que incorporasse uma determinada composi o A legibilidade neste caso poderia ser deixada de lado em favor da cria o de uma atmosfera Gruszynski 2000 92 Em ambos os casos existe a fun o um elemento condutor de uma mensagem em um trabalho de design gr fico N o ocorre a quebra da fun o propriamente dita um anti design como existiu a anti arte no Dada smo O que ocorre no caso do design p s moderno uma influ ncia dada sta do ponto de vista do estilo da linguagem visual da tipografia e uma simula o de rompimento com a fun o a legibilidade Mas trata se a de uma proposta um trabalho espec fico para um receptor espec fico Caso um receptor n o compreenda a mensagem em um layout com a tipografia p s moderna o que pode estar havendo um erro de comunica o no sentido de dirigir o material para o p blico espec fico n o um erro de design A quest o principal desta compara o que a legibilidade definida como fun o em alguns movimentos de design No entanto a legibilidade o princ pio do design que garante a compreens o do texto logo o envio da mensagem Se sob um outro ponto de vista a ilegibilidade a mensagem ambos os trabalhos cumprem com a fun o levam a mensagem ao seu receptor 88 FEMME j 7 THE resemblance BeTWEeN wen on YK tum IN INY T YOU arier em me UNCANNY Because YOU BOTH AND ANDRE Is th ad a NEARING THE New AIR CHALLEN
116. m 1704 e reutilizado no s culo XIX pelo matem tico F Klein para demonstrar um ramo da geometria que trabalha com espa os multidimensionais Essa defini o de hiperespa o como um espa o multidimensional justamente o tipo de espa o que corresponde ao espa o ocupado no mundo f sico pela mem ria humana algo que pode ser uma extensa fonte de informa o real mas que n o ocupa exatamente um espa o f sico Nele no hiperespa o as dimens es f sicas n o importam mais e para falar com algu m do outro lado da rua ou na China o esfor o seria o mesmo Ao falar com uma pessoa pelo telefone voc est em uma casa e ela est em outra O contato telef nico n o o leva para l nem a traz para onde voc est mas cria um espa o intermedi rio inexistente onde ambos convivem Esse espa o proporcionado por meios tecnol gicos ou cibern ticos chamado de ciberespa o Ele vale para qualquer tipo de comunica o remota de resposta imediata como o telefone chat r dio etc Ao desligar o aparelho esse espa o deixa de existir Radfahrer 1999 Dessa forma a hist ria da hiperm dia tamb m a hist ria da tecnologia que possibilitou criar um suporte com todas as caracter sticas do hiperespa o e que possibilitasse o armazenamento e a recupera o de textos Quando essa possibilidade se tornou realidade Ted Nelson formulou o termo hipertexto que define um arquitexto dentro de um espa o hiperb lico Ne
117. m M quina Para existir um sistema homem m quina necess rio que existam a es ligando os elementos homem e m quina na busca por um objetivo ou seja uma tarefa comum que leve esses elementos a interagir Mais ainda que fique a cargo daquele que obtiver um rendimento maior a a o espec fica de cada um dos elementos De acordo com McLuhan 1964 as m quinas s o extens es do ser humano sendo subordinadas s a es do homem agindo com efici ncia rapidez for a velocidade em situa es nas quais o corpo humano n o alcan a um determinado potencial Com isso possibilitam ao homem o cumprimento de tarefas que ele n o poderia desempenhar sozinho Assim como os utens lios as ferramentas s o tamb m artefatos Conforme estipula a etimologia da palavra derivada do adjetivo latino utensilis que significa pr prio para uso utens lios s o produzidos com a finalidade prec pua de serem 11 usados Diferentemente dos utens lios entretanto as ferramentas s o artefatos projetados como meio para se realizar um trabalho ou uma tarefa Funcionam por isso mesmo como extens es ou prolongamentos de habilidades na maior parte das vezes manuais o que explica porque as ferramentas s o artefatos de tipo engenhoso Sua constru o pressup e o ajustamento e integra o do desenho do artefato ao movimento f sico muscular humano que o artefato tem a finalidade de amplificar Santaella 1996 195 At este ponto seria
118. m veio da jun o dos quatro principais m todos de escrita da poca hier glifos eg pcios cuneiforme sum rio pictogr fico hitita e a escrita de Micenas Por volta de 1500 a C o alfabeto protocanaanita foi reduzido a 22 caracteres e renomeado como Alfabeto Fen cio Este foi a influ ncia direta na cria o do alfabeto grego Alp boi Aluf boi proto sinaico hebreu Evolu o do caractere na passagem para o Fen cio Evolu o do caractere na passagem do Fen cio para o Grego Alfa Varia es na posi o do caractere Grego Alfa O diagrama acima demonstra a evolu o pela qual a escrita passou at chegar ao que hoje O primeiro caractere do alfabeto hebreu tem rela o com as inscri es proto sinaicas Alp era o termo boi em canaaita e seu desenho uma alus o cabe a de um boi sua tradu o para o hebreu ocorre tanto visualmente quanto verbalmente Alp torna se Alef e a imagem da cabe a do animal torna se um caractere que ilustra o chifre ambos significam boi O processo de transforma o do protocanaanita para o fen cio cl ssico foi caracterizado pela simplifica o no desenho dos caracteres assim o Alef passa por mudan as em sua forma at chegar bem pr ximo do Alfa Na passagem de fen cio para grego ele sofre varia es em pelo menos tr s posi es sendo que a posi o da atual letra A a que foi aceita por todos e adotada pelos romanos Neste ltimo est gio 58
119. n Em alguns aspectos Brody e Carson viram se rejeitando o ecletismo desordenado dos anos 70 nos designs impressos O trabalho deles era mais impetuoso forte bruto e mais interessante Em uma ltima an lise este trabalho inspirou uma enorme multid o de imitadores comerciais que no momento os sufocaram sem piedade Ao tentar romper severamente com o comum n o temos um verdadeiro destino tornamo nos provavelmente mais revolucion rios que reacion rios Pode ser um intervalo divertido mas historicamente sem sentido H uma raz o por que um livro tem a forma de um livro Pod amos faze lo diferente toda vez mas estas formas tornam se agrad veis s pessoas ou at mesmo grandes massas culturais de pessoas ent o por que ignor las Black 1997 70 Sob este ponto de vista Roger Black prioriza no design gr fico a fun o do objeto A raz o de existir de um projeto de programa o visual a de comunicar a mensagem Ao dizer que o livro do jeito que estamos habituados o que torna o objeto agrad vel Black v na tradi o de um projeto gr fico e mais ainda nos elementos formais de sua composi o aquilo que possibilita a frui o do objeto Isso parece correto pois de acordo com a escola alem de psicologia experimental a Gestalt A arte se funda no princ pio de pregn ncia da forma E assim no processo de cria o de imagens fatores como equil brio clareza e harmonia visual s o impresc
120. na tanto como link quanto como o t tulo da se o mudando a cor de cinza para vermelho quando est sendo visualizado e a posi o de leitura vertical lembra o estilo de p sters da Bauhaus 120 What we do MetaDesig Clients Meta v Magda s rapes gt aD hario unvan CART N 3 Audi woe 2 SoD The gt sue See erne Prisma pna MOMMY e Kan me tea 4 x N sP e Wer 2 S sti ot xerox Padi contro etaten n design art Papa Ge van Current openings Graphic designer Pim eror gt ta as terre oed dewon http www metadesign com Na imagem do site abaixo do escrit rio de design digital Future Brand o Estilo Internacional uma clara influ ncia tanto na legibilidade quanto na invisibilidade do design em fun o da busca por uma linguagem visual global conforme analisou Douglas Okasaki em entrevista revista Design Gr fico 121 Reswentung a nations symbol of treegom sa http www futurebrand com Por ser uma empresa global e que atua em v rios continentes e pa ses o site politicamente correto e impessoal Para quem n o sabe do que se trata o site pode transmitir ser de uma f brica de rem dios de um escrit rio de finan as ou um site de rela o com investidores Okasaki 2002 40 Ainda poss vel encontrar alguns tra os de semelhan a entre o design funcionalista de ambos os suportes Gestaltungsprobleme des Grafikers TheGraphicArtistand his De
121. nar com a arbitrariedade da fala de um A dissocia o do texto e da fala ocorre por completo em um processo lento Walter Ong em Oralidad y Escritura 1991 coloca a quest o do texto como sendo um sistema n o confi vel 40 sacerdote ou de algum indiv duo da sociedade que n o poderia ser questionado O pr prio termo hier glifos por exemplo em grego significa gravar textos sagrados 000000000 EZ 000000000 e 000000000 G 000000000 tipo g tico pio intre farto iar nomine zarhanag de yi n abi n pa il De flia Jenson B blia de 42 linhas de Gutenberg dir A varia o do tipo g tico para o tipo romano de Nicholas Jenson esq Pela primeira vez os discursos podem ser separados das circunst ncias particulares em que foram produzidos A comunica o puramente escrita elimina a media o humana no contexto que adaptava ou traduzia as mensagens vindas de um outro tempo ou lugar Por exemplo nas sociedades orais prim rias o contador adaptava sua narrativa s circunst ncias de sua enuncia o bem como aos interesses e conhecimentos de sua audi ncia Da mesma forma o mensageiro formulava o pensamento daquele que o enviara de acordo com o humor e a disposi o particulares de seu destinat rio A transmiss o oral era sempre durante muitos anos sendo sempre preterido pela fala De acordo com Ong numa obje o de Plat o contra a escrita est o fato do texto n o poder ser questionado e n
122. ncia ou n o tem muita rela o com o Web design especialmente quando a atividade teve in cio Isto pode ser causado pela necessidade de se adequar o design tecnologia dispon vel para a visualiza o do conte do e navega o na Web A defini o do monitor de cada usu rio o fato da Internet estar conectada rede mundial de computadores o que a torna um meio de acesso global e demanda uma linguagem visual universal e a obriga o de se trabalhar com duas ou tr s fam lias de tipos Verdana Times New Roman e Arial para PC por serem as nicas que funcionam em qualquer m quina esses fatores entre outros parecem ter criado uma Est tica da M quina do s culo XXI o computador Isso deve ter levado os primeiros Web designers como Black Nielsen e Krug a trabalhar sob a tradi o funcionalista Com a evolu o da tecnologia o usu rio e o pr prio designer v o se habituando cada vez mais com o novo suporte mas o que parece ter ocorrido que a institui o desse novo suporte causou um estranhamento tanto no usu rio quanto no designer e este ltimo sentiu a necessidade de buscar nas ra zes do design um conceito que j estava fundamentado e que garantisse o cumprimento da tarefa maior do design permitir o uso de um objeto mas com a garantia de que tal objeto permita tamb m a frui o 150 V Considera es Finais A rela o entre arte tecnologia e a ideologia das vanguardas deu origem ativid
123. nciamento da a o do usu rio e dirigida visualiza o atrav s de uma representa o metaf rica de um ambiente ou tecnologia que o usu rio j domina Voltando quest o da hiperm dia vemos que a disponibiliza o da informa o em uma interface gr fica de usu rio que pode de acordo com George Landow resolver os problemas de um designer de hiperm dia a como orientar o leitor e ajud lo a ler eficientemente e com prazer b como informar um leitor da hiperm dia para quais dire es aquele documento aponta c como ajudar os usu rios que acabaram de acessar um documento de hipertexto a sentirem se em casa Landow prop e que estas quest es sejam resolvidas atrav s da ret rica e da estil stica liter ria A proposta aqui ir al m e resolver tamb m a quest o visual Por isso o processo de design da interface envolvendo a sua visualiza o e consequentemente sua utiliza o por parte de um usu rio encontra nas origens do design no in cio do s c XX uma base te rica A origem do design est muito ligada ao processo de tornar a articula o da imagem e do texto um meio transmissor de informa o com uma fun o bem definida e um apelo est tico de frui o dessa forma que neste momento da hist ria da arte e do design o observador come a a sofrer a sua primeira mudan a na perspectiva do artista e come a a tornar se usu rio pois foi a no o de funcionalidade aplicada arte que fez
124. nsco Omas Rd 105 poss vel iniciar aqui uma reflex o um pouco mais profunda a respeito da rela o entre o De Stijl de Mondrian e a comunica o visual em suportes digitais como n o apenas um estilo mas uma necessidade em se tratando do in cio do design para a m dia digital especialmente para a Web em fun o das tabelas de fixa o de conte do em documentos HTML Ainda que n o tenha sido algo proposital ou mesmo conforme foi descrito anteriormente em fun o da comunica o visual digital se orientar pelas solu es j encontradas na produ o gr fica ver p g 24 What you see is what you get em um per odo anterior introdu o da tecnologia de interfaces gr ficas de usu rio para computadores pessoais como o Apple Macintosh na segunda metade da d cada de 80 e o Microsoft Windows na d cada de 90 surgiam computadores pessoais com sistemas orientados visualiza o onde j era exposto um conte do sem as longas linhas de c digo do DOS Essas m quinas ainda possu am uma defini o de n mero de pixel por polegada dpi inferior aos atuais 72 dpi o que fez durante esse per odo que a express o gr fica das interfaces de computador tivessem sempre um aspecto quadrado em raz o do n mero baixo de pixels por polegada em um monitor pequeno Nesse prel dio da cria o de layout de interfaces de computadores este ainda se fixava naquilo que estava fundamentado na comunica o visual g
125. ntativa de desvincular a arte da hist ria isto um protesto como foi o Dada smo contra toda a situa o da sociedade e daquilo que originou a Guerra no interior da pr pria arte Entretanto os artistas presentes no movimento De Stijl ainda acreditavam no papel do artista perante a sociedade Assim materializaram a sua ideologia de neutralidade em rela o a qualquer per odo hist rico atrav s de composi es visuais influenciadas pela no o est tica construtivista que tamb m protesta sem desconstruir a arte A nica exce o aberta ao contato com outros estilos j instalados foi a assimetria de Frank Lloyd Wright que n o possu a tradi es nacionais mas mesmo o estilo de Wright passa por um processo de purifica o O resultando est tico a simplifica o e a redu o dos seus objetos reprodu o de linhas retas horizontais e verticais assim tricas Essas composi es de quadrados representavam toda a pureza no interior da arte a partir do m nimo poss vel para uma manifesta o criativa existir presentes desde a pintura a arquitetura at o design O precedente na hist ria da arte ideologicamente similar ao De Stijl est no Construtivismo Russo da o rigor formal na est tica da pureza atrav s da simplicidade dos objetos 18 Frank Lloyd Wright e L Cosrbusier s o entre outros nomes importantes da hist ria da arquitetura Wright iniciou uma nova perspectiva no equil brio de pl
126. o atrav s da legibilidade e da simplifica o na tipografia a mesma fam lia em todas as inser es textuais ao longo do plano Os elementos est ticos s o as formas b sicas quadrados distribu das de maneira assim trica e o leve deslocamento diagonal demonstra influ ncia de Theo Van Doesburg e o uso das cores vermelhas e pretas uma das determina es construtivistas o uso das cores prim rias THE resemblance Betwe UNG CANNY BeCAUSe YOU BOTH ame lt a CHALLENGE FUTURE tennis SHOE FROM NIKE with THe ANHALTISCHER KUNSTVEREIN COSI ELI LET RAPP ING w TE ARACHE FIT INNERBOOT system wich Motos JOHANNISSTA 19 SIE POTION BECAUSE OF me AND bre ARE UBILAUMS JAUSSTELLU 60 HE P ster Exposi o comemorativa para o sexag simo anivers rio de Kandinsky 1926 de Herbert Bayer esq An ncio para a Nike de David Carson dir Juntamente com este p ster muitos trabalhos desenvolvidos no atelier de artes gr ficas da Bauhaus apresentam este estilo funcionalista tamb m no design gr fico O Alfabeto Universal de Herbert Bayer demonstra o ideal funcionalista desenhar um alfabeto que pudesse ser compreendido em qualquer circunst ncia A concord ncia entre forma e fun o se faz presente nesse trabalho no ponto em que a forma dos caracteres mancha a p gina impressa com o m nimo de espa o poss vel para que possa ser identificado e diferenciado dos demais como um
127. o tempo convidar o observador a realizar uma volta ao redor do objeto e tamb m oferecer a este observador a defini o do ponto de partida e de chegada dessa volta Uma an lise do diagrama do processo demonstra o car ter hipertextual do cubismo Numerando no intuito de nomear as diferentes visualiza es torna se poss vel compreender o processo Se o observador estiver em um determinado ngulo A B C D E ou F ele pode saltar para o outro ngulo ou ainda estar em dois pontos no espa o ao mesmo tempo o que mais do que a simples volta ao redor do objeto e sim uma representa o de uma unidade esp cio temporal absoluta quarta dimens o 70 NGULO NGULO NGULO NGULO F NGULO E QUADRO Neste sentido o m todo j funciona como uma estrutura hipertextual como se a fus o justaposi o e sobreposi o dos elementos na busca da desvincula o de um nico ponto de vista fosse o caminho n o linear que o observador percorre ao redor do objeto representado da a predomin ncia do processo construtivista sobre o objeto representado como se ele escolhesse a sequ ncia A B D sem passar pelo C como ocorre em um hipertexto n o seqiiencial certo que existe a limita o do suporte e que n o se pode chamar uma pintura cubista de hiperm dia especialmente nesta pesquisa que se focou no hiperespa o como algo poss vel de existir Mas a compreens o do usu rio o mais importante A contex
128. o de sua Logique du recit De acordo com este modelo um autor encontra ao longo da narrativa situa es em que um agente qualquer se depara com uma determinada tarefa diante dela este agente pode aceit la ou n o o que significa uma absten o o agente n o tenta Aceitando a tarefa se transforma em a o e o agente tem duas possibilidades distintas complet la o agente executa a a o e obt m sucesso ou n o o agente tenta executar a a o e n o obt m sucesso Ap s a defini o de uma dessas 51 op es montada uma seqii ncia narrativa a assim sucessivamente a pr pria hist ria Gallo 2002 Ao reduzir a personagem a um agente o autor da narrativa em quest o chega a um ponto indivis vel que exige uma rea o um resultado Antes da conclus o fica clara a exist ncia de uma lacuna O conflito em narrativas subdividido em tr s partes com uma apresenta o e desenvolvimento sempre demandando uma conclus o A estrutura das narrativas tradicionais subdividida em tr s atos at mesmo no interior de um pequeno acontecimento que est sendo narrado a subdivis o obedece essa tr ade Este processo o que melhor se adapta aos modelos de informa o compartilhada entre as sociedades orais prim rias pois uma maneira de propagar a informa o que ser recuperada na mem ria Isso exige uma seqii ncia mapeando as passagens por n s associativos que a mente far ao tentar lembrar A natu
129. o do usu rio a interface 19 Engendrar met foras para novas m quinas uma atividade que obviamente tem uma longa e memor vel hist ria Cada poca lida com tecnologia mais recente recorrendo s representa es mentais de coisas mais antigas e mais familiares Em geral isso assume a forma de uma analogia entre m quinas e organismos Dickens viu as f bricas de Manchester como selvas mec nicas povoadas por serpentes de fuma a e uma m quina a vapor lhe parecia ter uma cabe a igual de um elefante Thoreau especulou sombriamente sobre aquele diab lico Cavalo de Ferro que cruzava a paisagem dos Estado Unidos enquanto Thackeray imaginava o sistema ferrovi rio brit nico como art rias que percorriam o corpo pol tico O pr prio termo computador deriva de ra zes low tech computadores eram os calculadores humanos nos tempos que precederam o c digo digital trabalhadores especializados no uso da r gua de c lculo e na ultrapassada divis o de grandes n meros Johnson 2001 18 Com a interface n o diferente O ponto de vista do homem priorizado quando o designer de interface faz uso da met fora de uma tecnologia ou de um ambiente que o usu rio do computador j dominava antes de ter essa experi ncia digital Assim o usu rio tem uma curva de aprendizagem em contato com a Interface que diminui de acordo com o conhecimento anterior de que ele possa fazer uso no cumprimento da sua tarefa por
130. o italiano na tela A Revolta VR E A Revolta 1911 Luigi Russolo Pode se observar a figura de um ser humano conduzindo as for as No mesmo sentido de outras obras futuristas esta tem como tema o movimento Neste caso entretanto poss vel enxergar a forma do movimento somente entre os elementos que n o possuem uma forma real isto se ignorarmos a figura humana na imagem ainda assim poss vel enxergar o movimento atrav s das formas triangulares repetidas apontando para o mesmo lado Neste caso assim como na tela de Giacomo Balla Velocidade 92 Abstrata o caminho que seguiria a est tica construtivista com esta influ ncia futurista era o da abstra o Se o que estava representado n o mais importava e sim a maneira como estava representado seria uma tend ncia natural do artista construtivista deixar de lado a representa o do real e partir para um trabalho com a montagem das imagens com elementos que n o mais precisavam definir na sua conclus o um objeto real apenas transmitir sensa es Velocidade Abstrata 1913 Giacomo Balla E desta forma que o trabalho de Kandinsky se definia uma sensa o criada a partir das ed e 15 F O tens es e distens es que a forma do objeto abstrato representada capaz de originar na percep o Ao analisar o texto Sobre o espiritual na arte de Kandinsky Argan observou o uso de elementos da sintaxe visual que ele chamou de sem
131. o texto que segue em formato de c rculo impedindo a leitura confort vel da mesma forma que no design p s moderno mas neste caso a legibilidade impedida pelo fato do suporte de visualiza o ser um monitor que n o pode ser rotacionado em 180 E or pi ill vmtin ml d m Tis X 74 L 708 mos van vwt R 4 Construtivismo o principio da abstra o e a s ntese do design Se o futurismo morria com a chegada da Guerra e o Dada smo dava lugar ao Surrealismo paralelamente na R ssia a influ ncia de Marinetti come ava a se juntar ao movimento Dar Blaue Reiter criado por Wassily Kandinsky dando origem ao Construtivismo Russo 91 Na R ssia a ruptura com a pintura e a escultura cubista foi parcialmente catalisada pelo Futurismo em Moscou foram lidos os manifestos e Marinetti deu palestras para os futuristas russos em Moscou e S o Petersburgo em 1914 parcialmente pelo livro Do espiritual na arte de Kandinsky escrito em alem o em 1910 e traduzido em parte para o Russo em 1912 Deste modo os russos encontravam se preparados para o salto rumo a uma arte completamente n o figurativa Rickey 2002 40 A influ ncia futurista principalmente de Marinetti ocorreu de diversas formas E bem poss vel que a arte nas vanguardas j vivesse um per odo de princ pio da abstra o de buscar uma estrutura de comunica o visual trabalhando apenas com formas e cores Mesmo dentro do Futurism
132. ode relacionar com o tempo e o espa o Classificar o texto escrito como um registro em um suporte fixo e compar lo com outras manifesta es que o tempo conservou e que apesar de n o utilizarem linguagem podem servir como um registro de informa o de uma poca na realidade uma an lise de uma a o do pr prio processo de comunica o de sempre buscar transcender o seu suporte Ao conservar objetos de uso cotidiano ou produzir os desenhos rupestres nas cavernas o ser humano buscava transcender o suporte de armazenamento e recupera o da informa o que era a mente Buscava criar um registro que pudesse ser recuperado como as narrativas poderiam ser recuperadas na mem ria mas que funcionassem como um apoio ao suporte mente numa tentativa de acumular o m ximo poss vel de conhecimento Quando a palavra falada deixa de ser suficiente a tend ncia natural que o registro que serve de apoio at ent o os registros em meios r gidos torne se o principal Nesse in cio de desenvolvimento a escrita passa por uma s rie de est gios importante notar que o seu surgimento resultado dessa necessidade de extrapolar o suporte onde se est inserido que volta a aparecer em todas as novas formas de comunica o A pr pria escrita quando atingiu um est gio de 55 compreens o que a tornou uma linguagem universal ainda apoiava se na oralidade Em um per odo anterior ao da Renascen a os textos de natureza religiosa ou ju
133. odem existir se funcionarem em um suporte hiperespacial que ofere a acesso e mecanismos de inser o de dados por parte do leitor usu rio da hiperm dia Para analisar a n o linearidade da hiperm dia em compara o com a n o linearidade de outras m dias anal gicas como o cinema destaca se o filme Amn sia Memento do diretor Christopher Nolan Este narra a hist ria de um analista de uma companhia de seguros que atingido por uma pancada na cabe a e perde a mem ria A forma com que 54 feita a montagem leva o espectador a uma pequena experi ncia no papel de primeira pessoa pois os ltimos dez minutos da hist ria linear compreendem a cena inicial do filme os dez minutos que antecedem o final da hist ria correspondem segunda parte e assim sucessivamente A montagem do filme feita de tr s para frente representando o estado de esp rito da personagem principal que n o consegue lembrar se de nada al m dos ltimos dez minutos Este exemplo far sentido se comparado hiperm dia pois esta uma narrativa n o linear por n o obedecer linha do tempo dos fatos ocorridos mas o roteiro exige a exist ncia de todas as cenas na ordem decidida pelo roteirista para que a narrativa fa a sentido A n o exist ncia de uma das cenas impede o filme de fazer sentido A primeira caracter stica a ser analisada a topologia um caso aonde ocorre a manuten o do todo independente das a es que o sistema po
134. odos tratarem de um determinado item no seu conte do Se um pesquisador quiser recuperar o maior n mero de informa es poss veis sobre a Fran a ele ter in meras fontes para buscar o conte do dentre todo o corpus poss vel de enciclop dias revistas entrevistas A rela o entre todos esses conte dos a Fran a o item do ndice ao qual toda essa informa o pertence Caso um segundo pesquisador inicie uma busca sobre as torres do mundo e incluir a Torre Eiffel nessa busca toda a informa o presente no corpus do primeiro pesquisador referente Torre Eiffel faz parte do conte do do segundo pesquisador No primeiro caso a concord ncia literal do conte do 45 Fran a no segundo torre em ambos os casos existe um arquitexto sobre a Fran a e um arquitexto sobre as torres do mundo Ainda que a informa o deles seja em alguns pontos repetida o arquitexto diferente A concord ncia n o mais ent o do que um motor de hipertexto que se faz funcionar m o No fundo todos os textos impressos s o vers es conjecturais diferentes s existe um arquitexto que preciso ler linearmente por falta de um dispositivo sin ptico m vel Laufer 1995 O arquitexto uma estrutura que busca a n o linearidade e n o a alcan a por ser desprovido de um suporte nico aonde toda a informa o possa ser recuperada O que os pesquisadores que contribu ram para a institui o da hiperm dia busc
135. oment rio do usu rio de uma maneira semelhante a que a mente humana funciona Cotton 1997 30 51 Assim surge o termo hipertexto enunciado por Ted Nelson para definir o que come ava a tornar se vi vel em meados da d cada de 60 um sistema de leitura de texto interativo em um ambiente acess vel Ao enxergar no computador o suporte hiperespacial do hipertexto Ted Nelson reformula o termo para hiperm dia pois n o apenas texto mas imagem som e anima es podem ser visualizados na tela do computador e serem acessados atrav s de links A associa o entre conte dos na mente elimina a hierarquia entre eles Ao associar uma id ia outra a mente prioriza e p e essa informa o como a principal naquele momento Em um arquitexto como a B blia por exemplo o leitor consulta os diferentes vers culos dependendo da orienta o divina espec fica que ele busca naquele momento N o existe a hierarquia que classifica um vers culo como o mais importante Cada um atende a uma ou mais fun o espec fica No entanto isso n o pode ser chamado de hipertexto apesar de seu funcionamento hipertextual Independente de quantos vers culos o leitor acessar os outros vers culos que n o foram acessados ainda assim existem as p ginas est o l impressas existe um n mero de textos m dias correspondentes ao n mero de p ginas impressas Em um hiper espa o como a interface de um computador a informa o est armaz
136. omputadores hoje correspondem s novas tecnologias de comunica o O sistema dirigido visualiza o foi o que permitiu essa difus o para qualquer tipo de usu rio mesmo os menos iniciados no ramo da inform tica Percebendo a import ncia da quest o da comunica o visual no processo esta pesquisa buscou uma rela o entre o texto de Allen Hurlburt Layout O design da p gina impressa e as novas tecnologias de comunica o Hurlburt analisa a influ ncia das ra zes do design e da arte moderna no design gr fico ao mesmo tempo em que contextualiza historicamente a instala o do design como atividade Para desenvolver esta rela o foi realizado um estudo mais aprofundado nas origens do design com textos sobre arte moderna de Giulio Carlo Argan Incluiu se ent o como elementos desta pesquisa ergonomia do sistema homem tarefa m quina interfaces humano computacionais com o autor Steven Johnson Pierre Levy que analisa a evolu o da linguagem do ponto de vista das novas tecnologias de comunica o a teoria do hipertexto de George Landow e o seu estudo sobre n o linearidade arquitetura da informa o de Richard Wurman e a interatividade de acordo com Chris Crawford No decorrer desta pesquisa foram encontradas rela es mais pr ximas do que se esperava entre a hiperm dia e a arte moderna Principalmente o fato de ambas colocarem o funcionalismo e a participa o do observador usu rio
137. onality and observar user participation as their major principle Introdu o Estudar as origens do design na Arte Moderna antes de mais nada estudar a motiva o que levou um grupo de artistas a adotar um determinado estilo como solu o para quest es ent o emergentes De questionamentos pol ticos envolvendo a Guerra e o comunismo at a est tica embutida dentro dos m nimos elementos que ajudam a compor a cidade a arte passa a adquirir fun es tamb m utilit rias Da a origem do termo funcionalismo a manifesta o criativa n o mais serviria apenas para ser admirada e sim para expressar algo capaz de introduzir um novo valor ou contestar um antigo dentro da sociedade na qual a arte se insere Desse modo a express o art stica rompe com os antigos conceitos e passa a ser democratizada dando origem ao design Quando Picasso decomp s os v rios ngulos do objeto causou uma ruptura que iria influenciar os futuristas italianos a decompor e recompor o objeto buscando a forma do movimento Essa id ia anulou cada vez mais a ilus o de terceira dimens o at a arte se tornar totalmente bidimensional ocasionando a libera o da arte em rela o representa o naturalista de modelos j existentes O uso de elementos visuais puros como uma forma de express o evoluem com Kandinsky passando depois pela R ssia Holanda e Alemanha demonstrando que tais elementos podem servir a uma demanda de habita o no urban
138. or do presente para ele para ela para a crian a para o idoso c o estilo de vida do receptor o rom ntico o esportista o estudioso d compras em geral para quem quer navegar para conhecer 68 Morhen daughters friends lovers Gitte foe the special women in your lite f 9 6 O menu do site Red Envelope na imagem menor exp e as op es Na imagem maior o usu rio escolheu a categoria Recipient For Her Este um caso em que o processo de arquitetura da informa o procurou simular uma loja aonde o comprador usu rio tem condi o de dizer ao vendedor qual a exata situa o que o est motivando a comprar o presente ERES oon search myaccount express gilts corporate gifts customer service shopping 9 bag hom S h Ops Want to browse Visit one of our specialty shops what s new qift baskets gadgets tools A N home garden sweets Savories sports game P office trave K persona ne K toys baby gea jewelry accessories personalized gifts flowers plant bar wine cigars gt pet aifts sale shor p by occas ipient e shop by Me a gti search gmremndar o express grs corporate gits customersennce o shoppmg bag No site da Red Envelope a op o Shops Compras em geral Para o usu rio j iniciado na linguagem que queira apenas navegar 61 O site institucional da produtora de multim dia Mediumrare http www m
139. ores de arte em analisar o comportamento de pesquisadores que preferem trabalhar com evid ncias textuais verbais do 29 sociedades orais prim rias desenvolveram m todos de armazenamento e recupera o da informa o atrav s da nica ferramenta poss vel de ser utilizada naquele momento a mem ria humana As lembran as na mente de um ser humano n o s o acionadas mecanicamente Para que a mem ria assuma um papel de meio de suporte da linguagem necess rio utilizar um esquema pr definido de recupera o da informa o que trabalhe de acordo com o funcionamento do pr prio c rebro e do processo de memoriza o A psicologia cognitiva classifica a mem ria em v rios tipos diferentes Desde a capacidade de aprendizagem de movimentos com o corpo at a reten o de informa o na forma de elementos verbais e imagens existem varia es na a o no interior da mente o que resulta em uma classifica o diferenciada Mesmo dentro do processo de memoriza o de proposi es e imagens existem ainda outros tipos que se caracterizam pelo tempo de armazenamento ou mesmo a facilidade na sua recupera o S o elas a mem ria de curto e longo prazo A mem ria de curto prazo se caracteriza pela apreens o de uma informa o que pode ser recuperada facilmente mas por pouco tempo Um procedimento de armazenamento a repeti o em voz alta de uma proposi o por v rias vezes Isso coloca a informa o em uma zona de aten
140. para ganhar o aspecto iniciado no cubismo de uso da letra em si mesma como um aspecto visual Importantes representantes deste per odo s o sempre lembrados quando se fala em design gr fico p s moderno nos Estados Unidos David Carson e seu trabalho para a revista Ray Gun e a dupla Zuzana Lickos e Rudy VanderLans no design do est dio Emigre Graphics na Inglatera Neville Brody e na Su a Wolfgan Weingart Ainda que alguns desses principalmente os norte americanos n o estivessem diretamente criticando o capitalismo este foi o precursor do rumo que o design gr fico moderno tomou indiretamente ocasionando a resposta p s moderna da ocorrer a rela o com o Dada smo e os movimentos anteriores Cubismo e Futurismo N o existe neste trabalho um ju zo de valor sobre a linguagem gr fica de designers p s modernos em compara o com aquilo que se firmou como design gr fico ap s a Bauhaus que ser analisado mais adiante Ocorre uma divis o de opini es muito acentuada quando o assunto o design influenciado pelos Dada stas 14 Pensamento pois o p s modernismo marcado pelo fim das meta narrativas 86 O movimento Modernista encontrou recentes expoentes na imprensa notadamente em Neville Brody e David Carson Sem d vida Herbert Bayer e o Bauhaus ficariam atordoados por esse estilo Arte Culin ria dos anos 80 reunindo elementos do Dada smo Futurismo e Cubismo com uma pontinha de puro espa o de desig
141. penas Mas a tarefa central o processamento dos dados realizado atrav s de c lculos O grande diferencial de um computador para o uso humano que seu usu rio n o tem a necessidade de compreender os c lculos que o computador realiza apenas inserir os dados e retirar outros Um computador pensa se pensar a palavra correta no caso atrav s de min sculos pulsos de eletricidade que representam um estado ligado ou um estado desligado um O ou um 1 Os seres humanos pensam atrav s de palavras conceitos imagens sons associa es Um computador que nada fa a al m de manipular segii ncias de zeros e uns n o passa de uma m quina de somar excepcionalmente ineficiente Para que a m gica da revolu o digital ocorra um computador deve tamb m representar se a si mesmo ao usu rio numa linguagem que este compreenda Johnson 2001 17 A compreens o por parte do homem corresponde exatamente ao elemento m quina do sistema homem tarefa m quina sendo projetada sob o ponto de vista do homem O computador se auto representa para o homem sob o ponto de vista do pensamento humano atrav s de imagens sons associa es hipertextuais S assim se forma um sistema no qual os elementos interagem e o homem colocado em uma posi o hier rquica superior Esse meio no qual a linguagem a met fora do pensamento humano meio que os designers de programas de computador utilizam para alcan ar a compreens
142. que ocorre a fus o da escultura tridimensional com a pintura em um plano bidimensional Caracter sticas marcantes dessa obra s o os ngulos e contornos agressivos com influ ncias quase primitivas uma defini o de escultura bidimensional est na descri o do tra o utilizado por Picasso nesta obra segundo Buchholz como se talhados a machado e a inexist ncia de volume nas estruturas dos corpos das mulheres 68 representadas e mais os corpos apresentados no mesmo n vel do que seria o fundo eliminam da ilus o de terceira dimens o O ponto de partida para a revolu o localizado no ano de 1907 precisamente no quadro L s Demoiselles d Avignon exposto no museu de arte moderna em Nova York embora ainda n o sendo uma pintura definitivamente cubista revelava grande afinidade com a primitiva arte eg pcia e africana muito mais do que com a arte ocidental Neste quadro Picasso nivelava a superf cie da tela minimizando a ilus o da terceira dimens o e substitu a por contornos e ngulos agressivos a representa o pict rica tradicional Hurlburt 1977 13 Allen Hurlburt classifica este quadro como ainda n o sendo uma pintura definitivamente cubista provavelmente por enxergar como a mais importante caracter stica cubista e tamb m principal influ ncia para o design o processo das colagens Conforme citado para Hurlburt os pintores cubistas estabeleceram o design como o principal elemento do pro
143. r dica continham a recomenda o de estarem acompanhados de um orador para interpret los e garantir a compreens o por parte do receptor Neste caso a fala busca a transposi o do seu suporte e apresenta se em um est gio intermedi rio at a predomin ncia total do texto levantando tamb m uma outra quest o que ser apontada posteriormente sobre a especificidade de cada suporte Ao preocupar se com a import ncia do texto e exigir uma garantia de compreens o s obtida com a comunica o interpessoal a civiliza o em quest o deixa clara a perda de alguns elementos na passagem de fala para escrita 5 A evolu o da escrita A import ncia da linguagem escrita em compara o com a oralidade e a evolu o para a linguagem da hiperm dia est na an lise de todo o processo desde quando o armazenamento de alguma informa o p de ocorrer fora da mente at a total substitui o de fala por texto originando a cultura escrita As narrativas auxiliaram na recupera o da informa o na mem ria por sua estrutura sequencial que demanda do sujeito o preenchimento com uma informa o que surge a partir de um principio de a o e rea o Em se tratando de um registro escrito a sua sequ ncia est definida pela rigidez do seu suporte o que torna o texto um registro inalter vel e que est relacionado entre outras coisas ao momento em que foi escrito Isso instala a primeira modifica o na sociedade que vivia a p
144. r fica um sistema de diagrama o modulado com a assimetria e subdivis o de planos inspirados nas telas de Mondrian conforme demonstra o exemplo do computador pessoal da Oliveti de 1982 106 Esta imagem tamb m demonstra a rela o que pode ter se estreitado entre a linguagem visual dos computadores antigos e a est tica dos quadrados do De Stijl ou qualquer trabalho de design gr fico inspirado visualmente nesse movimento de vanguarda pois esse estilo continuaria ap s o in cio do funcionamento dos browsers que suportam HTML para a Internet O fato do pr prio suporte do computador permitir ou at um certo ponto exigir nesse seu in cio de penetra o como m dia um sistema de diagrama o que se encaixasse nas limita es t cnicas fez com que o estilo de grid assim trico com a subdivis o dos planos horizontais e verticais se tornassem uma solu o HTML foi inicialmente imaginado como uma forma de disponibilizar a visualiza o de textos digitais de um modo agrad vel por m limitada A tabela table um sistema de linhas e colunas foi introduzido como um meio de organizar texto e dados na tela Ent o desenvolvedores e programadores perceberam que poderiam utilizar as tabelas com uma ferramenta para posicionar objetos inserindo imagens em locais espec ficos independente do tipo de browser Para utilizar a tabela entretanto preciso manipular os objetos para que eles possam caber na
145. rados assim tricos substituindo as cores prim rias pelo conte do da mensagem que o design planeja transmitir 105 Have you heard This sport shirt can go everywhere even into the washing machine It washes easily dries quickly and if you want to bother ironing it it won t take more than a minute You never have to put it away because moths just don t go for it And maybe this is the biggest miracle it looks and feels the way a sport shirt should soft and luxurious but with enough body to have a shape of its own The reason for all this good news is an amazing new fiber called Acrilan If you re lucky next weekend llesse you ll be wearing a shirt of Acrilan too jei gt x Don volontaire Productivity in IBM An ncio feito por Robert Cage 1952 an ncio feito por Carlo Vivarelli 1949 e Relat rio Anual da IBM de Paul Rand Em um trabalho de design de interface gr fica de usu rio a influ ncia pode ocorrer da mesma maneira com a subdivis o do conte do em quadrantes Nestes site da montadora de autom veis Audi feito pela Meta Design o grid montado em quadrados e ret ngulos em planos assim tricos 104 No trabalho da Circle Euro RSCG para o seu site institucional de apresenta o da empresa o estilo Neo Plasticista utilizado em diferentes composi es tamo Caw Ento Lra Test Aio a ware ite Cota fmon tergin iste a E re G 03 mo E mi com endes 02 mie z Euro
146. reza da informa o contida nas hist rias sempre traz a cultura e o conhecimento que subentende se deve ser compartilhado Esse exatamente o desenvolvimento do mito uma ferramenta de a s at armazenamento e recupera o da informa o para as sociedades sem escrita 4 O rompimento do suporte A inven o da escrita ocorreu para que o ser humano pudesse criar um registro em um suporte fixo no entanto a cria o de registros j aparece na hist ria da civiliza es de 5 Bairon no artigo Tend ncias da linguagem cinet fica contempor nea em expressividade digital uma problematiza o apresenta exemplos de trabalhos acad micos que romperam essa tr ade em virtude de terem sido roteirizados para m dia interativa o que ser discutido no terceiro cap tulo Jacques L Goff em Mem ria Hist ria 1984 questiona algumas dire es das t cnicas mnem nicas de preserva o da mem ria social Ele a descreve como um m todo impossibilitado de armazenar o conte do palavra a palavra como na escrita O resultado segundo Goody uma varia o muito grande no conte do das narrativas de diversas vers es do mesmo mito 7 A quest o da narrativa como uma estrutura de recupera o da mem ria de longo prazo destacada por Walter Ong em Oralidad y Escritura 1991 Ong demonstra atrav s da pesquisa de Milman Parry e Albert Lord que a Il ada e Odiss ia foram inicialmente criadas para s
147. rgando uma estrutura no formato de uma rede 57 N o existe aqui um in cio meio e fim A explora o de lexias que se fazem entender por si s s deixam o usu rio vontade para explorar apenas um ou v rios m dulos de informa o presentes na hiperm dia Tanto faz ir de A a Bou de a E passando por B C e ignorando D que a compreens o do conte do sempre ser alcan ada Tanto faz tamb m come ar por outra p gina B ou C Ted Nelson descreveu isto como uma maneira dos leitores da hiperm dia poderem analisar o conte do por diferentes pontos de vista e diferentes n veis de profundidade at encontrarem a perspectiva que desejam e tamb m uma maneira dos autores de conte do de hiperm dia n o precisarem escrever para um tipo espec fico de leitor mas escrever e separar diferentes n veis de profundidade relacionados ao assunto o que permite ao usu rio se aprofundar na medida desejada no conte do de seu interesse A manipula o surge como uma caracter stica definidora da exist ncia de n o linearidade e hipertexto S poss vel acessar ou ainda s poss vel que o usu rio insira dados se ele puder de alguma forma manipular o suporte em que est sendo visualizado o hipertexto pois conectar se ao mesmo tempo inserir enviar um dado ao hipertexto de maneira que o link funciona como um elo de comunica o entre o usu rio e a hiperm dia e o ideal que o usu rio tenha a liberdade de falar na med
148. rkbund visava uma economia na produ o para atender ao mercado interno Essa economia inclui tamb m o pensamento de eliminar os excessos e adequar a coer ncia da forma fun o mas al m disso a pr pria mat ria prima era escolhida com o intuito de otimizar Em O que e o que nunca foi design gr fico Andr Villas Boas exp e a origem do termo DESIGN Do latim designo designar indicar ordenar e em portugu s essa palavra traduzida do latim como des gnio projeto plano prop sito Por essa raz o em portugu s o termo utilizado diferente de traduzido literalmente no sentido de projeto Na l ngua inglesa o termo design originado no latim designo significa semanticamente projetar no entanto a tradu o literal do ingl s para o portugu s do termo design desenho A origem de tal confus o est no italiano a palavra disegnare tem a tradu o para o portugu s desenhar Assim a origem da palavra desenho em portugu s diferente do designo do latim que originou design 114 Alguns produtos que se tornaram a marca registrada da Bauhaus como a cadeira Wassily de Marcel Breuer utilizavam a o tubular um material leve e de baixo custo O pr dio da Bauhaus de Dessau arquitetada por Walter Gropius utilizava vidros em toda a sua extens o da parede lateral para aproveitar se o m ximo poss vel da luz natural Essa quest o econ mica era uma das caracter sticas mas todas as formas de tais
149. rmas e todas as demais express es visuais eram varia es nas rela es entre tais elementos e as cores prim rias eram utilizadas para preencher essas formas b sicas A sa da de Itten resultou numa nova orienta o para a Bauhaus e numa mudan a no corpo docente Moholy Nagy e Joseph Albers assumiram o Vorkurs para o qual levaram a est tica antiarte do Construtivismo Russo Eles facilitaram a mudan a que levou ao afastamento de uma express o individual em favor de uma atitude racional ante a forma tridimensional objetiva Moholy Nagy enfatizava a aplica o da est tica da m quina ao design dizendo A nova estrutura da percep o baseia se nos elementos constituintes do registro visual no ponto linha extens o posi o dire o Moholy Nagy tinha grandes qualidades como professor Houve quem afirmasse que sua defesa da ideologia construtivista foi respons vel pela orienta o da Bauhaus ap s a sa da de Itten Como orientador do Curso b sico ele continuo o desenvolvimento de avan ados princ pios de design por meio de experi ncias diretas com materiais mas com nfase na m quina como a forma racional moderna Ela simbolizava a 115 produ o de pe as padronizadas o design e a montagem an nimos e produzia objetos industriais desprovidos de detalhes e valorizados por sua configura o geom trica geral Tais formas modelo representavam o esp rito do progresso industrial e ram t o eleg
150. ro plano para o usu rio um tour virtual pela ag ncia do banco quando na realidade o que o usu rio necessita dessa Interface realizar as suas a es a sua tarefa que n o passear pela ag ncia e sim fazer as opera es banc rias Este um caso em que a disponibiliza o da informa o se comporta melhor em uma est tica bidimensional O desktop outro exemplo a met fora de um escrit rio com seus arquivos em pastas para guard los e uma lixeira para a elimina o dos arquivos in teis em muitos aspectos se mostra mais eficiente do que um escrit rio f sico Os arquivos organizados por ordem alfab tica podem ser acessados simplesmente pela inicial de seu nome sem a obrigatoriedade de que o usu rio se lembre de onde guardou esse arquivo Se um desktop fosse imitar um ambiente f sico e reproduzisse prateleiras tridimensionais ao inv s de janelas acessadas pelo nome e exigisse do usu rio que se lembrasse da posi o onde guardou um arquivo isso n o justificaria estar em um ambiente digital pois a met fora n o estaria ajudando o usu rio a ter a mesma a o do mundo f sico com mais 24 efici ncia mas uma a o mais lenta Nesse caso o computador n o est sendo extens o nem ferramenta apenas uma atividade l dica Ap s o exame da linguagem que pr pria do computador o hipertexto e a hiperm dia a ser realizado nos cap tulo II e III o cap tulo IV estar voltado justamente para a an li
151. rtis concluiu o texto anunciando previs es de amplia o na transmiss o de dados ao mesmo tempo em que alertava para o fato de sempre existirem limita es t cnicas no suporte Web Uma solu o inicial para tais limita es pode ser observada em muitas anima es desenvolvidas para serem transmitidas via internet e visualizadas no computador Notam se algumas caracter sticas como a diminui o no n mero de frames que resulta em uma diminui o no tamanho em bytes do arquivo digital Essa estrutura muito comum em arquivos de formato Graphics Interchange Format GIF 80 Tais arquivos foram criados pela CompuServe e t m entre outras caracter sticas a possibilidade de suportar diferentes imagens que s o exibidas no mesmo arquivo em rela o ao tempo de visualiza o Esses arquivos de extens o GIF com imagens sequenciais chamados de GIF animado tornaram se o tipo mais usual de anima o para a internet sempre com essa caracter stica de possuir poucos frames se comparada s anima es de uma m dia anal gica convencional Com a cria o da tecnologia Shockwave para Web a macromedia disponibilizou o software Flash que gera arquivos que disponibilizam a exibi o de anima es com n veis de detalhes muito mais apurados do que os GIFs Isto p de impulsionar o uso de anima es para a Web mas ainda assim mant m se o que Hillman Curtis apontou a limita o t cnica do suporte Web Os truque
152. s aos quais ele se refere podem ser encontrados em alguns de seus trabalhos exatamente nesta quest o de realizar a fus o entre as imagens animadas da televis o e a anima o est tica de diferentes manifesta es de Arte Cin tica como o Nu Descendo uma Escada e telas futuristas As imagens de um meio eletr nico anal gico s o exibidas em uma segii ncia de 24 a 30 frames por segundo FPS Reduzindo se esse n mero para publicar uma anima o na Web os cortes ocasionam um intervalo de tempo muito extenso entre um frame e outro e n o permitem que toda a anima o seja exibida ocasionando um aspecto incompleto em algumas transi es A solu o que em alguns desses frames seja realizada uma sobreposi o de uma repeti o do objeto v rias vezes no mesmo frame O resultado visual que pode ser percebido a simula o da exist ncia de um n mero maior de frames nesses intervalos Nos trabalhos de Hillman Curtis poss vel enxergar na anima o subdividida aqui no papel algumas das imagens preenchidas com uma fus o de v rios frames dentro do mesmo frame e algumas imagens sem nenhuma altera o A jun o deles numa sequ ncia cria uma anima o para a Web com os mesmos poucos frames dos GIFs animados mas muito mais din mica 81 Anima es desenvolvidas pelo escrit rio de design de Hillman Curtis www hillmancurtis com E uma influ ncia para os dias atuais pequena se comparada in
153. s pessoas ou a comunica o pr tica cotidiana Hoje em dia a palavra viva as palavras que se perdem no vento destaca se sobre o fundo de um imenso corpus de textos os escritos que permanecem O mundo da oralidade prim ria por outro lado situa se antes de qualquer distin o escrito falado L vy 1993 77 A oralidade da sociedade anterior ao texto denomina se oralidade prim ria Ong 1997 ou cultura oral L Goff 1984 e aquela em que a palavra um complemento do texto ou mesmo uma forma de livre express o das pessoas aonde os escritos permanecem a oralidade secund ria Ong 1997 ou cultura escrita L Goff 1984 As culturas orais lidam com essa quest o da palavra ser a gest o da mem ria social Em uma vis o inicial a palavra falada ainda que seja desde uma propaga o da cultura at a pr pria sobreviv ncia de uma sociedade sofre uma limita o em seu processo de propaga o resumindo se ao espa o m ximo de alcance do som at onde seu locutor est Difere portanto do texto que pode ser desprendido do seu autor e fixado em um suporte e reutilizado em outros locais e at mil nios depois Toda a informa o que a palavra carrega em sua linguagem fica restrita ao ambiente f sico Neste cen rio as Os escritos permanecem na forma de texto surgem em uma discuss o sobre a invisibilidade do visual aonde Peter Burke concorda com historiad
154. scritos por escribas sediados de in cio exclusivamente em mosteiros Este modo de produ o caracterizava se por ser muito laborioso e esmerado portanto lento e oneroso Na Idade M dia raros eram os europeus alfabetizados e poucos os que tinham recursos financeiros e at mesmo interesse na aquisi o e no uso de livros Por isso a sua presen a e circula o davam se num restrito c rculo formado por indiv duos da elite do clero e da nobreza europ ia Esta situa o perdurou at o emprego do tipo m vel na impress o cujo aperfei oamento atribu do a Johannes Gutenberg Em algumas d cadas a tecnologia do tipo m vel espalhou se por toda Europa impressionante a velocidade com que esse processo se deu nos seus primeiros cingiienta anos havia mais que mil impressores dispersos em duzentas cidades europ ias As 59 tiragens desses primeiros livros variavam de duzentos a mil exemplares Niemeyer 2000 Neste ponto da hist ria que pode se considerar a escrita como uma forma de comunica o de massa principalmente no momento em que surgem os primeiros tip grafos e o tipo passa a ter a influ ncia da escrita romana At ent o o tipo m vel de Gutenberg imitava o desenho da letra feita pelos escribas Entre as raz es que levaram a escrita mec nica a imitar a escrita manual est o o fato de um experiente escriba ter ajudado Gutenberg a produzir os primeiros moldes de madeira para tipos m veis e tamb m
155. se das situa es em que a est tica bidimensional se faz predominante seja por necessidade ou por estarmos vivenciando uma nova est tica da m quina 25 Capitulo II A evolu o da linguagem da oralidade escrita A contextualiza o hist rica dos meios de comunica o fundamental para destacar o papel da hiperm dia na sociedade atual o que ajuda a entender o seu processo de compreens o e a linguagem que lhe pr pria Estes ser o subs dios fundamentais no design da interface homem m quina que estabelecem a media o no uso da hiperm dia 1 A pr oralidade Analisando novamente o trecho do filme j citado no primeiro cap tulo 2001 Uma Odiss ia no Espa o do diretor Stanley Kubrick a ferramenta arma empunhada pelo antrop ide possibilitou entre outras coisas a sua sobreviv ncia naquele momento Existe uma outra fun o naquele peda o de osso t o importante quanto uma ferramenta de ca a pode ser para a evolu o Essa segunda fun o est relacionada comunica o Essa obra cinematogr fica subdividida em pelo menos tr s momentos distintos o primeiro se passa na Terra h aproximadamente 10 000 anos o segundo na Lua em 2001 e o terceiro e ltimo nas proximidades do planeta J piter 5 anos mais tarde que o segundo Na primeira parte denominada por Kubrick de A alvorada do homem o cl max montado em duas grandes cenas 1 O antrop ide sozinho descobre uma t bia
156. se apresenta a pergunta como os tr s campos heterog neos um corpo um objetivo uma ferramenta podem ser acoplados um ao outro O acoplamento entre estes tr s campos ocorre pela interface Temos que levar em conta que a interface n o uma coisa mas o espa o no qual se estrutura a intera o corpo ferramenta e objetivo da a o Bonsiepe 1997 11 A interface portanto o ponto no qual eles usu rio tarefa e ferramenta comunicam se interagem e se tornam um nico elemento No caso do cassetete a interface ocorre no local aonde o usu rio segura com a superf cie lisa e o relevo para a acomoda o dos dedos Isso exige do homem apenas que ele conhe a o funcionamento da ferramenta pois ela j est adaptada ao seu manuseio Uma categoria de m quinas como os carros s o projetadas para o ponto de vista do homem exigindo que este conhe a seu funcionamento para que possam ser conduzidas A interface neste sistema o conjunto dos pedais o cambio e o volante sendo que a interface tem o mesmo formato em outros carros de outras montadoras al m daquele que o homem aprendeu a dirigir pela primeira vez A interface possibilita assim que o homem conduza qualquer outro carro sem a necessidade de um novo aprendizado Nessa medida a m quina est projetada sob o ponto de vista do homem A a o na qual cada um dos elementos homem e m quina tem um rendimento maior bem objetiva e M quina velocidade
157. se de Allen Hurlburt demonstra a fun o de rejuvenescer a sociedade atrav s da arte que as obras do De Stijl continham Esse car ter de renova o a busca por eliminar todas as formas hist ricas demonstra uma ideol gica que propunha uma nova ordem est tica na arte holandesa da o sin nimo para definir esse movimento Neo Plasticismo Ainda que se trate de uma tradu o mal feita vem do original em franc s escrito por Mondrian La Neo Plasticisme que em sua tradu o para o ingl s foi convertido para Neo plasticism Esse termo plasticism n o existe em ingl s e o termo plasticity diferente daquilo que quer se representar com o nome do movimento Nova Forma O t tulo de Mondrian era La Neo Plasticisme posteriormente anglicizado para Neo Plasticism uma tradu o lament vel Plasticism n o existe em ingl s e plasticity tem significado muito diferente de beeldung que em holand s refere se a formas bidimensionais Esse termo foi apresentado em alem o no Bauhausbiicher em 1925 como Gestaltung que significa configura o ou forma considerado bem mais preciso Rickey 2002 56 O nome De Stijl hom nimo da revista editada e diagramada por Van Doesburg e que era caracterizada por ter o seu design gr fico totalmente vinculado ao estilo j presente nas artes e na arquitetura Neo Plasticista A tipografia rigidamente atrelada s figuras geom tricas demons
158. serifa como Verdana Simplesmente n o h pixels suficientes para transformar o detalhe fino necess rio para as serifas em um tipo de 10 pontos Nielsen 2000 126 Nos trabalhos abaixo de Roger Black fica clara a demonstra o de sua regra usar os tipos grandes e layouts monocrom ticos P ginas monocrom ticas t m um aspecto melhor e executam mais rapidamente Para n o se perder no meio de toda a agita o que h por a tenha um m nimo de cores Fa a tudo o maior poss vel tipos ficam bonitos em grandes tamanhos Escolha uma tipologia agrad vel Com mais de 50 anos Voc pode ficar com Gouldy Modern criada por volta de 1929 Black 1997 45 125 Bristol Myers Squibb Company Black Belt Get Smart LAB Prez 4 They said TN fra v a B was radio with pictures But it wasn t Now they Broadband say the Net is TV with button NO It s 2 way communication the customer is involved Old ideas of O mp stars media are out Interactive Bureau is looking ahead e Lap n rea persosal researcher searching the web for things you are interested in even when you tr mo sabar ne click away Knapsack amp fall to 2 1 for year e drop in eight months signals t ed bes kept inflation under control RR Welcome to USA TODAY What s New Sports scores fresh every 2 minutes 7 osm e A Been There Araon ih Gossip from Jeannie
159. sign Problems Les probl mes d un artiste graphique SRLS Eeden MUSICA viva T volkskonzert cinque danses ritvelies der tonhalle geselischat ernst krenek zwei 122 Na Bauhaus e mais tarde na sua dissemina o como Estilo Internacional a tipografia tinha na legibilidade a sua fun o b sica e isso resultava em uma redu o no uso de fam lias e at mesmo numa utiliza o dos tipos em tamanhos relativamente grandes conforme demonstram os trabalhos acima desenvolvidos por Josef Miiller Brockmann um dos mais influentes designers do Neue Graphik sui o Alguns designers como Roger Black seguem a mesma l gica de exposi o da informa o em tipos grandes e utiliza o de apenas tr s cores vermelho preto e branco Em seu livro Web sites que funcionam Black lista as dez regras do design para a Web Entre tais regras ele sugere o uso de tipos grandes de somente tr s cores vermelho preto e branco e apenas duas fam lias de tipos Jacob Nielsen em seu Designing Web Usability recomenda o uso de fontes em tamanhos grandes Nesse mesmo texto Nielsen coloca uma certa imposi o contra caracteres serifados em pequenos tamanhos apenas devido resolu o dos monitores Como algo que acontecia nos Estilos Bauhaus e Internacional a tipografia quase que em sua totalidade linear isto n o serifada Devido baixa resolu o das atuais telas de computador o texto pequeno mais leg vel em tipos sem
160. sim o sinal da vitalidade interna de uma sociedade que se forma e se transforma numa condi o de liberdade democr tica Argan 1992 330 Neste per odo o trabalho de El Lissitzky come a a demonstrar os novos rumos da arte russa Utilizando novas tecnologias para a implementa o de seus trabalhos ele um dos primeiros artistas a criar suas obras como uma atividade de design Arquiteto formado na Alemanha Lissitzky foi um dos pioneiros da fotomontagem t cnica de sobreposi o e justaposi o de imagens fotogr ficas 97 Entre seus trabalhos mais conhecidos o auto retrato acima O Construtor 1924 um exemplo claro dessa t cnica e tamb m da sua ideologia construtivista A fus o das imagens da m o segurando o compasso e o olho sintetizam o ideal construtivista de fundir a t cnica de produ o e a express o criativa do artista Um importante trabalho de El Lissitzky demonstra a ess ncia do design presente em sua cria o Klinom Krasnym bei Belykh que significa derrote os brancos os contra revolucion rios com a sua cunha vermelha A obra utiliza elementos da est tica suprematista o triangulo vermelho o quadrado e o c rculo brancos que ao mesmo tempo permitem frui o por serem elementos puros est ticos como o quadrado de Malevitch e correspondem fun o ao intensificar a mensagem representando atrav s de planos abstratos e tensos o golpe em cima dos contra revolucion rios O tri ng
161. son Wesley reading 1984 FRY Maxell A Arte na Era da M quina S o Paulo Editora Perspectiva 1969 GALLO S rgio N A Narrativa do Jogo na Hipermidia A interatividade como possibilidade comunicacional Disserta o de Mestrado em Comunica o e Semi tica PUC SP 2002 GEHR Ricahrd Plugged in Metropolis New York vol 12 n 10 june 1993 GLENWRIGHT Jerry www layout Effective design and layout for the world wide web London Cassel amp Co 2001 GOMES FILHO Jo o Ergonomia do Objeto S o Paulo Escrituras 2003 155 Gestalt do Objeto S o Paulo Escrituras 2000 GROPIUS Walter Bauhaus a Novarquitetura S o Paulo Editora Perspectiva 1972 GRUSZYNSKI Ana Claudia Design do invis vel ao ileg vel Rio de Janeiro 2AB GUINDON Raimonde org Cognitive Science and its Applications for Human Computer Interaction New Jersey Lawrence Erllbaum 1988 HORCADES Carlos M A Evolu o da Escrita Rio de Janeiro Senac Rio 2004 HOLLIS Richard Design Gr fico Uma Hist ria Concisa S o Paulo Martins Fontes 2001 HUMPHREYS Richard Movimentos da Arte Moderna Futurismo S o Paulo Cosac amp Naify 1999 HURLBURT Allen Grid A modular system for the design and production of newspapers magazines and books New York John Wiley amp Sons Inc 1978 Layout o design da p gina impressa S o Paulo Nobel 1986 JACQUES Jo o Pedro Tipografia P s Moderna Rio de Janeiro 2AB 1998 JOHN
162. ssa sofrer De acordo com a descri o da teoria dos sistemas a altera o de um ou mais elementos do sistema resulta em uma altera o em outros elementos ou at de todo o sistema No exemplo do filme Amn sia e sua compara o com a hiperm dia a altera o de um dos elementos de uma das cenas entre o corte dos dez minutos antecedentes resulta na incompreens o do todo logo uma dissocia o do sistema formado pelos elementos cenas A topologia de uma hiperm dia existe a partir do momento em que o fato de n o acessar um dos conte dos que significa ignorar a sua exist ncia e portanto elimin lo do sistema n o altere a compreens o do todo ao t rmino da experi ncia O hipertexto n o possui a necessidade de que a sequ ncia entre os m dulos seja fixa Ainda que n o se trate de uma hiperm dia narrativa a n o obrigatoriedade de acesso a um conte do espec fico garante a manuten o do sistema No caso de um site como o Universo On line http www uol com br independente de onde o leitor decida iniciar a sua explora o do conte do ao encerrar o acesso a esse site ele compreendeu as p ginas sem necessidade de acessar todos os conte dos A p gina no caso de uma hiperm dia na internet faz se entender por si s sendo a parte mais elementar de uma hiperm dia 39 brigas A har E m sica Canais do UOL designer de interface Douglas Okasaki Ao ser acessado o espa o da p gina q
163. sse contexto o nome mais importante para a comunica o hiperm dia sem d vida Vannevar Bush que escreveu em 1945 o artigo As we may think que discute justamente essa rela o entre o pensamento humano e as novas tecnologias de comunica o No entanto exatamente meio s culo antes de Vannevar Bush Paul Otlet e Henri La Fontaine fundaram em Bruxelas o Instituto Internacional de Bibliografia que teve como resultado uma nova perspectiva no processo de documenta o e acesso informa o 41 A proposta do Instituto segundo Otlet e La Fontaine era criar um repert rio bibliogr fico universal catalogando todas as obras de todos os tempos de todos os pa ses abrangendo todos os dom nios separados por autores e por assunto Surge a necessidade de um processo de classifica o eficaz que preenchida pelo aperfei oamento do m todo de classifica o decimal de Melvin Dewey O universo das coisas dividido em dez classes principais numeradas de O a 9 e cada um deles subdividido em outras dez e assim sucessivamente tanto quanto a precis o do assunto exija O estudo de Otlet classifica o decimal atingiu tamanha profundidade a ponto de tornar se uma linguagem num rica e receber a denomina o de Classifica o Decimal Universal C D U num estudo muito semelhante ao dos cinco pilares da informa o enunciado por Richard Saul Wurman como o nico m todo de desenvolver o processo de arquitetura da informa
164. sta de L s Demoiselles d Avignon A fus o do tecnol gico e do biol gico de Duchamp em Nu Descendo uma Escada demonstrou que a representa o da decomposi o e recomposi o de espa o e objeto rumo a uma representa o da forma do movimento indica a a o repetitiva que estava ligada ao funcionamento do homem moderno e das m quinas no sentido de se perder a possibilidade de diferenciar entre um e outro Tamb m entrava o futurismo a partir da influ ncia de Duchamp em um processo construtivista como no cubismo N o importava mais o que estava desenhado e sim como funcionava e funcionava de forma cada vez mais din mica O movimento de uma pessoa que desce a escada um movimento repetitivo mec nico semelhante ao movimento de uma m quina Ao executa lo a pessoa passa do estado de organismo vivo para o de engenho ou m quina o funcionamento biol gico transforma se em funcionamento mec nico O movimento repetitivo tamb m aquele a que numa civiliza o da t cnica habitua nos familiaridade com as m quinas portanto a transforma o do funcionamento biol gico em funcionamento tecnol gico o destino que nos aguarda Argan 1992 438 Em telas futuristas a forma do movimento como no Cubismo uma representa o de 4 dimens o No entanto em trabalhos futuristas conforme analisou Hurlburt a perspectiva n o sintetizava apenas a forma do objeto e sim a forma do movimento realizando a fus o entre ob
165. steja na sua perspectiva a linguagem que intermedia o conte do da hiperm dia e o usu rio a disposi o dos links importante que essa disposi o esteja de acordo com aquilo que o usu rio desejar falar isto tentar prever o que o usu rio ir escolher acessar A hiperm dia s pode simular o acesso mente se o link associativo se oferecer em um ponto do texto que o usu rio deseje clicar Essa metodologia envolve a classifica o e separa o dos conte dos de forma que as lexias se fa am entender sozinhas ou associadas a outras e que a escolha do usu rio por 12 Ele descreve o processo para o computador de maneira geral Para Crawford o ouvido do computador formado pelo conjunto dos bot es simples sim e n o joystick teclado mouse recursos multim dia como entrada de voz e udio canetas transl cidas e apenas no momento em que ele define como item os hot spots que o link surge A proposta desta pesquisa est na an lise dessa linguagem na perspectiva humana limitada aos links por se tratar de um texto sobre design de interfaces e hiperm dia 59 um caminho em detrimento de outro seja o que ele faria conversando com uma outra pessoa Somente assim o usu rio estar podendo falar com o sistema e interagir de maneira c clica escutando o que a hiperm dia tem a dizer A co autoria na hiperm dia est diretamente relacionada com a complexidade do seu roteiro Do ponto de
166. sua c lula espec fica freqiientemente preciso comprometer o seu tamanho Isso pode mudar no futuro com o surgimento dos browsers que suportem XTML e DHTML em suas vers es padr o At l para desenvolver um site que seja acess vel para qualquer usu rio e de f cil navega o preciso respeitar as limita es t cnicas Curtis 2002 142 Na defini o de Curtis as limita es t cnicas imp em limites ao desenvolvimento de sites para Internet sites que possam atingir qualquer usu rio Ao citar o XMTL e o DHTML Curtis reconhece a evolu o que j est se instalando na tecnologias de produ o de m dia digital Pode ser somada a essas inova es a tecnologia Shockwave Flash Todavia ao fixar o desenvolvimento no alcance de qualquer usu rio fica clara a necessidade de se adequar pelo menos no per odo inicial da Web o produto site sua fun o o que mostra uma motiva o na cria o do design da interface muito semelhante motiva o presente nas origens do design 107 Ao reconhecer os limites mas utilizar as novas tecnologias para propagar uma linguagem visual est tica e n o apenas funcional o desenvolvedor desta interface est com a mesma preocupa o de um designer unir a fun o e a frui o no mesmo objeto Esse processo se originou no momento em que os browsers que anteriormente s disponibilizavam textos passaram a suportar tabelas e imagens Isso fez surgir o designer de interface
167. surgir a atividade do design importante analisar a hist ria do design de maneira mais sistem tica A origem de cada movimento e seu estilo na verdade a constru o de uma solu o de comunica o j que os artistas desse per odo com um destaque para o construtivismo russo come aram a utilizar suas obras entre outras coisas como um meio de democratizar a arte levando a a todos por meio de seu conte do interno Isto era uma declara o muitas vezes pol tica e social e mais tarde a institui o de uma atividade que se preocupava tanto com a beleza quanto com a funcionalidade de cada objeto Estas 64 quest es somadas ao desenvolvimento da arquitetura e urbanismo do in cio do s c XX originam a denomina o deste per odo por Giulio Carlo Argan como funcionalista A guerra acelerou por toda parte o desenvolvimento da ind stria tanto em sentido quantitativo quanto no sentido do progresso tecnol gico Indiretamente produziu se em decorr ncia um grande crescimento das popula es urbanas A classe oper ria consciente de ter contribu do e sofrido com o esfor o b lico mais do que qualquer outra classe vem adquirindo um peso pol tico decisivo ademais a revolu o bolchevique demonstrou que o proletariado pode conquistar e manter o poder na arte com seus movimentos experimentais e de vanguarda ela pode realizar uma transforma o radical n o s da estrutura e da finalidade como tamb m da f
168. tech nem sempre tem a possibilidade de disponibilizar altas taxas em mem ria de arquivos em transfer ncia o que obriga a redu o em tamanho dos arquivos Somado a isso o fato do computador ser uma ferramenta multi tarefa as anima es na Web apresentam uma estrutura que est em um ponto intermedi rio entre as anima es de 30 frames por segundo do v deo anal gico e de um plano com in meros frames como o Nu descendo uma escada crucial que voc identifique as limita es do seu mercado alvo Enquanto a largura de banda dispon vel tem aumentado em importantes reas metropolitanas nos Estados Unidos o modem de 56K ainda o principal condutor da Web para o resto do mundo Este gargalo estreito modifica profundamente o que voc pode e n o pode fazer na Web Mesmo pensando num futuro n o muito distante quando ser poss vel visualizar a Web em computadores Handheld ou at mesmo implantes o ambiente t cnico sempre ter limita es O design de anima es gr ficas on line tem a oportunidade de examinar o ambiente t cnico e respeita lo O truque encontrar possibilidades dentro das limita es e us las em seu proveito Curtis 2000 Nesse texto que dirigido segunda pessoa por se tratar de um manual t cnico para a cria o de anima es gr ficas para a Web o autor divulga dados importantes A largura da banda de transmiss o de dados de 56K uma realidade ainda hoje quatro anos depois No entanto Cu
169. tempo a liberdade em rela o ao grid Isto porque o usu rio nunca precisar de um rumo exceto em casos muito espec ficos por parte do designer Este ltimo nunca precisar colocar o link VIRE no final de uma p gina impressa de uma revista HH Modelo de diagrama da intera o de um usu rio com uma revista ainda que exista um ndice com todas as mat rias permitindo o acesso n o linear a leitura de cada mat ria limita se ao conte do fixo nas p ginas disposto de maneira linear 126 A n o linearidade da hiperm dia reflete se na interface com uma diagrama o modulada pois os rumos e caminhos que o usu rio pode tomar muitas vezes n o est o relacionados entre si isto ainda que os conte dos tratem de um mesmo tema cada um estar em um ramo espec fico uma categoria espec fica Isto implica uma subdivis o da p gina digital em m dulos isolados e independentes incluindo uma poss vel hierarquia entre alguns m dulos dependendo da rela o que um determinado conte do que ser acessado tenha com o conte do da interface em quest o My account United States Products amp services Support amp downloads Select one Resources for Home home office Small amp medium business hinkPac ul IBM at Sibi Large enterprise Government Education Now it s even better New Fingerprint Reader puts your ID at your fingertip Join IBM in Atlanta
170. tra um tra o interessante da tipografia das vanguardas que iria se acentuar na Bauhaus a rela o imag tica que esta recebe dentro de cada movimento originando um processo de design de tipos id ntico ao das outras manifesta es art sticas no interior de cada movimento A tipografia do De Stijl desenhada em cima de quadrados No caso da tipografia do Art Deco e Art Nouveau vis vel a presen a de 191 elementos decorativos e formas geom tricas Art Deco e curvas Art Nouveau o que marcou tamb m tais movimentos ABCDEFCHIJKLMN AABCDEEFGHIKGMNI OPORSTUVWXYZ STCUVUIR VEZ 123456789 abedefgniikimnopg ABCDEFGHIJKLMNOPQRSTU PSWNA c rere abcdefghijkimnopqrstuywxyz rc ss ABE DEE ABCDEFGHIJKLTNOPOR ARC DELCHUKT MNOPORS STUVWXYZO0 123456789 ILUV WAY Zabedef ghijklmnopq abcdeighijklmnopqrstuvwxyz rstuvwayvsOl 5156 85 Tipografia Art D co 1930 esq Art Nouveau 1890 centro e Logotipo DeStijl 1917 P ster 1924 dir O fundador do movimento Theo Van Doesburg 1883 1931 n o o mais conhecido de seus integrantes Piet Mondrian um dos cones do est lo assim trico de linhas negras e cores prim rias Talvez por esta raz o Allen Hurlburt classifique o como o Protagonista do movimento De Stijl Tamanha a sua popularidade que poss vel hoje encontrar na Internet a Mondrian Machine um site desenvolvido em Java Script onde o usu rio pode clicar sobre um plano vazio e criar
171. tualiza o individual de cada observador para as colagens e montagens que torna a experi ncia de observar uma obra cubista mais interativa do que a representa o fiel da realidade Neste ponto come a a surgir uma co autoria da parte do observador Bob Cotton ao analisar Sergey Eisentsein identificou este processo como uma estrutura n o linear que serve inclusive ao pr ximo movimento a ser analisado o Futurismo Foi Sergei Eisenstein que identificou a montagem como um princ pio b sico utilizado por todos os artistas na exposi o de um tema apontando para o fato de 71 que quando duas imagens ou segii ncias de imagens s o postas juntas inevitavelmente elas combinam criando um novo conceito que surge desta justaposi o Em outras palavras o ato de perceber duas ou mais imagens justapostas em si mesmo interativo e o observador quem est criando este novo conceito no espa o entre os diferentes est mulos Em uma hiperm dia artistas e designers t m uma ferramenta de comunica o que oferece uma multiplicidade de significados em que esse princ pio pode ser aplicado De simples sequ ncias de imagens fixas atrav s do caleidosc pio de telas com m ltiplas imagens at a complexa jun o e colagens de imagens sobre outras imagens todas essas pr ticas podem ser colocadas sob a dire o do usu rio Assim essa intera o f sica pode complementar a intera o percentual da montagem Cotton 1997 65
172. ue se deve fazer entender por si s compreende o espa o entre o in cio da leitura e a pr xima possibilidade de vincular documentos ou seja o pr ximo link Este espa o Landow denominou lexia parafraseando Roland Barthes pois compreende o espa o mais elementar de compreens o do sentido Aqui entra a segunda caracter stica a ser analisada a multi linearidade que representa uma situa o de explora o e navega o da hiperm dia aonde seguir ou conectar apresentam se como op es a um usu rio de uma hiperm dia Tanto continuar prosseguindo na leitura sem utilizar o link como clicar e conectar se continua o daquela informa o em outro contexto fazem sentido Neste caso a lexia pode constituir tamb m um espa o entre dois links Um link em uma lexia n o apenas um v nculo um t pico pois carrega consigo toda uma quantidade de informa o para onde o usu rio ser encaminhado e tamb m faz sentido dentro do contexto onde est sendo lido No livro Hypertext Hypermedia o autor David Jonassen 1990 cria uma metalinguagem para explicar a hiperm dia em um suporte impresso Ele utiliza links ao George Landow em Hipertexto define tamb m como lexia o espa o entre os dois links 56 INFORMATION FRAGMENTS NODES Hypertext hypermedia consists of chunks or fragments of text or other information Nodes and associative links p 8 are the basic building blocks of all hypertext systems Nodes are
173. ulo vermelho que representa o comunismo rompe o c rculo branco como um golpe de uma estrutura contra outra Martins Fontes A Klinom Krasnym bei Belykh 1920 de El Lissitzky tanto esse um trabalho marcante na hist ria do design gr fico que ilustra a capa do livro de Richard Hollis Design Gr fico Uma hist ria concisa Apesar da import ncia de Klinom Krasnym bei Belykh do ponto de vista da hist ria do design segundo Hurlburt a grande influ ncia de El Lissitzky para o design contempor neo est no seu trabalho de integra o da fotografia com a tipografia o que originou novas t cnicas no processo de impress o e em toda a atividade de artes gr ficas permitindo uma liberdade maior dos elementos visuais dentro da p gina 98 impressa Por essa raz o creditado a Lissitzky a cria o das primeiras no es de diagrama o e projeto gr fico 5 De Stijl A pureza e a assimetria O movimento De Stijl O Estilo foi realizado na Holanda entre os anos 1917 e 1928 e foi criado por Theo Van Doesburg O fato de ter ocorrido na Holanda marcou em alguns aspectos esse movimento Por n o ter sido abalada pela Guerra a Holanda tornou se um local em que as artes pl sticas e a arquitetura puderam se desenvolver tecnologicamente Somada ideologia das Vanguardas a arte holandesa apontou para um estilo que buscava a pureza e a neutralidade acima de tudo Segundo Argan essa busca foi marcada pela te
174. usu rio sistema orientado visualiza o 1 Uma defini o de sistemas O termo Interface tem uma s rie de significados diferentes significados estes que foram ampliados ainda mais com o advento das novas tecnologias desde os computadores pessoais at os mais recentes telefones m veis que integram a tecnologia de armazenamento de dados mesclando o celular e os PDAs Personal Digital Assistant como o Palm OS em um nico aparelho Os usu rios dessas novas tecnologias det m o controle de todas essas fun es atrav s da utiliza o das Interfaces Gr ficas de Usu rio G U 1 ou simplesmente Interface Este termo de acordo com o dicion rio significa um ponto comum uma divisa ou fronteira entre duas coisas Isso direciona as G U I s para a fun o de ponto de interconex o entre o usu rio e a tecnologia para um sistema de intera o entre o homem e a m quina O que explica ent o as fun es de qualquer interface homem m quina a defini o de sistemas A defini o de sistemas para sistemas operacionais o conjunto de elementos e suas rela es uns com os outros e com seu ambiente de maneira a formar um todo de modo que se torne um sistema a sin rgico no qual todos os seus elementos t m a es que buscam um mesmo objetivo b integrado quando a altera o de um dos elementos ocasiona a altera o de um ou mais elementos ou de todo o sistema e finalmente c interativo os elementos interagem atuam
175. vado em um suporte o que impede a interatividade entre as duas partes a emissora e a receptora O texto fixo nas pedras apenas imp e e repete as palavras exigindo uma interpreta o acertada por parte do receptor Se no caso da fala ocorre uma adapta o por parte dos dois agentes em uma a o c clica entre duas partes a escrita que s tem a presen a de uma pessoa exige que a mesma se adapte sua linguagem Aqui entra a necessidade da interpreta o por parte do leitor n o mais ouvinte Neste ponto a escrita come a a apontar para a necessidade de uma linguagem pr pria que atinja um car ter universal que se fa a entender em qualquer circunst ncia A an lise da rigidez do suporte fixo e a interatividade da fala prevendo que algo se perdeu na passagem da oralidade para a escrita reduz a escrita a um sistema preso 42 fala ignorando essa especificidade da linguagem que pr pria da escrita e que s pode existir quando registrada em um meio est tico Dessa quest o surge uma an lise semi tica sobre a associa o e dissocia o entre o texto e a fala Saussure define a escrita como um sistema distinto da fala mas ao qual est subordinada A escrita para Saussure um signo e a linguagem das formas faladas o objeto Para Derrida a rela o entre fala e escrita justamente o contr rio os sistemas de escrita n o est o subordinados fala pois o seu sentido est contido n o s nos fonemas m

Design de Interface - PUC-SP

Contents

Download Pdf Manuals

Related Search

Related Contents