Week 3

Week 3 

Lecture - During this week lecture, lecturer explain about how to create a good website layout. He advocates for enriching our understanding of design principles and immersing ourselves in the inspiration provided by top-notch website layouts. Website layout serves as a framework defining a website's structure and strategically placing key elements to ensure clear navigation and user interaction. The objectives of a website include enhancing user engagement, crafting visually appealing pages, and organizing content effectively.

Website header which can capture the most simplistic navigation elements that convey the basic structure on your website. 



Next is the page body. The page body is the big area in the center that contains most of the unique content of a web page such as your visual content, main messaging and son on.



Then lecturer talk about website footer. The website footer is the section of content at the very bottom of a web page Such as a duplicate of your header’s menu content, call to actions, such as “subscribe”, “contact us”, or even a submission form.



Lecturer also explain about single column layout. The various types of website layouts include the single-column layout, which presents the main content in a vertical arrangement. The two-column layout divides the page into two vertical sections. Next is the split-screen layout, where the main content area is segmented into multiple vertical parts. Asymmetrical layouts incorporate elements like full-sized photographs, filtered images, simple squares with solid backgrounds, and centered text. Lastly, the grid layout offers an interface to showcase multiple visuals and artworks, often presenting a challenge in balancing various color contrasts.

                                      example one column website layout


        single column layout 



Two column layout 


Split- screen layout 


Before concluding the lecture, the lecturer shared insights into the best website layout ideas with the students, encouraging them to learn and reflect. By presenting examples, the lecturer aimed to inspire students to apply these ideas in their own web page designs.


Week 3 

Practical - After week 2 i have finished studio logo design. So my lecturer gave us a new task, we need to do some research about website banner design inspiration and think some ideas to make out own website banner. So i collected so ideas and style  in Pintest, i like cool  style of the website banner that i will show the example at the below of the text. This two website banner design are using black and white cool style , bringing out a high- class felling's. Typography that  website design banner using i also very like because is simple and advanced, the typography have bring out the important information, so the audience can easy to understand and read.


After i doing the research, i start drawing some sketches referring to my references. I have drew up many type of layout and different design to do compare which is the best. After finish sketch i start doing my digital sketches. I start to find a nice photographs for my website banner. I found the problem is i didn't have a good angles  photograph, so that i need to reshoot a photo for my website banner. After shooting, i select some nice photos for my banner cover and i edit my photo using adobe photoshop.

                                                

                                      

 Sketcher of my website banner 

After I finished edit the photos, i started making my digital banner design, the first page of the banner will be my name, logo and introduction of myself. For the colour  i using black and white color for my banner.  

                                               



                                                 


                                                    

Digital Sketches 

At the end of the day, i choose a website for my final banner digital. At the practical class i show my lecture, my lecturer told me to change the fonts, can use poppins fonts. Let the typography more stand up, besides i kept the logo, name and graphic design and i also added the slogan in my banner.  

                                                    


评论

发表评论

此博客中的热门博文

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 12

图片
 Week 12 Lecture-  A key aspect of efficient web development is understanding the difference between client-side and server-side development. Client-side development, also known as front-end development, involves programming that runs on the user's device and includes everything the user interacts with directly in their web browser. The primary goal of client-side development is to create visually appealing and user-friendly interfaces. Client-side developers are responsible for tasks such as form validation, layout design, user interface development, and adding aesthetic elements like fonts and colors. Essential programming languages and technologies for client-side development include JavaScript, a versatile scripting language for creating dynamic and interactive web pages; CSS, which enhances the visual appeal of HTML elements; and HTML, which provides the structure and content that browsers render. In contrast, server-side development involves programming that occurs on th...
阅读全文

Week 10

图片
Week 10 Lecture  We are in week 10 of lectures. Today, the lecturer will explain what SEO (Search Engine Optimization) is. SEO is the practice of increasing the volume and quality of traffic to a website or web page from search engines. It is a worthwhile and relatively straightforward effort. Given that Google accounts for 57.8% of all website traffic, understanding SEO is essential. By enhancing these signals to achieve higher rankings in organic search results, SEO can significantly boost traffic, as websites with better rankings tend to receive more visits.                                        Today, we are doing a group flip presentation. Each presenter is expected to find and introduce four distinct studios, along with one website that they will showcase. The names of the studios are Web ninja Studio, X work Digital Agency and Brand Soul. These brands operate in the des...
阅读全文