W4- Designing Layout Content

WEEK 4

PRACTICAL

CV DESIGN

Week of doing CV design. CV is refers to a curriculum vitae, which is a document that summarizes an individual's educational background, work experience, skills, accomplishments, and other relevant qualifications. It is essentially a comprehensive resume that is widely used in academic, scientific, and research fields, as well as in some international contexts. Simply means, it's similar with resume.

We are showing the lecturer about the references, sketches and digital sketches. Lecturer mentioned that CV has to be in formal way and do not need to be fancy, because the HR or the companies will need to reduce their printing costs and straightforward that can let them read and understand the CV.

REFERENCES



Choosing the same or similar style with the website banner so that it creates the consistency with the website which also represent our portfolio and the identity of ourselves. 

SKETCHES

The sketches are doing according the style of the website banner but there are only a fews will be selected to explore for the final design, because of the other designs are look fancy that lecturer mentioned in the class that CV doesn't have to be fancy and it has to be clean, simple and formal. 

DIGITAL SKETCHES

The digital sketches style are also using neutral colours especially grey colours as the main colours according to the colour palette for the website banner. The layout are formal, simple and clean, without any fancy design. Also, adding some elements will let the CV looks more interesting. 

FINAL CV DESIGN



The final design of CV is using a very simple format of design and make it not too colorful as the lecturer mentioned in the class. For the main colors that used in the CV were all neutral colors that are same with my website banner design and also place the logo at the top right corner to show the identity of myself. 

LECTURE

VISUALS

The lecture lesson of the week are more focus on images for designing layout and content. As mentioned for the last week report. Visual or images is important when designing a website which the visual are the key to communicate or connect with the audiences. Lecturer mentioned, when people click into the website, it means that they are talking to you, they want to talk to you. It's a way of connection through visual/ images. 

TYPES OF IMAGES TO USE & CHOOSING PHOTOS

Types of images that has to be use in the website that has mentioned in the lecture notes, which are logo, photos, illustrations and charts/ tables and infographics. The logo are representing the branding or the identity of the web designer or a brand, it has to be consistently appear in every pages and same location in the website, animation logo is a very good way to catch the viewers attention and also connect with audiences (engagement). Then, choose the photos that has related to the website or the identity of the brand, that's why the meaningful and high quality images are a must for a website to show the atmosphere of the website, instead to using the low quality photos in the website, it has to be small to cover the mistakes of the photos, but what to suggest is, better don't. The photos has to be follow the rules of photography, which the lightning are not overexposed and too dark. 

IMPORTANCE OF COMPOSITION

Composition such as golden ratio or The Rule of  Thirds are best to apply in the photography and also while choosing photographs for the website. Which the photographs that using The Rule of Third are good to use on cover page that can call out the Call To Action. Moreover, the size of the photographs is also a point to caution, designers has to ensure the composition or the visuals will not run out of the frame in different devices such as laptop, mobile and ipad, such as the main part in the photographys has to be stay at the center.

INFOGRAPHICS & CHARTS

Using infographics/ icons and charts is one of the way to engage with audiences. The infographics makes some of the long text and complicated messages become simplified through visuals that also has similar effect with icons which has the ability to let the audiences can easily understand the website and its identity as well as the usage. 


Flip Presentation (Website Designer that has been presented)

1. XANTEC
2. JASDESIGNER
3. KANGXIANG
4. BIKEBEAR (same with week 3）
5. CORSIVA LAB

Comments

Post a Comment

Popular posts from this blog

W5- Designing Layout Content with Video

Image
WEEK 5 PRACTICAL The week of showing progression of the references and the week of breaks that given by the lecturer.  The things that I get inspired and learned from the first reference is that the usage of the neautral colours, layout, text (font) and the spaces that created. Study the layout and the typography and how the designer plays with the colours to stand out the subject of the website using contrast. May apply the same effects but in neutral colours.  The airpods max website is a great reference to learn. Which what I've learned is that the structure, single column and two column layout as well as it's playing with the depth and the UI UX of the website. The references are all based on the style of my website banner design, and the references are for the purpose of study their layout, font, colours and their structure (Interface). LECTURE Video in Designing Layout Content The lecture explained about the usefulness of video when designing the website. It’s a great wa...
Read more

W1-Website design fundamentals

Image
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 ...
Read more

W13- Website Interface Development

Image
WEEK 13 PRACTICAL The week of developing the demo website in WIX. For the background colour of the website are using all white to stand out the informations and the images. Below are the desktop version for the client website. DESKTOP VERSION The main page / home page are showing the banner at first, we helped the client to make a new banner since they didn't have a actual banner for their own and also for website. According to the recent special day, we put the theme Mother's Day for the banner and under the banner will showcasing the best selling flowers of the brand. Moroever, it will let the users to click to choose their flowers by clicking the send flowers. For the About page will be showcasing and telling their history, brand mission and also core value of them. For the product page wll be showing all of their products inside. By clicking the categories at the panel beside, the users can choose the categories that they wanted to buy. Also, the price tag filter can also b...
Read more