Käyttöliittymägrafiikan suunnittelu Cold War -strategiapeliin

Abstract

Muodot, värit ja niiden väliset vuorovaikutussuhteet ovat olennainen osa kerrontaa visuaalisessa taiteessa. Niiden avulla välitetään niin tietoa kuin tunnelmaakin. Videopeleissä tunnelma on keskeisessä osassa mielekästä pelikokemusta luotaessa. Tämän opinnäytetyön tavoitteena oli selvittää, miten muotoja ja värejä hyödynnetään visuaalisessa taiteessa tunnelman ilmentämiseen ja miten löydettyjä menetelmiä voidaan soveltaa videopelien käyttöliittymägrafiikassa. Lisäksi opinnäytetyön tarkoituksena oli soveltaa löydettyjä tunnelman luomisen menetelmiä kylmä sota -aiheisen pelin käyttöliittymägrafiikan suunnittelussa.

Opinnäytetyössä tarkasteltiin graafisen suunnittelun teorioista löytyviä tunnelman ja teeman ilmentämisen menetelmiä. Teorioissa painottuivat värien ja muotojen merkitykset sekä väriharmoniat ja sommittelu. Löydettyjen teorioiden soveltumista peligrafiikkaan selvitettiin vertaamalla niitä pelialan kirjallisuudesta ja verkkomateriaaleista löydettyihin menetelmiin sekä analysoimalla muutamien strategiapelien käyttöliittymiä. Opinnäytetyössä pohdittiin myös käytettävyyden ja visuaalisen ilmeen tasapainoa käyttöliittymän suunnittelussa.

Lähdemateriaaleista löydettyjen teorioiden ja menetelmien pohjalta suunniteltiin käyttöliittymägrafiikat Cold War -strategiapeliin. Opinnäytetyöprosessin aikana ilmeni, että perinteisen visuaalisen taiteen menetelmät ovat hyödynnettävissä pelin käyttöliittymägrafiikassa. Graafisen suunnittelun menetelmät myös usein tukevat käytettävyyttä, jolloin käytettävyyden ja visuaalisen ilmeen tasapainottaminen onnistuu luontevasti. Käytettävyyden ja graafisen suunnittelun menetelmien yhteneväisyyksistä olisikin mahdollista tehdä jatkotutkimus. Myös väriharmonioita ja sommittelua voisi tutkia syvemmin.

Shapes and colours are an essential part of an artwork. The elements and how they interact with each other convey not only information but also mood and feel. In video games conveying feelings plays a significant role in creating meaningful experiences. The objective of this thesis was to explore the methods visual arts use to express feelings and atmosphere, and to apply these methods to design user interface graphics for Cold War strategy game.

The theoretical section explores graphic design literature and compares the theories and methods to those found in professional game design blogs. The focus of the theoretical section was to study the symbolism of colours and shapes as well as colour harmonies and composition. The thesis also reflects the possibilities of finding a balance between usability and the look of a user interface. The theories and methods were applied to design a complete set of user interface mockups for the Cold War game.

The results indicate that the expression of feeling and atmosphere in visual arts can be applied to game graphics. Further research could be done regarding the similarities of theories of usability and graphic design.