Incom ist die Kommunikations-Plattform der Fachhochschule Potsdam

In seiner Funktionalität auf die Lehre in gestalterischen Studiengängen zugeschnitten... Schnittstelle für die moderne Lehre

Incom ist die Kommunikations-Plattform der Fachhochschule Potsdam mehr erfahren

type + screen - Projektdoku

Throughout the Type + Screen course, I have explored various aspects of typography specifically tailored for digital media.

Pixel font

In an initial exercise, we explored the pixel representation of letters,  translating them into a 16x16 grid, working in an analog format.

Sabrina Ungaro_S_Pagina_1.jpgSabrina Ungaro_S_Pagina_1.jpg
Sabrina Ungaro_U.jpgSabrina Ungaro_U.jpg
initials.jpginitials.jpg

Fontstruct

We digitized our letters from the first exercise using fontstruct and added additional letters to form words, creating our monospaced font.

I created a sans-serif font, it stands out for its square shape, bold appearance, and slightly extended characters. The thick lines give the font a strong and assertive look, perfect for drawing attention. The slightly widened characters provide enhanced readability and a distinctive touch, making it ideal for headlines, logos, and text that need to stand out with a nostalgic yet modern feel.

font 12.jpgfont 12.jpg
font 13.jpgfont 13.jpg
font 1.jpgfont 1.jpg
font 14.jpgfont 14.jpg
font 15.jpgfont 15.jpg
font 16.jpgfont 16.jpg

Screenshot story

We looked for engaging typographical content across various websites. After identifying this content, we created a sentence by taking screenshots of the selected text snippets.

The goal was to analyze the various graphic styles used on web platforms, with a particular focus on the use of white space and the spacing between letters.

IMG_4906.jpegIMG_4906.jpeg
IMG_4874.jpegIMG_4874.jpeg
IMG_4872.jpegIMG_4872.jpeg
IMG_4857.jpegIMG_4857.jpeg
IMG_4910.jpegIMG_4910.jpeg
IMG_6119.jpegIMG_6119.jpeg
IMG_4900.jpegIMG_4900.jpeg
IMG_6117.jpegIMG_6117.jpeg

Subtitle story - Whisper of the Heart

For this exercise, we chose a scene of a movie and created a typographic subtitle story based on that, using typography as the only visual language.

I chose the movie „Whisper of the Heart“ (1995) by Yoshifumi Kondō. The font I used is Cirka (Pangram Pangram) designed by Nick Losacco. This serif font is an excellent choice for a romantic movie. Its pointed features and diamond-shaped dots complement the film's theme of unpolished stones, symbolizing the rough yet beautiful nature of love.

The dialogue is between two characters, Shirou and Shizuku, but it's mainly Shirou's lines. I used the bold weight for Shirou's lines and the light weight for Shizuku's. To highlight some lines of the dialogue, I used the uppercase instead of the lowercase.

subtitles.pdf PDF subtitles.pdf

subtitles - vertical nuovo kerning.pdf PDF subtitles - vertical nuovo kerning.pdf

Zwischenpräsentation

As part of the interim presentation on May 14th, we were required to insert our previous results into a template and present them.

SU_Zwischenpraesentation.pdf PDF SU_Zwischenpraesentation.pdf

Fontsinuse article - Hub Werkleitz 2018

For this exercise, we were tasked with selecting a website and conducting a thorough analysis of its typography. This analysis includes examining the fonts used, their application, and the overall impact on the website's design and user experience.

Then we had to write an article on the website fontsinuse about the analysis we made.

website fontsinuse.pdf PDF website fontsinuse.pdf

Screenshot 2024-07-11 150103.pngScreenshot 2024-07-11 150103.png

Screenplay story - Past Lives

For the last exercise, we were required to select a movie, find its script, and transform it into a typographic screenplay website, using Figma.

I chose the movie „Past Lives“ (2023) by Celine Song. The fonts I used are IBM Plex Sans KR (IBM) designed by by Mike Abbink and Bold Monday, and HAL Four Grotesk (HAL Typefaces) designed by Studio HanLi.

Abschlusspräsentation

SU_abschlusspraesentation.pdf PDF SU_abschlusspraesentation.pdf

Ein Projekt von

Fachgruppe

Kommunikationsdesign

Art des Projekts

Studienarbeit im ersten Studienabschnitt

Betreuung

foto: Felix Walser

Zugehöriger Workspace

type + screen

Entstehungszeitraum

Sommersemester 2024