Kamal's Design Diary

25/9/17 Week 5 Kamal Afiq [0330643] Web Design & New Media Week 5 Lecture Notes Week 5 Lecture Old HTML used generic tags. HTML5 uses new Semantic elements like <Footer> and <Header>. These semantic elements can tell developers how to separate information. Id and Class attributes can be used to identify information and content. ID attribute Every HTML carries ID attributes. It is used to identify elements from others on a page. No two elements can have the same ID attribute. Class attribute Every HTML element can also carry a class attribute. Several elements can be identified from others on a page. They can be used like this: <img src="images/randomimage.jpeg" class="classname" /> <img src="images/randomimage.jpeg"  id="idname" />   Using these attributes doesn't actually change how they look on the page. It only changes if there is a CSS rule that indicates that they should...

28/3/17  - 4/7/17, Week 1 - Week 13 Kamal Afiq [0330643] Typography and Hypertextuality Final Submissions Instructions Exercises Project 1 A Story Book Project 2 Font Design Final Project Kinetic Typography Exercise Submissions Calligraphy submission. Digitized lettering submission. Lettering submission.  Type expression submission.  Type expression submission. Project 1 A Story Book Submissions Google drive link -  https://drive.google.com/open?id=0B6aqU66vURR8enBxaENRbkpUSWc Project 2 Font Design Submission All the finished letterforms. Font design submission, preview of the OTF/TTF is open in windows. Final Project Kinetic Typography Submissions Kinetic Typography Poster Submission. Frames of the animation, taken every half second. Kinetic Typography Animation Submission. Feedback Calligra...

2/5/17 - 23/5/17, Week 5 - Week 8 Kamal Afiq [0330643] Typography and Hypertextuality Project 1 A Story Book Lecture Notes Lecture 5: The personality of type This week we delved deeper into the small details type designers put into their work. Small differences in the appearance of curves, ligatures, serifs and other parts of letters gives each typeface its own distinct character and personality. Type designers take great care to create letterforms that are both harmonious and expressive. The shape of the counter-form (the negative space of the letterforms) can also distinctly highlight the differences in the shapes of letterforms. He concluded by saying that all the principles of graphic design also apply to that of typography; be it symmetry, contrast, domination, etc. Lecture 6: Basic introduction to inDesign Mr. Vinod and Mr. Shamsul thought us through the basics of using Adobe Indesign today instead of the standard lecture. They taught us how to format th...

26/4/17 - Week 5 DST60103, Yip Jinchi Design Studies I: Communication Theory Brickfields Trip We went to Nu Sentral, Brickfields and took pictures of all the types of typography used by the shops there.

28/3/17 - 25/4/17, Week 1 - Week 5 Kamal Afiq [0330643] Typography and Hypertextuality Exercises Lecture Notes Lecture 1: Introduction Mr Vinod and Mr. Shamsul started off by asking us what we think typography is. The general consensus was that typography was essentially the art of text, and how text could be made into art and deliver a message. They walked us through the module outline and showed us examples of previous students' portfolios. We would be mainly delving into the world of calligraphy and type. Our first task was to get together into groups and research a particular calligraphic hand. My group chose Gothic textura quadrata. A classical, 13th century Black Letter font developed in Germania, mainly used for inscriptions and stained glass. Lecture 2: Calligraphy For the first 2 hours of the session, we were given a run down over what typography is. Typography is essentially the style and appearance of printer matter. It can be used to deliver me...