Cultural Probe Kit
This week I decided to work on a website for a fictional Chinese Restaurant, which I named Eastern Chow.
The longest part of this process, I think was finding the direction I wanted to go with this project. My initial thought, was that I definitely wanted to have a spinning wooden board that changed as you cycled through the different food options, as seen below on the left.
Blender, Figma, Code (HTML, CSS, JS)
This week I decided to work with Suzanne Collin’s (author of The Hunger Games series) website.
I thought it, for the most part was visually expressed in a suitably manner. My only main and initial contention with it, was the disproportionate use of uppercase text throughout the design.
Uppercase text has particular use-cases (check out this article by Saadia Minhas to better understand what they are). It can be used to shout at the viewer, and/or grab their attention, however, if used too often it loses its power and it is also not the…
Once again asymmetrical design is used in this piece, like the last one I talked about, to create a dynamic piece. However, I believe in this case, that the deviation being referred to it’s not referring to deviation from the norm, but rather a deviation from what the general public’s knowledge base/ understanding is.
In a sense he (Ettore Sottsass) is breaking down (which is possibly represented by the breaking down of his photo into smaller divisions) something that we thought we knew well and took for granted — the color red. …
I’m trying to re-build websites from the ground up to practice the different components of web design — graphics, 3d art, coding, etc. And came across a few issues along the way.
(1/3) How do I pre-load content
The method I used personally:
Solution 1 | https://www.youtube.com/watch?v=fsmFBwlk7wo&t=38s
Another solution which got a number of good reviews/comments
Solution 2 | http://websitegyantutor.blogspot.com/2018/11/page-loader-in-html-with-css-code-html.html?m=1
(2/3) How do I tell my browser to go to another page on reload
To make my Medium articles a bit more interesting, I decided to make custom headers. I wanted to use Illustrator to do it so I could get to practice using the software more, because the only Adobe software I know how to use currently is Photoshop.
I came across a few issues whilst trying to do so, and have provided some solutions below each one.
Solution 1 | Change the workspace from Essentials to Essential Classic
Solution 2 | Add a properties window to your layout (Windows > Properties)
Solution | View > Preview on CPU
(Shortcut: Cmd + Y (Mac) or Ctrl + Y (Windows))
With my AMPPS Server I would go onto localhost and select the file from the root directory online.
This was never a problem for me before, I would repeat this process as if it were nothing, thinking nothing of it…
This time, instead of localhost taking me to the root directory…
In my last design analysis I talked about symbols and the use of an arrow which grabs your attention whilst remaining static. This poster design for the film The Cook, The Thief, His Wife, and Her Lover is a rather striking design, which demands your attention in various ways.
“Strong typography juxtaposed with photographic images of food
combine to send a sophisticated message that grabs the audience’s attention immediately. It invites a closer look at the formally presented foods that double as letter-forms, and intrigues the audience by being both bold and suggestive.” (Graphic Design School: The Principles and Practice…
For some time now I’ve wanted to do tutorials on Blender but never knew how to go about showing the mouse clicks and keyboard buttons I was pressing, because I didn’t want to have to say every single button I pressed.
I saw many people in tutorials using it, but never knew how or where they got it.
I then heard the person in this video about how to do hair in Blender say that he had his screen-cast on, and that was the big unlock for me because I didn’t know what it was called until then.