Task 2: Visual Analysis & Ideation
1. Introduction
This task involves doing a proper investigation and documentation of the selected digital illustration from the previous exploration phase. The point is to closely view the artwork by studying its use of the design principles, compositions and how well it communicates the message behind it. After this analysis, the task requires that you develop three original design concepts inspired by the visual strategies you see in the work you selected for analysis and include descriptions and visual references to each strategy.
2. Visual Analysis
Our task is to look at and study the art or design work that we chose in Task 1 and record and analyze it. We will look at the design rules used in the piece, as well as at the size, where it is put, its purpose, and how well it works.
Artist: @目重月 (Mu Zhongyue) / Pinned by Nuella
Year: 2025
Medium: Digital Illustration
Size: Varies (Digital file format)
Gestalt Theory
The digital illustration of Klein Moretti reverses the Gestalt Principle of Closure. At first, the brain identifies the picture to be a whole portrait and fills in parts that are missing. But there are strong digital glitches which prevent this. The glitches break up the natural filling, and the image appears broken. This illustrates the character as having a split personality and makes the viewer have to see two looks.
Principles of Design:
Contrast
The artwork establishes a great tension with the mixing of different styles and colors. Light, gray shading from the old sketch is contrasted with sharp, bright RGB glitches. This indicates a battle between old art and new tech.
Emphasis
Instead of only looking at the face, the eye is drawn to the flat pixel bars. These glitch spots serve as focus points that brings out theme of system failure.
Balance
The sketch is centered, which gave a steady, symmetrical look to the picture and made it less shaky. The glitch parts are placed off balance giving a fun but shaky feel.
Movement
The irregular arrangement of the bits of the digital information causes back-and-forth movement of the eye. Sharp horizontal shifts draw the eyes side to side, forcing the viewer to make sense of the picture.
Elements of Design:
Shape and Line
The drawing is composed of the use of different parts. Smooth and natural lines of the traditional clothes are contrasted with rigid and blocky shapes of glitch data.
Color
The gray base makes for a weak background. Sudden bursts of cyan and magenta are very loud.
Conclusion
The artist is making pictures that show deep fear using sharp differences, contrast and changed Gestalt ideas. The combination of order and digital mess creates a great story, and the design is simultaneously eye-catching and profound.
3.Inspired Ideation
1. Glitched Typography Poster
Rationale: This design uses the color of classic, formal, and serif letters. It looks like the original artwork because it shows horizontal color bands - the cyan and magenta splits - that go across Klein Moretti's face. As with the original art, it interrupts a normal old style drawing with strong digital color mistakes, displaying a battle of a serious historical writing and modern technology glitches.
2. Corrupted Botanical Packaging
Rationale: This idea depicts natural soft and smooth lines contrasted with sharp and geometric computer errors on a product tag. Visual Connection to Original Art The idea is inspired by the very tension in the original art, in which the organic fluid lines of the character's hair and coat are contrasted with the rigid rectangular blocks of the glitch. I employed this same "organic by opposed to geometric" conflict in botanical illustrations. It has Gestalt tricks to make the viewer fill in the broken flower shapes, pointing out how the natural world meets tech problems.
3. Asymmetrical Editorial Layout
Rationale: This layout has unequal balance and movement, and the reader is led from a neat column of text to a scattered margin. Connection to the original art: It was inspired by the way the artwork has the character's facial features placed staggered and uneven. The glitch results in the eye jumping across the broken portrait which is how the broken grid and active reading path were inspired in this layout.
4. Feedback
My tutor went over my first ideation section and suggested that I need to clearly articulate which elements in the selected Klein Moretti illustration inspired each of my three concepts and to identify the visual triggers for the same.
I changed the rationale for each idea to include a 'Visual Connection to Original Art' statement. I named directly the visual elements, such as the RGB color splits, the mixture of organic and geometric lines, and the unsymmetrical placement of the face, that was my direct inspiration.
5. Reflection
This visual analysis and ideation exercise served as an eye opener and linked the theory to actual design work. At the start I only saw the cool look of the Klein Moretti digital illustration. But when I broke it down with design principles, I saw that its emotional effect and feelings of tension and dread were built mathematically with contrast, uneven balance and breaking Gestalt closure.
The most difficult but useful stage was the ideation stage. Turning particular visual cues from the original art (such as the combination of organic lines and hard blocks of information or RGB color glitches) into new ideas (such as editorial layouts and type posters) made me think abstractly. I learned that it is not about copying a look, but about inspiration - getting the underlying structure and applying it in a different setting.
My lecturer feedback was very helpful. He reminded me to connect my new ideas directly to the details of the source, having a clear line of thought. Overall, this task changed the way how I look at a visual media, I now see how an image is built to get its message across, not just what it looks like. This analytical way of thinking will be an important part as I work on the last design stage in Task 3.
6. References
Bradley, S. (2015, June 29). Design principles: Compositional, symmetrical and asymmetrical balance. Smashing Magazine. https://www.smashingmagazine.com/2015/06/design-principles-compositional-balance-symmetry-asymmetry/
Canva. (n.d.). The principle of symmetry in graphic design. Canva. https://www.canva.com/learn/symmetry-graphic-design/
Interaction Design Foundation. (n.d.). Gestalt principles of form perception. Interaction-Design.org. https://www.interaction-design.org/literature/book/the-glossary-of-human-computer-interaction/gestalt-principles-of-form-perception
Pomerleau, C. (n.d.). Glitch art design: An inside look at the history and best uses of a modern trend. 99designs. https://99designs.com/blog/design-history-movements/glitch-art-design/
Comments
Post a Comment