Arel University, Istanbul | Dept. of Visual Communication Design
2017 Fall · 2016 Fall
The course aims to give an understanding of design strategies - the proper arrangement in space and time of images, words, and numbers - for presenting information about motion, process, mechanism, cause, and effect. The course also tries to give a stimulating interest to the students about the logic of depicting quantitative evidence.
FRI 09.30 – 12.05 | C107
FRI 14.00 – 15.00 | A112
Edward Tufte, Visual Explanations: Images and Quantities, Evidence and Narrative, 1997
Alberto Cairo, The Functional Art: An introduction to information graphics and visualization, 2013
Isabelle Meirelles, Design for Information: An introduction to the histories, theories, and best practices behind effective information visualizations, 2013
Edward Tufte, The Visual Display of Quantitative Information, 2001
Jacques Bertin, Semiology of Graphics: Diagrams, Networks, Maps,1967
HWs | 30%
Midterm | 30%
Final | 40%
WEEK 1
Course Introduction
WEEK 2
Introduction to Information Design
WEEK 3
History of Visualization of Useful Information
WEEK 4
Introduction to Data Models
WEEK 5
Data Models (I): Quantitative Data
WEEK 6
Visualization Techniques for Quantitative Data
WEEK 7
Data Models (II): Qualitative Data
Introduction to Relational Models
WEEK 8
Relational Models: Hierarchical
WEEK 9
– Midterm
WEEK 10
Relational Models: Temporal
WEEK 11
Relational Models: Spatial
WEEK 12
Relational Models: Non-Hiearchical
WEEK 13
Infographics: Storifying the Data
WEEK 14
Sum up & Discussion of the Final Project
– Outcome
Student Work: Infographics
Adomas Pulsky
Student Work: Infographics
Ismail Ezik
Arel University, Istanbul | Dept. of Visual Communication Design
2018 Spring
The course aims to give an understanding of user interfaces, interaction and putting data into order in terms of usability and visual consistency. The course challenges to students to approach to contemporary human perception by analyzing the data provided and to communicate them in style. The course expects to transform the designer's mind being able to operate within an holistic approach to the content by adopting a thinking method consists of research methods, journey maps, wireframes in order to produce legible interfaces.
FRI 12.15 – 13.55 | A112
FRI 14.00 – 15.00 | A112
HWs | 30%
Midterm | 30%
Final | 40%
WEEK 1
Course Introduction
WEEK 2
Introduction to User Experience
WEEK 3
Structuring Data: Information Architecture
WEEK 4
Structuring Data: User Personas, Journey Maps
WEEK 5
Cont. Structuring Data: User Personas, Journey Maps
WEEK 6
Structuring Data: Wireframes
WEEK 7
User Interface Design
WEEK 8
Cont. User Interface Design
WEEK 9
– Midterm
WEEK 10
Research Methods
WEEK 11
The Project: Content vs Audience
WEEK 12
Cont. The Project: Designing the Experience
WEEK 13
Cont. The Project: Multiple Interfaces
WEEK 14
Cont. The Project: Multiple Interfaces
– Outcome
Student Work: User Interface Design
Beste Kablan
Student Work: User Interface Design
Hatice Usta
Arel University, Istanbul | Dept. of Radio & TV
2017 Fall
The course aims to give an understanding of usage of graphics elements in film industry such as poster design, title sequence & credits design, chapters/separators design & the use of typography. The course challenges to students to re-design and design posters, and to produce a title sequence and separators for one of their own productions.
FRI 12.15 – 13.55 | A112
FRI 14.00 – 15.00 | A112
HWs | 30%
Midterm | 30%
Final | 40%
WEEK 1
Course Introduction
WEEK 2
Usage of Graphics Elements in Films
WEEK 3
Cont. Usage of Graphics Elements in Films
WEEK 4
Poster Design
WEEK 5
Putting Typography in Use
WEEK 6
Cont. Poster Design
WEEK 7
Graphics Elements in Motion
WEEK 8
Separators Design
WEEK 9
– Midterm
WEEK 10
Opening / Title Sequence Design
WEEK 11
Cont. Opening / Title Sequence Design
WEEK 12
Cont. Opening / Title Sequence Design
WEEK 13
Visual Representation of Technology in Films
WEEK 14
Credits Design
Arel University, Istanbul | Dept. of Visual Communication Design
The course aims to give assistance to the students on their graduation projects to be realized within two semesters. The projects subject to counsel are selected among #information architecture, #interaction/experience design & #digital art fields.
FRI 15.00 – 16.40 | A112
Weekly Progress | 30%
Midterm | 30%
Final | 40%
Arel University, Istanbul | Dept. of Visual Communication Design
2018 Spring · 2017 Spring
The course aims to give an understanding of code in design & arts and utilizing it for creating designs by following input, process & output procedure on contemporary frameworks. The course also challenges to give a stimulating interest to the students about the basics and logic of the code by processing given data into a 'kinesthetic' transition in time and amount.
Scratch ( http://scratch.mit.edu )
Paper.js ( http://paperjs.org )
John Maeda's works, Generative Art/Design Frameworks
Processing ( http://processing.org ), W3C ( http://w3.org )
HWs | 30%
Midterm | 30%
Final | 40%
WEEK 1
Course Introduction
WEEK 2
Introduction to Creative Coding
WEEK 3
Understanding basics: Input: Devices/Data, Processing: Devices/Engines/Frameworks, Process: Code, Output: Devices/Data
WEEK 4
Cont. Frameworks
WEEK 5
Cont. Introducing Scratch
WEEK 6
Cont. Scratch and the Essentials of Coding
WEEK 7
Producing Generative Art/Design by Scratch
WEEK 8
– Midterm
WEEK 9
Web browser: Javascript & JS Frameworks
WEEK 10
Introduction to Paper.js
WEEK 11
Cont. Paper.js
WEEK 12
School Trip: Arts/Technology Exhibition
WEEK 13
Producing Generative Art/Design by Paper.js
WEEK 14
Discussion of the Final Project
– Outcome
Student Work: Generative Design on Paper.js
Elif Çamdereli
Student Work: Generative Design on Paper.js
Beste Kablan
Student Work: Generative Design on Paper.js
Hazal Kaya
Student Work: Generative Design on Scratch
Ömürcan Işıklar
http://scratch.mit.edu/projects/154370900
Student Work: Generative Design on Scratch
Merve Aksu
http://scratch.mit.edu/projects/154230528
Arel University, Istanbul | Dept. of Radio & TV
2017 Spring
The course aims to give an understanding of editing techniques in context. Students are challenged to seek for pace, rhythm and harmony in story-telling besides mastering advanced techniques applied in different industries and to produce a unique piece as yield.
Walter Murch, In the Blink of an Eye: A perspective on Film Editing, 1995
Ken Dancyger, The Technique of Film and Video Editing: History, Theory, and Practice, 2013
HWs | 30%
Midterm | 30%
Final | 40%
WEEK 1
Course Introduction
WEEK 2
Introduction to Film Editing
WEEK 3
Back to Basics: Shot & Cut
WEEK 4
Storytelling: Time & Continuity
WEEK 5
Pace & Rhythm
WEEK 6
Sound & Music
WEEK 7
Transitions
WEEK 8
– Midterm
WEEK 9
Industries: Advertising
WEEK 10
Industries: TV & Event Editing
WEEK 11
Industries: Music Video
WEEK 12
Industries: Special Effects/VFX, Compositing
WEEK 13
Documentary: Contemporary/Artistic/Creative Documentaries
WEEK 14
Discussion of the Final Project
– Outcome
Student Work: Re-Cut Rewind
Oğulcan Kaya
https://vimeo.com/211515236
Re-editing the feature film "The Conversation" (by Francis F. Coppola, 1972 – Editing & Sound Design: Edward Murch & Richard Chew) in order to build a mini-story using the movie as raw footage.
Student Work: Re-Cut Rewind
Can Çevik
https://vimeo.com/212054967
Re-editing the feature film "The Conversation" (by Francis F. Coppola, 1972 – Editing & Sound Design: Edward Murch & Richard Chew) in order to build a mini-story using the movie as raw footage.
Student Work: Music Video
Bedrettin Güner
https://www.youtube.com/watch?v=md9E5qDj_Ko
Editing numeorous found amateur videos on Youtube in order to produce a music video.
Student Work: Music Video
Onur Erol
https://www.youtube.com/watch?v=3ZNNTFBrYtA
Editing shots/fragments taken from at least five feature films in order to produce a music video.