Week 4

Week 4

Lecture - In this week lecture. The lecturer discusses the significance of incorporating images into website design and content. Images serve as a potent tool for establishing connections and conveying messages effectively to our audience. Selecting the right types of images is crucial. For instance, logo images, representing the brand's identity, should be consistently displayed on every page. Utilizing logo design trends like animated logos can enhance audience engagement. Photographs, featuring animate or inanimate objects, add depth to the content. Illustrations offer opportunities for customization and originality, whether through customized photos or creating bespoke illustrations. Additionally, incorporating charts, tables, and infographics enables the visualization of complex data, making it more accessible and engaging for users.

When incorporating images, it's crucial to adhere to certain guidelines. Firstly, prioritize the use of meaningful, high-quality imagery. Visitors should quickly grasp the purpose of your website and how it can benefit them upon arrival. Employ compelling, striking photos on key pages like the homepage and landing pages to effectively convey your website's objective, enticing visitors to delve deeper into your content.

                            


meaningful and high-quality imagery  


Next will be is follow a few basic rules of photography. We always need to use a good quality image, be mindful of the quality and size of website image. The two important element in the photogaphy can be made a great photography are lighting and composition. Observing to the rule of thirds is essential in photography, as it provides a fundamental guideline for composition. Images with a balanced and organized arrangement are inherently attractive to viewers. Following this rule involves positioning the subject along or at the intersections of the imaginary gridlines that divide the image into thirds, contributing to a visually pleasing composition.

             Good lighting is a must. In portraits, make sure the subject’s face is visible and no unwanted shadows cover their face or creep behind them.

                  The image is composed with a person on the right side, leaving the required space for the call to action on the left.

                  The subjects are placed on the left, but the way the image is composed gives the option of placing the headline and call to action in the centre.

Composition is the key 

After lecturer explain how to create a good website layout using image, lecturer explain the incorporate graphic icon for better usability. Software has long utilized icons as visual cues for users to perform tasks. Additionally, icons provide a convenient way to offer choices when users have multiple options. Another valuable aspect is communicating data through infographics and charts. Utilizing charts helps present data in an engaging manner. Consider creating infographics that combine charts, images, and concise text when dealing with large amounts of data. Infographics simplify the process of understanding complex textual data, removing the need to decipher intricate rows and columns.


          wti icons

Incorporate graphic icon for better usability

Finally, the lecturer presents case studies to the students, showcasing images used in their own websites and videos shown during lecture sessions. The images are captured in a studio environment, ensuring high quality. Notably, the background color elements are coordinated with the photos, enhancing visual cohesion. Additionally, the lecturer demonstrates the creation of loop animations for storytelling purposes through video tutorials.


Practical - On week 4 practical, we need to design a resume (CV),  so that i do some research for my Cv with different style and design as my references. This few references using the cool style, as for the color, these resume references design using vey dark and light color. My lecturer told us that the main purpose of resume is to let consumers easy to read and get the information. And the Cv need to do it simple and clean so that i can be easy to understood. 


                                      


After doing the research , i started to drawing the sketches of the resume. The sketches of the resume that i draw was simple and the overall colour i using is black , grey and white. And the important part was the typography. I try to put different size and fonts in the resume to test which is the best that using in the Cv, so that can be easy to read and understand.

                                                 


                                             

                                                     

hand drawing sketches 


After the hand drawing sketches, i start to do my digital cv design. The final of the cv i doing in simple design and dark color for my whole cv. The photo of myself was shrunk into a circle and the underneath i placed my own information such as contact, skills  and language. On the right-hand side, i written my name, about me, education and so on, so can let people know more about me.  


                                          

Resume final design 

评论

发表评论

此博客中的热门博文

Week 1

图片
Week 1  Lecture- The first lecture session of this week is talking about some of the basic of the web design and some of the principles that students may use when they finish or start their assignments. First and foremost, the lecturer let the students start to create their blogs for the lecture class and practical class so that the students learn how to observe from the inspiration. Therefore, they can create an interesting website. The most important thing that the lecturer mentioned in the class is user interface (UI) and user experience (UX). User interface is all about the interaction and visuals such as the toggles, icons and other visual elements. While the user experience is about all the interaction with the users.  Week 1 Practical -This is our first practical class; the lecturer explains the assignment to student that what to complete in this semester for 14 weeks. Lecturer wanted student to open a blogger for e-portfolio and open a board for web design in Pinterest...
阅读全文

Week 14

 Week 14 Lecture- In the lecture session of week 14, students showcased their work for Assignment 3, which involved designing websites for clients. Each group, including ours (Group 3 Group 1), presented the layouts and features of their respective websites. During the presentations, the website functionalities were demonstrated by navigating through different sections and highlighting key navigation features. Every student attentively observed and absorbed the presentations delivered by the different groups.
阅读全文

Week 7

图片
Week 7  Lecture - In week 7 lecture class, lecturer talk about the fundamentals of website layout. Website layout design is about balancing aesthetics with practicality. An effective website layout arranges information in a clear and logical sequence, ensuring coherence. It enhances visual appeal and directs users' attention to key elements. Furthermore, it contributes to branding by employing spacing, alignment, and scale strategically. The lecturer discussed the concept of visual hierarchy, which involves styling design elements to create contrast and emphasize specific content. Reading patterns, represented by directional lines, illustrate how users typically scan web pages. The fold marks the point where a web page is cut off due to screen size limitations. A grid system provides a layout structure based on precise measurements and guidelines. White space, also known as negative space, refers to the empty areas within a design. Regarding website layouts, the lecturer mentioned ...
阅读全文