It is not just how it looks, it is about how it works
It is an old saying- “A picture speaks a thousand words”. But not everyone can understand that language. So to make a design understandable we use code for designing.
There are lots of experiments, inventions that are done to give more life to designs, the mockups are now no longer used or are not enough to satisfy the customer to sell a product. No matter how much strength you put to design a beautiful template, unless it is interactive, even a group of static layouts can’t tell the whole product story. I am saying this because our interface now became more device independent, transitional and alive like a real product.
If we think of a human body, then design is skin and interface are bones, which gives shape to skin and gives it a meaningful body structure.
Let’s stop talking shit and let me show how code do magical designing…
Suppose we have a layout for which our client wants that, it should be viewed properly on all browser supportive devices. So, here comes the magic of code and we will code it once and it will work on all devices automatically. Let’s see how:
Suppose my client needs something like this:
Now putting all my efforts and so called hard work, I did this:
Just copy all the code and paste in a text editor and save it as, lets say test.html. And test it on browsers (advanced browsers).
There is a lot more stuff, like a new term which has evolved now a days is “RAPID PROTOTYPING“. It is something we do after design and before we start working on interface designing. The need of this is to demonstrate 20% of the actual product which users use 80% in the product most of the time.
I hope you found this useful. Please drop your comments if you have have any queries.