W1-Website design fundamentals

WEEK 1

PRACTICAL

During the first week practical, the lecturer was assigning us for the assignments that the students need to complete in the 14 weeks of the semester. Firstly, the students need to create a Pinterest board to shows the inspiration of the students from there for the assignments and create a blog page for the weekly journal for explaining the ideas that we get inspired by. 

The images below are the styles that I get inspired by. Which they are all using a very interesting ways to create a creative designs by playing with contrast of the size of font, the font they are using are modern which is mostly Sans Serif and the simple but large subject matters (images) that can deliver the message directly and strong with the visuals. 



 I like the design of the UI and UX of them. Which they will move or the subject matter will slowly transforming  according to our movement of the cursor and yet the designs are clean and simple by using a plain background that can clearly deliver the messages to the audiences.



I like the design of using glowing effects for the button to lead the audiences to click inside it to look for more.


I like how the designers playing the text/font (condensed font) and to place them in a very tight space which can create the tension for the feeling and the colors that they used are bright and vivid which not only can use it for background but also the headline to create different types of attention for the designs. Playing with different colors can also lead the audiences to read into it according to the direction that given by the designers.


Playing with negative space and positive space are also important for creating an interesting and creative designs. That is a way to create a kind of direction for the sight of view.

LECTURE

During the lecture session, the lecturer firstly introduced himself and showing some of his previous works in the website. After all of the briefing and introduction, the lecturer started the lecture session which mentioned about the web design fundamentals and some of the principles that can help the students to start their assignments.

Basic & Simple

For beginners as like students, the lecturer preferred they go for something basic, simple and fun for their first site design. The lecture slide also stated that blog is a great way to start, if the students know how to manage the content, it will be helpful for them to design their website. This is the reason that the lecturer letting the students to make their own board in Pinterest and find some inspiration that they like. 


Mood board for observation

Finding inspiration from other designers and put them in a mood board is important for the students to learn, to learn effectively, the students need to observe the design from typography, colours and atmosphere. 

UI & UX

Lecturer mentioned about the UI and UX in the lesson, which the UI is stand for user interface relates to the functionality, appearance, and feel of a product screen or online page, where the user experience (UX) encompasses a user's whole interaction with a product or website. The lecturer said, if the users experience is not good enough to let the users to stay to discover the website or click into it, then the design is not good.


At the end of the class, we have a little game from the lecturer which let us to know whcih brain are we really using in the moment. As for the left brain is for logical thinking, and for the right brain is for creative thinking.

Comments

Post a Comment

Popular posts from this blog

A1- Summary

Image
 A1 SUMMARY:   This task has taught me about the design process as a whole. The techniques for designing the logo, website banner, and CV. Furthermore, I discovered how useful logo design standards are; when I utilise architecture and professional rules, the results are more exact and excellent.  During the process of creating the website banner. I learned about the importance of images; they define the overall atmosphere of the website and must be properly chosen. Furthermore, I experimented with several layouts and images to achieve the desired style (as demonstrated in the weekly notebook below). The more I investigated, the more possibilities I had for the final and learned from them. The knowledge I learned for my CV is simple and formal. It doesn't have to be elaborate; it's just simple information to let the company know about me; it should be catchy but not overly fancy. As a result, I discovered that using an icon is an effective method to highlight the mos...
Read more

W2- Logo Development

Image
WEEK 2 PRACTICAL During the second week of the practical session, the lecturer brief about the part 1 of the assignment 1 which is related to create a logo. The first thing that the students need to do is to find references for the logo. To know that what they want to do and what visual message that they want to deliver to the viewers.  LOGO & LOGOTYPES The differences between logo and logotypes is that logo representing the simplified icons, visuals and symbol. While the logotypes is about text. It's about the full name of the logo, a kind of description that describe the logo. Everything that relates to "types" that means typography in design. Lecturer used McDonald's as the example, the alphabets "M" is the simplified of the McDonald's. The first 10 years of McDonald's, they are not using just only alphabet "M" in their logo. They constantly renewing and evolving their logo. Therefore, I have found a few references as shown below:  R...
Read more