Denna studie syftar till att utveckla tumregler för heuristisk utvärdering av typografi i responsiva gränssnitt. Genom att kombinera traditionella typografiska designprinciper med principer för responsiv webbdesign har tolv tumregler tagits fram. Dessa tumregler har i två heuristiska utvärderingar använts av grafiska designers och gränssnittsutvecklare. De båda grupperna har dessutom fått ge sin syn på upplevelsen av att använda tumreglerna. Tumreglernas förmåga att vägleda till hittade typografiska problem i två responsiva gränssnitt har analyserats och framförallt gränssnittsutvecklarnas resultat har varit i fokus, då målet varit att tumreglerna ska kunna fungera som ett verktyg för att skapa bättre design för gränssnittsutvecklare utan utbildning i ämnet.

This paper addresses the question about what role typography plays in the interpretation of a text. From three different handbooks in typography arguments are gathered and categorized in to three categories: roman types, san serif and others. Interviews with people from the graphic design area are also a part of the paper and are accounted for in the discussion part of the paper. Areas of theory are a broad hermeneutic view based on Hans-Georg Gadamers thoughts, which have sub categories such as: Michel Foucault?s theory about discourses, John Swales genre theory and Anders Björkvall?s thoughts on typography and multi-modal texts.

This paper addresses the question about what role typography plays in the interpretation of a text. From three different handbooks in typography arguments are gathered and categorized in to three categories: roman types, san serif and others. Interviews with people from the graphic design area are also a part of the paper and are accounted for in the discussion part of the paper. Areas of theory are a broad hermeneutic view based on Hans-Georg Gadamers thoughts, which have sub categories such as: Michel Foucault?s theory about discourses, John Swales genre theory and Anders Björkvall?s thoughts on typography and multi-modal texts.

The earlier studies of how gender is visually constructed in lifestyle magazines have mainly been done on photographs. But, photographs are only one part of the entire magazine Therefor3, we saw the importance in examining one of the other big parts, typography.We have been studying if gender can be constructed in lifestyle magazines through the shape and color of typography and the color context. It is important to point out that we have not been studying the written word but only the shape and color of the typography.The study has been conducted through a qualitative content analysis with a comparative process of the selected magazines. The analysis began with a semiotic analysis of selected parts of the magazines. The result was then analyzed with a feminist theoretical approach.The result of the study shows that gender can be constructed through typography in a number of different ways.

Purpose/Aim: The aim of the paper is to study the periodical Blå Bandet and its structure, typography, layout and design and how the periodical can develop by a redesign.Material/Method: I have interviewed the editor of Blå Bandet and studied literature about the market of periodicals and design of periodicals. After that I have done an analysis of Blå Bandet and its structure, typography, layout and design.Main results: I present a proposal for a new structure and a new typography. Finally I present examples of how layout and design can work out in a redesign..

This paper addresses the question about what role typography plays in the interpretation of a text. From three different handbooks in typography arguments are gathered and categorized in to three categories: roman types, san serif and others. Interviews with people from the graphic design area are also a part of the paper and are accounted for in the discussion part of the paper. Areas of theory are a broad hermeneutic view based on Hans-Georg Gadamers thoughts, which have sub categories such as: Michel Foucault?s theory about discourses, John Swales genre theory and Anders Björkvall?s thoughts on typography and multi-modal texts.

Web pages are visited through a variety of different devices with varying screensizes. One method for adapting web pages to this variety is called responsive design. Geographical information, often in the form of embedded maps, is common on the web. The combination of responsive design and geographical information has been shown to lead to interaction problems and is therefore assumed to need special considerations. This thesis examines this combination and investegates how presentation of geographical information can be adapted to responsive web design.

This degree project contains a theoretical and a practical part about magazine design. Literature aboutthe subject?s typography and magazine design has been studied and put into practice on the professionaljournal Ingenjören. Besides of that a study about the history of magazine typography for the lastfifty years has been done.Typography and other design factors are important for the magazine to be readable and gives at thesame time the magazine an identity of its own, which has become more and more important throughoutthe last decades.The result of this degree project is a new design for Ingenjören, a design that agrees more with howthe journal want to be considered. A new template, a dummy and a manual have been produced.

Advertising in responsive websites is a quite new phenomenon and has therefore, previously not been a target for any mayor research. Todays society, where new technological innovations persistantly supersede others must be seen as a possible changer for how companies advertise to this society. This paper sheds light on many of the difficulties connected with advertising for responsive websites, but also possibilities and advices for the future. Through a litterature review and a focus group with respondents from a large communication agency in Umea?, insights, implications, solutions and thoughts both connected to specific websites but also around advertising for the future as a whole is presented.

The IT industry is constantly evolving and it's more or less a requirement today for web developers to be familiar with and to be able to develop for all platforms. A technique that has taken hold and is now widely used is responsive design. Developing responsive design means adapting the layout to the viewing environment; the screen size. Another useful method when developing for different devices is the mobile first theory, which means developing for the mobile screen first. This is done to scale down the site and to clear unnecessary information in order to provide a better user experience.

The IT industry is constantly evolving and requires everyone working with website development to be updated on the latest methods. The web grows larger every day, and more visits are carried out by mobile devices. It is more important than ever for companies to have updated and functional pages that can be used on different platforms. We want to find out how common it is for IT departments and web agencies to embrace the newest technology and also what it takes to get them to move from one technology to another. Responsive web design is a constantly growing new technique that helps web developers developing for different platforms.

The use of mobile devices has increased dramatically in recent years and the development of newtechnologies has made it difficult for developers to know what screen size and device the visitor isusing. This has resulted in the fact that today there is a problem with the interface for web pages onmobile devices. They are not adapted to the flexibility required for the interfaces to be recognizedon various mobile devices. Instead of developing two separate web pages, where one is designed formobile devices and one for desktop and keep them both continously updated, responsive webdesign simplifies the work process. Responsive web design is a flexible and dynamic interface thatadapts to mobile device and screen sizes.

The thesis analyzes two different approaches towards responsive web design, Mobile-first and Desktop-first. Responsive web design is a concept for websites whose design is customised based on the screen size. The analysis is performed by collecting views on the methods and also analyzing the usage of mobile and desktop internet to create a prototype of a responsive website where both methods are beeing used.The main difference between the methods is the foundation, where one is designed for mobile and the other for desktop. The thesis indicates that Mobilef-irst gives a better result for the mobile, which unlike the computer has poor performance, smaller screen and poor internet connection, therefore an advantage for the device that needs more focus to maintain a fast response. Desktop-first does not take this opportunity, but focus instead on the computer where the performance is better, which leads to a unnoticeable difference in response time.

This report describes the process of developing a user-friendly and responsive archive website. The website is a Hi-fi prototype and was created for the company JG Communications, to serve as an archive for their customers? style guidelines. To create this website I have used HTML5 and CSS3 to make it responsive for various computer screens. I have also used PHP and some JavaScript to make some of the functions and Adobe Photoshop and Illustrator to make design elements for the prototype.

Responsive Web Design (RWD) har på kort tid gått från ett koncept till en av de största trenderna inomwebbutveckling. Det är nästan underförstått idag att nya webbsidor ska vara i RWD. Trots det är inte RWD detsjälvklara alternativet som löser alla problem dagens utvecklare står inför när det gäller den stora floran av surfandeenheter.I examensarbetet djupdyker vi i tekniken, både praktiskt och teoretiskt, för att kunna dra slutsatser om RWDs styrkoroch svagheter. Detta åstadkoms genom att ta fram en applikationsplattform och en första applikation(semesterplanering) åt konsultföretaget Sigma AB, där ett av grundkraven var att det vi utvecklade skulle kunnaanvändas varsomhelst.Utifrån våra resultat lämnas rekommendationer på när RWD är alternativet att satsa på och när det behöverkompletteras av andra tekniker, så som Native- eller HTML5 applikationer..