Traditionelle Animation Test

Eine kleine Animation als Content für Instagram oder Facebook wurde erstellt. Sehr simpel gehalten, funktioniert dennoch gut durch Farbwirkung und Texturen.

Das Verständnis von kleinen Animationen hat sich in den letzten Wochen gefestigt und somit ist das nächste Ziel eine etwas größere Abfolge von Animationen zu gestalten. Das ultimative Ziel entwickelte sich vorerst als illustrierter und animierter Kurzfilm, hierzu einige Beispiele zur Inspiration:

Soft Interfaces – oder doch Soft Electronics?

2018 Soft Electronics, in: E.Media.at, Ausgabe Jänner 2018, S. 28

 

Soft Electronics ist der Überbegriff, unter dem alle (Forschungs-)Gebiete fallen, welche sich mit der Verschmelzung von weichen Materialien und Elektronik befassen. Es ist somit das Überthema unter das unter Anderem Bereiche wie Soft Interfaces oder Implantierte Elektronik fallen. Mittlerweile befassen sich viele Forschungseinrichtungen damit, Ziel hierbei ist es nicht fertige Produkte zu kreieren, sondern durch Prototypen Impulse zu geben. Große Firmen mit den nötigen Ressourcen, können dann die gewonnenen Erkenntnisse in die gewünschte Richtung lenken.

Driving the point home

Driving the point home

GAMIFICATION OF ELECTIONS – PART 5

Of course, filling an XP bar and collecting badges is not why people play a game Those are merely mechanics to engage the player on a deeper level, using human psychology. Gamification mechanics are tools, not the actual goal of a gamified app. So, in order to craft an experience the player actually enjoys, designers have to design for player motivation, not for mechanics. The Octalysis helps in this regard, as it divides player motivation in distinct categories, that are easy to design for.

Script combination

 

Multi-script typography is about making strangers cohabit the same visual environment without any unpleasant incidents. 

David Březina [1]

Language combination can bring up several difficulties, specially when working with different scripts at the same time. It means matching letterforms which follow other kind rules, but not knowing the rule is no excuse when it comes to communication. Designers should get to know the scripts they are working with beforehand in order to avoid unfortunate misinterpretations.

In projects that require the use of distinct writing systems, it is important to consider the special parameters that are specific to each of them. They would be written and read in different directions, use special glyphs, any punctuation signs… Their proportions can also be very different. For example, while calligraphic scripts like Arab are displayed within more horizontal dimensions, Latin consonants look always more vertical. Due to the way the letters join in the two scripts, their weight and stroke work different too, affecting the color and texture of the text, two important factors to consider in language combination.

Languages and writing systems affect the appearance of the paragraph. Even when combining languages that are written in the same script, they can behave different on the typographic page. As the typographer Robert Bringhurst points out, the frequency of different letters affects the texture of the text making some languages look smoother than another ones.[2] It is particularly noted on languages which use a large number of consonants or capital letters. This would be the case of German, in which the amount of ascendant and descendent letters – and of course the characteristic length of its words – will result in a different texture than English for example. Compared to other Latin languages, English is also a special case, due to the fact that it does not include diacritical marks such as accents in its writing. The contrast of its text texture with a language that uses many accents and special consonants would be significant on the page, but it could also work softly with a similar language like classic Latin.

Eps51 Studio, Right-to-Left

It is up to the designer to decide whether to emphasize the contrast between two different scripts and focus on the difference or try to make them work together and match them visually. But to archive an effective combination, both strategies should be always based on intend of use of the project itself. Generally, a dictionary and an art exhibition poster won’t have the same needs when it comes to hierarchy.

Eps51 Studio,  Bi-Scriptual 

This choice could be a result of a semantic approach, in which the level of contrast between the two languages is used to reinforce the message of the text and its meaning. In the same way the choice of a certain typeface can tell a different story based on its history or visual appearance, the contrast between languages, or the lack of it, can highlight a need of differentiation or homogeneity.

Carvalho Bernau,Typographic Matchmaking in the city

When a text includes words written in a different script, for example in Greek quotations, which require the use of special characters, the designer must also choose between homogeneity or contrast. One possibility is to use a typeface which holds all the characters needed for both scripts and provides a homogeneous texture. In this case, a multi-script font family would be a perfect match ensuring style consistency. But when a certain level of contrast is suitable for the text needs, the designer can also combine two different typefaces with contrast enough to highlight the foreign words. This would be a good solution if the main typeface does not include the special characters in its library.

Still it is important to avoid the combination of two typefaces in the same word, to fill the lack of special characters in the main font. It main sound odd at first, but it is a common choice when the desired font does not include diacritical marks or the complete Greek alphabet for example. The result is always a bizarre collage of letters which possibly do not share the same structure, proportions or style. It is the equivalent of forcing the use of small caps in a font that does not include them or the manual slant of a font to get the missing italics. It is a simple no-go for language combination, specially when thinking about the vast collection of multi-language and multi-script typefaces available today.

In short, fine script combination comes from visual sensibility. Both contrast or homogeneity strategies should pursue a harmonic page, in which the scripts used are balanced but maintain their own personalities and values.

Franziska Hubmann, Bynx Font Specimen

[1] What is Multi-script typography all about?  Interview by Rosetta type foundry https://www.rosettatype.com/blog/2013/02/05/What-is-multiscript-typography

[2] Bringhurst, Robert. The Elements of Typographic Style (page 93).

Images

1 Anna Kulachek, Strelka Institute http://kulachek.com/HSU-at-Strelka-Institute

2 Eps51 Studio, Right-to-Left Exhibition https://www.eps51.com/projects/right-to-left-exhibition/

3 Eps51 Studio,  Bi-Scriptual https://www.eps51.com/projects/bi-scriptual/

4 Carvalho Bernau,Typographic Matchmaking in the city http://carvalho-bernau.com/typographic-matchmaking/

5 Franziska Hubmann, Bynx Font Specimen. https://www.behance.net/gallery/61480511/Typeface-Bynx

Technology and script

Multilingual communication presents some obstacles on its written form that can be beautifully solved by the use of typography. Multi-script typefaces represent a better access to written communication across countries, languages and scripts.

Some decades ago, it was difficult to find typefaces that included all the special glyphs necessary for writing in every Latin language. Symbols such as accents, combined letters, hyphens or phonetic consonants were not included in the basic Latin alphabet but are still used in many Languages. Although they were soon available for languages like German, French or Spanish, designers working with texts in Polish, Czech, Turkish or even Catalan had lots of trouble when trying to find special glyphs in the character sets of their font library. In many cases they had to make countless adjustments or draw new symbols themselves.

As the typographer Onur F. Yazicigil explains in an interview with Slanted Magazine[1], Turkish designers started to add the missing letters to their desired fonts to face the exclusion of special glyphs required for writing in Turkish language. This was a common situation in many other languages and resulted in a vast collection of customized glyphs across cultures.

But for countries using a different script than Latin, this lack of characters also meant a barrier to their access to technology. Whereas computer science has always been English-based, users around the world wanted to communicate in their own languages as well. The main obstacle they had to face was the absence of a software able to process the huge number of characters required in many languages like Arab, Chinese or Devanagari. It was not till the recent development of new technologies such as Unicode and OpenType, that computer environments became purely multilingual and were finally able to include more than 65.000 glyphs or symbols in a single font file. That means that today any user can easily acquire a font package that includes all the necessary glyphs to write in several writing systems without any software inconvenience.

Google fonts have been working on this matter since 2010 expanding its library to Eastern scripts featuring Korean, Devanagari, Arab, Hebrew…

Every year for the last several years, millions of people have gotten their first computer as a smart phone and use that to access the internet. It’s necessary for them to have as good an experience expressing themselves through typography as they would in English.”[2]

Dave Crossland, the program manager for Google Fonts.

With projects as Noto Fonts [3]  they want to provide fonts in Unicode for every language, as a response to a growing industry, which demands typefaces that represent our multilingual reality. Google fonts is a great example of the role of typography and script for inclusion and cultural diversity in global communication.

Multi-script typography is possible thanks to these new technological developments which allowed type designers to elaborate new typefaces from a multilingual perspective. They are now encouraged to bring a fresh approach to type design and make it through Latin and Western-based type scene.  

 

[1] Slanted Magazine, Issue 24 Istambul, 2015. Interview available on https://vimeo.com/109686747

[2] Google Wants to Make Web Fonts Accessible All Over the World https://eyeondesign.aiga.org/google-wants-to-make-web-fonts-accessible-all-over-the-world/

[3] Noto Fonts https://www.google.com/get/noto/

 

Images

1 Google Fonts, Modernizing Arabic Type for a Digital Audience https://design.google/library/modernizing-arabic-typography-type-design/

2 Rosetta Foundry, Skolar Sans Specimen https://www.rosettatype.com/SkolarSans#cyrillic

 

Multi-script typography

In typography, multilingualism means handling different scripts every now and then. In the recent years the need of better fonts specially designed for this purpose has opened a new field on typography based on the so-called multi-script typography.

Multi-script typography refers to typefaces which include more than one writing system in their character set. These fonts support not only Latin but also Cyrillic, Arab, Devanagari…and therefore, all the languages that require the use of these writing systems. We could think of them as big font families in which each style (regular, bold, italic…) has its equivalent in different scripts. For example, it allows the designer to switch easily between Latin and Greek in the same text, using a single font file.

These typefaces are designed to work properly in each of the scripts they hold based on their own linguistic parameters, which will facilitate the correct use of each language. They are a great tool for multilingual design and cultural exchange.

Mingoo Yoon, Yoonseul Batang

Franziska Hubmann, Bynx Font Specimen

The design of a multi-script typeface is a tough task that requires ample knowledge in typography, metrics, orthography and also in the cultural conventions belonging to each script. It is considerably more difficult than the design of a mono-script typeface. In words of the typographer David Březina[1]:

“When designing multilingual type families, designers face challenges on the crossroads of linguistics, typography, and computer science.”

During the design process, type designers need to take into account the specific parameters of each script. Even when sharing similar roots or visual appearance, they are structurally different. They can be use special diacritical marks, not distinguish between upper and lower case, use different spacing…These aspects can be more than a headache when it comes to the harmonization of the different scripts, in other words, when trying to make them match visually. Sometimes the difficulties may also be a matter of technology limitations concerning the writing directions or the inclusion of special glyphs.

In the case of the graphic designer, even if using a multi-script typeface, language combination will imply several difficulties, specially when combining different writing systems. Each script has different proportions that should be matched visually, better than mathematically, in order to build an harmonic page. It can be a laborious task that requires cultural sensibility and sound research to avoid pastiche and misinterpretation.

Franziska Hubmann, Bynx Font Specimen

 

[1] David Březina, Challenges in multilingual type design  http://www.typoday.in/2012/spk_papers/david-brezina-typographyday2012.pdf

Images:

1,3,4 Franziska Hubmann, Bynx Font Specimen. https://www.behance.net/gallery/61480511/Typeface-Bynx

2 Mingoo Yoon, Yoonseul Batang https://www.itsnicethat.com/articles/mingoo-yoon-bi-scriptual-typgography-graphic-design-030119?utm_source=weeklyemail&utm_medium=email&utm_campaign=intemail

 

 

 

social engagement loop: Motivating Emotion - Social Call to Action - Player Re-Engagement - Visible Progress/Reward

Common Game Mechanics

There are seven basic game mechanics that should be considered when creating a gamified experience: points, levels, leaderboards, badges, onboarding, challenges/ quests, and engagement loops.

Points

In order to motivate the player to take certain actions in alignment with the behavioral objectives, each action should have a certain point value assigned to it. These points should be part of the experience point system which is important to rank and guide players through the game. Other point systems that can be included in a game are redeemable points, which are used to create a virtual economy and are used as „currency“ within the system, skill points which are assigned only to specific activities alongside the core storyline or objectives to develop an additional skillset. Moreover, there are karma points, whose only purpose is to spend them and reputation points which are the most complex point system as they are used to create credibility and trust.

Addition 02 – Skin

Photo (https://i.pinimg.com/originals/34/48/42/344842e4b8597c494cebbbecc7f1a394.png)

Wenn wir von Schönheit sprechen, oder noch genauer von der Bewertung von Schönheit, wäre es durchaus denkbar das einige Menschen instinktiv und aus ihrer subjektiven Haltung heraus, sagen würden: „Schönheit bedeutet für jeden was anderes“ oder vielleicht „Schönheit liegt im Auge des Betrachters“ oder „Schönheit ist Asymmetrie und Selbstbewusstsein„. Warum auch nicht, denn es gibt mindestens genauso viele unterschiedlichen Beschreibungen warum etwas schön sein kann, wie Schönheiten ansich. Dabei existieren unzählbar viele Möglichkeiten und Variationen, warum Menschen etwas ästhetisch ansprechend bzw.als schön oder weiters als attraktiv, empfinden können.

Mittlerweile gibt es sowohl in der Neurowissenschaft wie auch in der Evolutionspsychologie weitreichende Untersuchungen, welche sich genau mit dem Thema der Schönheit auseinandersetzen und dabei auf unterschiedliche Erkenntnisse stoßen. Einige Expertengruppen wie auch Wissenschaftler sind sich mittlerweile einig das unsere Bewertungen von Schönheit, wenn es sich Beispielsweise um die Attraktivität eines Gesischtes handelt, von mehrer Faktoren abängt. In diesem Zusammenhang fallen im wesentlichen drei Begrifflichkeiten auf. Norm, das was als eine Art anerkannter arithmetischer Mittelwert herangezogen werden kann, durch unterschiedliche visuelle Testkonfugurationen um das Durchschnittsgesicht zu ermitteln. Die Symmetrie, welche sämtliche Gesichtkomponenten in einem Verhältnis von unterschiedlichen Abhängigkeiten in horizontaler sowie vertikaler Richtung, gegenüberstellt. Die Auswirkung von Hormonen, welche sich meist an den existenziell Fortpflanzungstrieb der beiden Geschlechter richtet, für Frauen das Östrogen und für Männer das Testosteron.

Wenn man sich mit dem Thema der Schönheit in seinem eigenen Umfeld etwas umhört und dazu Meinungen einholt oder austauscht, verbleibt der Eindruck das viele Menschen Probleme mit ihrer eigenen Schönheit haben. Es kommt sogar öfters dazu das viele ihr eigenes Aussehen hassen. Nicht groß genug, zu schmale Lippe, zu geringes Brustvolumen oder zu dick. Durch die täglichen Eindrücke der illusionierten Schönheitsideals und dem daraus resultierenden Druck, haben wir das ureigene Gefühl dafür verloren wie ein gesunder und glücklicher Körper oder Gesicht ausieht. Können wir auch Schönheit mal bei etwas neutralem Belassen? Sie ohne größe Beeinflussung akzeptieren und hinnehmen? Nicht jeden Tag aufs Neue einen Schönheits-Bewerb gewinnen zu müssen?

Wie gehen wir mit Themen wie Bodyshaming und mediale Schönheitsideale in unsere Gesellschaft um? Das sind Themen die alle Menschen überall auf der Welt betreffen. Es sind Probleme die uns in mehrfacherweise sogar lähmen und handlungsunfähig machen. Der ständige Vergleich, Wettbewerb und die resultierende Profilierung der Selbstdarstellung, ist nicht nur ein attraktiver Zeitvertreib, sondern hat bereits in sehr vielen gesellschaftsschichten Einzug genommen. In den meisten entwickelten Industriestaaten, vorallem in den große Ballungszentren, werden Umgebungen geschaffen, welche nur von und durch Vorbilder geprägt werden, die scheinbar Perfekt aussehen. An Werbetafeln, in Ferhnsehwerbungen, auf den Leinwänden der Kinosäle, in Magazinen, Social-Media-Platformen und vielen anderen Medien. Die tatsächliche Anzahl an Bilder mit perfekten Menschen, welche tagtäglich auf uns einwirken muss, dürfte relativ hoh sein. Ist aber an dieser Stelle nur eine Vermutung.

Können wir eigentlich die Schönheit als etwas neutrales Belassen? Könnte das Medium Film dazu beitragen eine Bewusstwerdungsprozess anzukurbeln? Wie könnte solch eine filmische Gestaltung aussehen?

Interaktive Narration: Games als Paradebeispiel

Nachdem in meinem letzten Beitrag das klassische lineare Storytelling näher beleuchtet wurde, geht es in diesem Blogpost darum, die interaktive Form der Narration näher zu beleuchten.  Was ändert sich für den Autor einer Geschichte? Welchen Mehrwert bringt Interaktivität? Wie sieht die Struktur einer interaktiven Geschichte aus? Inwieweit hat diese Erzählform Potential und schöpft neue Möglichkeiten?