Articles, Blog

How to become a web designer (moving from print) | CharliMarieTV

A few weeks ago I had a request to make a video about how to transition from being a print designer to being a web designer. I did a few of interaction design papers at university but mostly when I was studying I was focussed on the print side of
Continue Reading
Articles, Blog

Sketch Tutorial Web Design: Team Page Design Concept

Hey, I’m Hunter from Skillthrive and in this tutorial you’ll use Sketch to create this team section for a website design. It’s the weekend, so I’m rocking a hat! If you want to follow along with me in today’s tutorial, make sure you download the course files by becoming a
Continue Reading
Articles, Blog

Image file types (JPG, PNG, SVG, GIF) – Web design tutorial

Images and other graphics can often make or break a design. And we’ll start here with file types. And we’re going to focus on bitmap, GIF, PNG, JPEG, and SVG. Bitmap: Don’t use this on the web. GIF (or “JIF” depending on what part of the internet you’re from): It’s
Continue Reading
Articles, Blog

The Art of Web Design | Off Book | PBS Digital Studios

It’s important to remember when designing a website what purpose it’s going to serve in people’s lives. Creating a very simple easy to use, easy to understand experience, that’s the challenge of designers. It really comes down to understanding that someone is a person on the other end of the
Continue Reading
Articles, Blog

Advanced button styling – Web design tutorial

For Advanced Button Styling, we’re going to cover five different aspects: Button Alignment, Transparent Backgrounds, Hover Controls, Button Transitions, and Box Shadows. We’ll start with Alignment. And as we know, when it comes to buttons that are pressed up against each other, adding margin to both sides creates breathing room.
Continue Reading
Articles, Blog

Introduction to web design principles — The Freelancer’s Journey (Part 11 of 43)

Any time you hear someone say great design skills are just something you’re born with, stop listening at once. Fortunately, people who say that don’t comprise a particularly large population, and that’s a good thing because history is plagued with this kind of exclusivity. Some people think there are simply
Continue Reading
Articles, Blog

Web Design Tutorial For Beginners Using Photoshop

Hey what is up guys, my name is Cosmin and in today’s video I’ll show you how I did a redesign of a landing page. This project was done for an SEO agency that’s worked with some pretty big clients and wanted to leverage them to get some new leads,
Continue Reading
Articles

Embed a Google Map – Web design tutorial

The Map element gives gives us control over an embeddable map we can drop anywhere in a project. When you’re first setting up a project, you’ll need to add your Google Maps API key. So we’re going to break this into two sections: (1) we’ll cover integrating the Google Maps
Continue Reading
Articles, Blog

Element hierarchy, nesting, and style cascading – Web design tutorial

Hierarchy is one of those funny words which came from the Germans. Literally translated from 15th-century text, it means: “website levels.” In our Webflow projects, we’ll talk about hierarchy in three ways: 1. How objects nest inside of one another and become parents, children, siblings. 2. How text styling passes
Continue Reading