Understand the two major structural elements of HTML — the body and the head — and how they work together to display the content of web pages and tell both browsers and visitors about the page and its topic. Plus find out how Webflow handles these two aspects and gives you control over them.
Graphic design tutorial for beginners, are you tired in learning Photoshop tricks without understanding how to apply the software to real design? Or maybe you just want to understand what really is design and how can you become a real designer? Design goes way beyond software and there is a lot of theory behind it. In this lesson, you’ll learn the basics needed to create amazing and real design.
In this lesson, you won’t need any sort of equipment or specific software. “Why? Isn’t design just Photoshop?”. By understanding the process behind what real designers do and understand, you will also be able to see what makes good design. Why is that logo appealing? Why does that poster grab my attention? How is it that I can understand that ad, even though nothing is written on it? After participating in this lesson, you’ll finally understand more of design and gain the ability to see the world in a different way.
With the vast majority of the web existing squarely in two dimensions, expanding your design practice into 3D can take some time to wrap your head around. In this video, we’ll explain some of the basic concepts behind working with 3D on the web. We’ll expand on this info in our videos on 2D & 3D transforms and 3D perspective.
3D transforms (move, rotate, scale, and skew) – Webflow CSS tutorial:
The box model describes how layout works on the web. Unlike other design environments (like Photoshop or Sketch) that allow you to position elements anywhere in a given document, the web places elements in boxes that you control the positioning of to indirectly create layouts. In this video, we’ll discuss:
1. The box model
2. How the box model facilitates responsive web design
3. Grouping boxes
4. Positioning boxes to create layouts
Todays video is a photoshop tutorial for web design. The site we will be making is a basic portfolio site with navigation, a banner, work section, footer and several call to actions. If you like this slowed down videos and want more detailed tutorials please let me know in the comments.
Have a great day and don’t forget to Like,Share the video and Subscribe.
A 101 introduction tutorial to the Mac software Sketch for designing websites. Please remember to subscribe
When I switched from using Photoshop to design websites to using Sketch, I had a colleague walk me through the basics and it was a HUGE help with the learning the curve, so that’s what I’m trying to do for you in this video! I hope this walkthrough, showing you the most important basic features of Sketch that I use when designing websites, comes in handy and helps you get up and running if you’re a beginner.
This is my first software tutorial, so please let me know what you think of it in the comments!
Wireframing tutorial video:
Web design resources video:
// ENJOY MY VIDEOS?
My videos no longer have pre-roll ads because I think ads are annoying. That means you don’t have to sit through ads, and it also means I don’t earn anything from the content I put on YouTube. If you want to support me and my channel the best thing you can do is order something from my online store! I make t-shirts and printed products and you’re bound to find something you like 🙂
Check it out at:
// ABOUT ME
Hello there! I’m Charli and I’m a web and graphic designer from New Zealand currently living in London and posting videos every Saturday about design, fashion/beauty and DIYs and vlogs every Tuesday here on CharliMarieTV. Please subscribe and say hi in the comments so we can be friends 🙂
HOW TO SUPPORT THE SKOOL:
Purchase a CORE Kit:
Support The Skool by making purchases using our Amazon Affiliate Link:
Buy useful design tools from Creative Market:
Get your business cards printed at Moo:
Special Thanks to our Sponsors:
Connect with Skool Live online:
Visit The Skool WEBSITE:
Like The Skool on FACEBOOK:
Follow The Skool on TWITTER:
Need brand strategy help?
Visit Blind LA’s WEBSITE:
(for FB live and event announcements).
Executive Producer– Chris Do
Hosts– Chris Do
Director– Aaron Szekely
Cameraman– Aaron Szekely, Andrew Truong
Producer– Aaron Szekely
Editor– Aaron Szekely
Show Open– designed by William VanSkaik, animated by Bara Kwon
Musical Director– Adam Sanborne