Screendesign SoSe 2023
Screendesign Sommersemester 2023
Dozent: Prof. Dr. Jürgen Scheible
What is screendesign about?
Making a Design concept (incl. Visual layout) of a website. Building a website in HTML&CSS (Coding).
Learning goals Part 1:
Conceptual design orientated approach: Understanding the conceptual basics of screen design. Understanding the design process. How to make a page layout.
Learning goals Part 2:
Technical design oriented approach: Gain practical experience on how to build a simple screen design from scratch using HTML & CSS (Coding). Learn how to make a page layout. Learn how to add text, images, video. Learn how to add navigation and interaction to a screen. Introduction to “Responsive Design” (Bootstrap). How to add a Facebook-Pixel to a website.
Project work task:
Students need to create screen designs for a website, presenting a product or service of one’s own choice. Project can be done individually or in a group of up to 4 persons. Language: English.
The project task consists of 2 parts:
Design concept (style guide and wireframes, descriptions etc.)
Realization of the screen design with HTML & CSS
Gain practical experience on how to to build a simple screen design from scratch using HTML & CSS. Learn how to make a page layout & how to add text, images, video. Learn how to add navigation & interaction to a screen.
Students need to create screen designs for a website, presenting a product or service of one’s own choice by using HTML, CSS and Java Script.
We‘ve created a website for a fashion label called „Donnerruf“, where you can find all the pieces of the brand. Our website is a one pager, wich is devided into 4 sections.
You can click through the different highlights, collections, product categories and in the end you‘ll find a mystery box, where you can randomly put together a box with different pieces by specifying your size & selecting the desired size of the box.
Maike Stein, Korbinian Ruf