My personal website used to be on the matejlatin.co.uk domain and consisted of mostly personal articles. I had only written a few of those in the past few years so it didn’t get a lot of traffic. Long gone were the days when I published an article every week. So the website was updated only every now and then. It was running on Jekyll and was hosted on GitHub Pages. That made a lot of sense when I designed and built it because I wanted to improve my Front-End developing skills, as well as Git.
Tag: Web design
The equilateral triangle of a perfect paragraph
And the lack of knowledge about typography doesn’t come from ignorance. I learned that web designers are commonly either self-taught and haven’t grasped the importance of typography yet, or they actually studied design but typography was just one of the classes they had to attend.
Humane typography in the digital age
The machines of the industrial world finally took over the handicrafts. The typography of this industrial age was no longer handcrafted. Mass production and profit became more important. Quantity mattered more than the quality. The books and printed works in general lost a part of its humanity. The typefaces were not produced by craftsmen anymore. It was the machines printing and tying the books together now. The craftsmen had to let go of their craft and became a cog in the process. An extension of the industrial machine.
(Re)Adopting the design-in-browser approach
I got so used to designing (drawing) websites in Adobe Photoshop that I didn’t know where to start. Then I realized that I had already done it in the past with far worse tools then the ones we use now. Web design is not graphic design. It may consist of some of the elements of graphic design but it’s not the same.
Geometry in UI design
Aligning interface elements in Photoshop is pretty easy as it comes with the pre-defined aligning options. And for the 95% those are all you really need. What can you do in those 5% examples when you can’t use these options? Well, it actually depends a lot on what you’re working on. Let’s see a specific example.