Desenho algorítmico de websites

Abstract

Nos dias de hoje, os designers gráficos têm, cada vez mais, como principal objectivo desenhar artefatos (sejam eles físico ou digitais) que criem espaços de diálogo com a audiência. Embora ninguém consiga prever fielmente como será a realidade profissional do Design Gráfico, no contexto do Web Design, esperamos que os websites permitam a criação de experiências cada vez mais personalizadas e orientadas para os utilizadores e para o conteúdo.Nos dias de hoje, os designers gráficos têm, cada vez mais, como principal objectivo desenhar artefatos (sejam eles físico ou digitais) que criem espaços de diálogo com a audiência. Embora ninguém consiga prever fielmente como será a realidade profissional do Design Gráfico, no contexto do Web Design, esperamos que os websites permitam a criação de experiências cada vez mais personalizadas e orientadas para os utilizadores e para o conteúdo. Esta dissertação surge alinhada com esta ideia.Nesta dissertação é apresentado um sistema algorítmico data-driven que automaticamente gera diferentes websites com estilos e conteúdos automáticos. Os estilos e os conteúdos do website gerados são definidos com base em uma pesquisa inicial do utilizador. Resumidamente, o sistema funciona da seguinte forma. Inicialmenteo utilizador insere um conteúdo textual (p. ex. um conceito, um nome, etc.). De seguida, o sistema procura informação relacionada com o conceito inserido, acedendo a uma API. Posteriormente, os resultados obtidos são analisados semanticamente de forma a definir as características visuais do resultado (tais como tipografia, posições, cores, etc.). Por fim. o sistema gera um website que utiliza o conteúdo acedido e os estilos definidos previamente. Além disso, após a geração é permitido ao utilizador controlar alguns parâmetros para afinar o resultado gerado.

Nowadays, graphic designers increasingly have as main objective to design artifacts (whether physical or digital) that create spaces for dialogue with viewers / users. Although no one can faithfully predict what the professional reality of Graphic Design will be like, in the context of Web Design, we hope that websites will allow the creation of increasingly personalized and user-oriented and content-oriented experiences. This dissertation is aligned with this idea. This dissertation presents a data-driven algorithmic system that automatically generates different web pages with automatic styles and content. The styles and contents of the website generated are defined based on an initial user search. Briefly, the system works as follows. Initially, the user inserts a textual content (eg a concept, a name, etc.). Then, the system searches for information related to the inserted concept, accessing an API. Subsequently, the results obtained are analyzed semantically in order to define the visual characteristics of the result (such as typography, positions, colors, etc.). Lastly. the system generates a website that uses the accessed content and the previously defined styles. In addition, after gener- ation, the user is allowed to control some parameters to fine tune the generated result. Nowadays, graphic designers increasingly have as main objective to design artifacts (whether physical or digital) that create spaces for dialogue with viewers / users. Although no one can faithfully predict what the professional reality of Graphic Design will be like, in the context of Web Design, we hope that websites will allow the creation of increasingly personalized and user-oriented and content-oriented experiences. This dissertation is aligned with this idea. This dissertation presents a data-driven algorithmic system that automatically generates different web pages with automatic styles and content. The styles and contents of the website generated are defined based on an initial user search. Briefly, the system works as follows. Initially, the user inserts a textual content (eg a concept, a name, etc.). Then, the system searches for information related to the inserted concept, accessing an API. Subsequently, the results obtained are analyzed semantically in order to define the visual characteristics of the result (such as typography, positions, colors, etc.). Lastly. the system generates a website that uses the accessed content and the previously defined styles. In addition, after generation, the user is allowed to control some parameters to fine tune the generated result.