Coming back to writing my blog after the summer was not easy to start.
But like a “light in the shadows of an antarctic meteorite slice”, I could find my way analyzing piece by piece and following one step after the other.
An Antarctic meteorite slice, thinner than a human hair, is lit up by polarized light for analysis. Smithsonian image.
Our school has a hybrid way of teaching part still virtual and partially with the children teaching on the campus. We had also 3 typhoons here in Busan, South Korea and we are working hard to prepare all the documents, analysis for the evaluation, and reaccreditation of our school. So much work on the computer!!
It’s all about design!
Luckily because I am a visual artist, I love this theme “We are all designers”.
It was impressive to hear in this TED Talk from John Hockenberry: We are all designers, his personal stories, about the importance of design.
I enjoyed reading the materials provided by my instructor, Joel Bevans, about visual hierarchy, visual literacy, and design principles with great interest. I even applied that knowledge in a way how I design some templates for my art lessons.
Guide to visual hierarchy:
- Size and Scale
- Color and Contrast
- Typographic Hierarchy
- Spacing and Proximity
- Negative Space
What is “visual literacy” to me?
Visual literacy is a way of communicating meaning, an idea with words/language, and powerful images. It is a way to structure the language, the thinking, and the communication to be read in a visual way.
If you look at a text to scan the content and be easily supported by a picture aside to understand better. Scan at a glance in a text the content. How is organized? How is expressed visually simple to facilitate the message behind? Is it balanced? Is the message emphasized? Is it having a good contrast to attract your attention? Is it aesthetically interesting, with special text font and colors, appealing to your eyes?
I am thinking about web journalists who are using conceive language and strong images to deliver a message. I am thinking about some of the slide shows/ power points presentations of my peers. The font, the structure, the dynamic with images aside. Or generally how we are navigating so many websites and reading resources online. Without a good visual literacy behind, would be so hard to digest the content in a timely manner.
Have you ever wonder how people read online?
This was interesting information about how people read online.
All beautiful in theory but let me see myself taking action. Let me try to play with them and use all those principles in redesigning my blog.
My goals are:
- to emphasis the “Focal Point” with color headlines, images/videos which sustain the content
- to restructure visually after the “Visual Hierarchy“- and apply the design principle: emphasize and unity.
- Reading patterns
- Texture overall arrangements or pattern of the space⊗⊕
- Typeface weight and pairing
- Color and Tint
To give you a clear example my blog at the beginning and now. I change the color of some text parts. I took the big image in the background down and I insert more images and video in my post, to let the focus on the actual information. I insert the COETAIL cohort logo to highlight the identity picture with our group of learning. I tried to insert a small portrait picture aside from myself, but unfortunately, it doesn’t appear on the website. I could only have it in the background which I didn’t find suitable so big. I just wanted to put aside the COETAIL logo, as big as the logo. I even cut it that size, but probably I need to choose one or the other.
And not, at last, keep in mind the advice from Kery Lee.
Remember about the CARP!
(CONTRAST/ ALIGNMENT/ REPETITION/ PROXIMITY)