Zhi Jun's work

Practical Link:  https://henriheymans.com/  Since the web banner design style uses a lot of black and white as the main element, you can learn about the general layout of monochrome-style web design and use it for this portfolio website. On the portfolio webpage, you can see that colorful pictures can indirectly create focus points and contrast in monochrome-style web design. This is a great way to attract users to spend time browsing. Link:   https://aristidebenoist.com/ It's worth noting that this page is viewed horizontally. The design of the homepage is combined with that of the portfolio webpage. Similarly, the webpage also uses black as the main color. The portfolio webpage will mainly feature portfolio photos and use brighter colors as font colors to guide browsing users. Lecture One key takeaway is the importance of defining the website's goal right from the start. This ensures that every design decision aligns with the overarching objective, leading to a more eff...

Practical Research for the CV idea with several reference, Simple visual hierarchy and photo to provide a clean and clear information for viewer. By using black and white to reduce the cost while printing and reduce the contrast of the overall design so that viewer can more focus on the information instead of the design. Different size of the text to create guideline for the viewer when reading. Providing a sense of spacing to prevent viewers from losing interest in reading due to too much and crowded information in the design. Designing a border that contains the main information can provide guidance to the viewer. Using charts instead of plain rectangles to represent skill levels is a creative design element for this CV design. Hand Drawing Sketches: Draft aCV design and analyze its shortcomings for improvement. It should be noted that border designs should be avoided because this kind of design style is too different from that of web banners. CV Digital Sketches: Keep exploring and ...

Practical Searching for ideas about web banner design, Fonts are the main design content. Using a simple font type, such as a sans serif to achieve the balancing in design while contrasting with the richness of the photo. Using yellow grid to make contrast with monochromatic photo. While emphasizing the main subject, always has the balancing with the visual hierarchy. The edges of the web page are designed with lines to create a simple atmosphere. Adopted photos in different compositions to create different layers of design. With using sans serif fonts to create spacing between the photos to avoid overcrowding. Hand Drawing Sketches: Using rough sketches to design the visual hierarchy of the web page. This can help to formulate the web page style before entering the formal design and help analyze which design is more suitable. Banner Digital Sketches: At this stage, the main design style has been confirmed and the design is assisted based on the references available. Various design pos...

A1: Website Banner Week 3: Logo Development Week 4: Website Banner Development Week 5: CV Development A1 Summary From this A1, I learned about the process of designing a website logo. Unlike designing branding logos, website logo must be simple and clear. While it can convey key information, it can also easily leave an impression for users. Therefore, the logo design will be mainly in a simple style to avoid being too fancy and cause unrecognizable by users. In addition, in the process of designing the website banner, I also learned that a good web design needs to have clear guidelines for users. This guideline can guide users through the reading steps on the website in order to avoid missing any important information due to layout problems. In addition, wisely use of guideline can indirectly guide users to browse the website again unconsciously, thus forming a loop. Web banner design should not only focus on the visual part, designers should also consider the balance between aesthetic...

   Practical Embarking on the creation of a logo is a journey marked by meticulous steps, transforming ideas into a powerful visual identity. In this exploration of the logo design process of portfolio, designer navigates via the key phases: Research, Sketches, Vector Sketches and Final Design Outcome. Researches:                    Via research to understand the general design direction and concept of the logo. After sifting through a large number of research results, the most suitable design is selected and improved based on the logo design. Sketches: As the research progresses, the design process transitions to the sketching stage. Through the previous step, we formulated the use of spacing technique to create. Let logo design step into its simplest form and experiment with shapes, symbols, and formats to find the most resonant and satisfying visual expression. Digital Sketches: This stage allows for precision, experimentati...

 Week 2 Practical The logo design of letter "Z" is using simple geometric shapes. A hollow design is used in the center of the logo to make the overall logo look more spacious. Use colors of different shades to create a layered feel to the overall logo, creating a certain visual impact. A logo drawn in an abstract form. It is a mirror image of the letter Z. This logo is mainly formed by lines. Itbreaks the previous structure of the letter Z, but still leaves some space for the viewer’s imagination. Simple yet imaginative. Using three rectangles to form the letter "Z". Use gradient colors to form hierarchy and structure. With this, even if the colors are the same, it won’t let the audience feel boring visually. Lecture To be a great web designer is not something that just only imagine in a vacuum. Continuously strengthening one's upper limit through continuous practice, improvement and learning is a process that every designer needs to go through. Among these, de...