István Szép – Create your graphics for a responsive website with Inkscape!
Use a free software to design a website layout for both mobile and desktop, create custom icons and fresh looks!
This course will teach you how to make your own website layout. You will use web design principles, learn about colors and creating your own buttons and icons. All this with an amazing free design program called Inkscape!
If you take part in the course, you will also receive the source file of both of the templates and the fonts used, so you can experiment and modify it!*
During the course I am creating the website layout for a florist shop, but I encourage you to create a site design straight for your own business, or own hobby! Because what I show you is not about flowers! It is about creating, learning design principles and learning to use Inkscape!
This course is about designing a graphical layout for a website.
So the course is NOT about creating CSS and HTML templates!
The course starts with 13 videos and it takes about 90 minutes to complete! Of course, as with my other courses, I will be here to answer your questions and add more videos if you need it!
Go on, download Inkscape for free now, and start to create your own design!
*Sadly, I can not give you the photo, as I don’t own the rights. Find a good photo that is matching your design idea instead!
- Introduction (2:11)
- Document setup (4:08)
Creating the layout – and learn Inkscape while doing it!
- Create the first shapes (4:59)
- Make a basic layout (6:10)
- Using colors in Inkscape (9:05)
- Learn the text tool, create the main navigation (7:48)
- Layout of text (11:03)
- Dealing with photos (9:10)
- Drawing icons in Inkscape (9:59)
- Modify layout (7:22)
Modify and export the layout
- Create the mobile layout (10:20)
- Tips and tricks about exporting (5:26)
- Export SVG for web (2:34)