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!
Let's get a bit more familiar with the tools of Inkscape!
Now we will create a very simple layout plan with the tools we already know!
Colors are an important part of webdesign. And with Inkscape you can deal with them with ease!
The web is all about text, so it is evident we should add that to our layout too. Also in this lesson You will create some simple buttons too!
The text tool is obviously not only good for short words but for longer texts as well. In this lesson we will create textboxes and learn about dummy text.
Inkscape is a vector program, but it doesn't mean you should forget about photos for your design! Here is how to import and scale photos in Inkscape!
As Inkscape is a vector design program, this is where it is the best: creating icons from scratch! In this tutorial I show you how to do 3 simple icons in Inkscape with different methods.
Vector layouts are so easy to modify! In this tutorial I will position the icons and change the layout accordingly. Never be afraid to make a mistake with Inkscape, it is very flexible!
We all know that the mobile web is important. Creating a mobile web layout with Inkscape is very easy. Focus on what is important, remove the arts that are secondary!
This lesson is about how to get color codes, photos and graphics out of Inkscape to build them into a website template.
Svg is very valuable in web design, so it is good to know how to export it properly.
I'm a graphic designer, illustrator and design teacher for more than 10 years. I create clever logos and cute illustrations, I like to inspire, share my knowledge and make people think and laugh!
I use Inkscape, an open source graphic design program in most of my design, and I was teaching this to my students too in a college in Budapest.
I am constantly sharing knowledge about design and life as a freelancer. I teach on Udemy since 2014 and work together with some of my friends now, to create better courses together by sharing my online teaching experience
Exploring new ways to create and sharing my knowledge is what I like the most - so don't be afraid to ask, I'm here to teach!.