Design Elements 101: Do Not Ignore These!
While I stumbled across awesome I learnt how not taking design elements for granted could open a pandora box of innovative design!
Before I start with laying down the 101 elements, here is a brief explanation of the idea of this blog.
When Sharva Jethwa gave me an idea to write about “design elements an artist must not ignore” I was quite confused about what should I truly write.
The confusion was not within the elements but what could be so exceptionally important about these elements that seem so every day to the designers. Hence I dig in and did some research and what I ‘stumbled across this discovery were some exceptional websites that have used these nuances and jumped not only out of the box but out of all boundaries that a designer might set to their creative process.
The blog is not to give guidance but to give inspiration that I found while finding inspiration to write this blog.
Grid & Composition Layout
One of the most iconic digital artists, Malika Favre has a unique combination of grids and composition on her website.
Her bold representation of colours with a screen that is filled with grids leaving out no edges uncovered has given a complete redefinition to the grid & composition layout that is followed traditionally.
Experimenting with grids & composition can give a different essence and brand to your website.
Typography
A website that has a beautiful experiment with the typography in their very first fold itself. La Peau De L’ours- a website that has given equal importance to every single letter of the name.
Scroll through the entire document and you will see how they have made a wonderful sprinkle of varied typography in a single page, yet maintaining the aesthetic of a website.
Go ahead and explore those font styles and sizes and even add some colour to them to give a splash of your vivid imagination.
Transition
Fanny Myard, a graphic designer and stylist from Belgium has a vividly colourful website with lively and seamless transitions. The young and fresh approach of her work is very much visible in the subtle multiple transitions within one frame while her website redefines the concept of sliders.
Sliding through her website shows a blast of subtle yet high-quality colour composition, a transition within one frame that gives life to the otherwise stable picture and a transition effect that allows the pictures to effortlessly present on your screen while you are still absorbing all the colours you saw.
Hamburger
Bye Bye Hamburger! Here we define a new era of menus without the hamburger.
While reviewing multiple websites online to knock on the right door for each element we had charted out, I noticed that most websites, some with even the best graphics may end up using the hamburger for a menu. Nothing atypical about the choice and nothing incorrect either.
But why not go outside of those three lines and jump around with some magic? Here is a website Proud & Punch, with the most uncommon Menu layout. In a very simple yet engaging way, they have used all four corners of their screen and made a beautiful and interactive menu. You will notice as you move your cursor over each product they are jumping for you to get to know them further.
Fancy much! I’d reckon yes!
Alignment in Asymmetry
Cargo Collections, A Chronology: A vividly asymmetric design while keeping a clean alignment.
This is one of the most exotically unaligned website design which appeals to one as a very clean and crisp website, with transitions and a peculiar geometry in the asymmetry!
Shoutout to all the nerd designers crawling out of those boxes, finding unique inspirations and making asymmetry an inspiration while keeping a close alignment.
A plus one to the website for their eclectic and concise content.
Want to put on your designer hat, rattle some inspiration and break the boundaries of the common, an open invitation to your creative minds to our Jetbro office.
