Book Image

Inkscape by Example

By : István Szép
Book Image

Inkscape by Example

By: István Szép

Overview of this book

Growing into its final form after years of development, Inkscape now rivals industry leaders like Illustrator and CorelDraw – this versatile free vector graphics editor program has all the capabilities of paid software and is ready for professional use. While there are plenty of resources for beginners, this book will enable you to uncover the full potential of the tool through sample projects and tutorials. With Inkscape by Example, you’ll understand how this one-stop solution helps vector designers meet all their requirements. Starting with an introduction to the new tools and features of Inkscape 1.0, you’ll master the software by working through a chain of real-world projects. The book will guide you through creating an icon set and understanding modularity in vector design. As you advance, you’ll draw a detailed illustration every client is looking for and learn about photo editing and creating a logo in Inkscape, combining all of these into one single web design project. Finally, you’ll discover tips for working faster with SVG and XML and using Inkscape with other free tools to reach maximum workflow and creativity. By the end of this Inkscape book, you’ll have developed the skills to create your own solutions for any project confidently.
Table of Contents (12 chapters)

Creating a simple wireframe as a base for the layout

A wireframe is an overly simplified version of a website. When we say simple wireframe, what we really mean are empty placeholder boxes. There are no colors, no images, and no text to distract you from the first task of a web designer: the arrangement and flow of the information on the page.

There are several apps online to create wireframes and help you sketch your website ideas, but if you already use Inkscape, you might just create your wireframes in vector as well!

Before starting to work on the layout, you need to decide the screen sizes you design for. As you know, we face a wide array of screen sizes nowadays. This forces us to design for most of the brake points in responsive design, ranging from under 320 pixels (px) to sizes above 1920 px.

Now, we need to decide in what order things will be presented on the website.

The landing page for CloudUsers will include the following:

  • An area for the logo and...