6

Flexible Website Layout Design for Desktop and Mobile with Inkscape

Any current website has to be responsive, with resizable elements built on a flexible layout to work great on all devices – and what is a better tool to create flexible layout designs than vector? In the following project, we will create a simple website layout for two different sizes, using the elements we created in the previous chapters.

In this chapter, we are going to cover these main topics:

  • Using Inkscape for web design
  • Creating a simple wireframe as the base for the layout
  • Going from a wireframe to a full design
  • Saving and exporting your website design

Using Inkscape for web design

Modern web design has several components, such as user experience design (UX), content ...

Get Inkscape by Example now with the O’Reilly learning platform.

O’Reilly members experience books, live events, courses curated by job role, and more from O’Reilly and nearly 200 top publishers.