BHGD3134 WEB DESIGN & PRODUCTION - WEEK 1 PROGRESSION

WEEK 1 - PROGRESSION

PRACTICAL (WEDNESDAY, 21 FEB 2024)

My Design Reference

Hiking | WDI Intesive

Photo by Екатерина Хмель

The reason I have chosen this web banner design is due to this website theme is relating the nature environment and is an online platform where the author/creator can share their personal moments and experience about hiking on the mountain and hills.

Due to is nature environment theme, the designer has mastered well in using relating design elements in creating the web design. Starting off with the colour that were used in the website. The colour palette are more to neutral leaning pastel colours. No to none vibrant colours are utilize. It projects a more soothing and natural feeling to the audience. 

Besides, the photographs that applied in this website only consist with nature views, which I believe that are taken during hiking, adding on with a simple masking done by photoshopping to blend in to the web design.

Portfolio | CV | Graphic Design | Digital Marketing

Photo by Han Nguyen

This is a portfolio website that are used for easier presentation for audiences. For this web design, the designing majored on using Adobe Illustrator and Photoshop in bringing out this artwork. 

The reason I chosen this design is because the designer put to use the design element very well, such as typography, colour and white spaces. By using san serif font, it projects are more flexible yet professional and neat overall view. The designer managed well on the importance of typography sizes that can attract the audience to where you want them to first pay attention to. Furthermore, the balance of the different font size are fitted well. 

Moving onto the colours, the colour applied on this website Dark Green and Orange Yellow, consisting warm and cool colours tones onto the design. The hues are soft, upbeat, vibrant, and enjoyable.

Dark Background Web UI Design

Dark hues are typically connected to mystery and elegance. Furthermore, black is frequently linked to formality, elegance, power, and prestige. That may be one of the reasons why so many strong businesses base their visual presentation on a black-and-white color scheme, with light presenting and educating the viewer while dark taking center stage.

The design style that applied on this web design is very minimalist. Only consisting few photograph but it essential enough to relate to the content. Giving off a more professional and luxurious look. Minimalist websites load faster since there are less items on the page. Users that embrace minimalism are able to focus entirely on the good or service you are selling. Navigation becomes intuitive with minimalism.

LECTURE (FRIDAY, 23 FEB 2024)

During the first week of the semester, the students were brief to the course Web Design & Production. The lecturer has roughly introduced the achievement and experience that the lecturer has accomplished. The lecturer noted an important point regarding what to do for the first site design. The student should pick something easy and enjoyable for the first project. It would be best to take on an e-commerce site when have more expertise because it is more complex. Therefore, all the students are compulsory to have a blogger site. A blog is a good place to start and use for documentary a design journal and progress. It will be a useful design exercise and teach the basics of a content management system (CMS), which will come in handy for designing other websites in the future. 

A best way a designer can have a wide range in creativity ideas, is by finding inspiration and reference from other designers. A visual language that is ubiquitous, such as the cover of a graphic novel or the digital kiosk at the bank, informs web design. Acquire the skill of identifying well-designed content and begin to examine the reasons behind success or failure in any given media. Other than that, by using websites or applications such as Behance or Pinterest. Pins of artwork, book covers, posters, blogs, and other design work are available on Pinterest, which is a terrific resource for finding excellent website design. These sets are known by the phrase "mood board" among designers. Mood boards are a handy tool for instant reference in case run into trouble.

Later on, the lecturer reminded the students the importance of typography in design. What is typography? Typography is the art of organizing text and letters so that the reader can easily read, understand, and find the content visually pleasing. Typography is the study of typeface appearance, style, and structure with the goal of expressing particular feelings and ideas. To put it succinctly, typography is what gives the writing life. Simplicity and order should be the foundation of every design strategy. A user should have no trouble navigating the website using logic. 

Lastly, the lecturer has briefed upon on UX and UI. User experience (UX) encompasses a user's entire interaction with a product or website, whereas user interface (UI) in digital design refers to the interactivity, appearance, and feel of a product screen or online page. Continue reading to learn how to develop a memorable user experience and an engaging user interface. By the end of producing a project, receiving helpful feedback can be awkward. Whether it's a website, artwork, or essay, creating anything requires vulnerability. What is put into the world is a reflection of your identity and abilities.