A website can make or break a business. That’s because no matter how great the company’s services or products are, without a beautiful website, it’s all for nothing! That’s why entrepreneurs from all over the world are looking for skilled web designers who are capable of creating awesome websites. This course will help you do just that!
Prepare Yourself for a Career in Web Design by Learning the Foundations of Photoshop and the Ins-and-Outs of the Design Industry
-
Master the principles of web design & typography.
-
Learn to design custom graphics and beautiful icons.
-
Gain access to premium psd files and templates to inspire your own projects.
-
Discover how to work with clients and how to remain competitive in a cutting-edge industry.
Create Websites that Win Clients and Enhance Your Portfolio
Professional web design is in high demand, with every type of business from large corporations to small boutiques looking for web designers who can improve their online presence and build their brand. This course will teach you the skills you need to create stunning website designs using Photoshop so that you can turn your clients’ visions into reality. You will also learn how to speak with clients, decode their requests, and meet their demands.
Contents and Overview
Whether you’re a beginner or an advanced web designer, you will find this course beneficial in how it blends clear, concise instruction with real world examples and hands-on exercises.
Photoshop & Web Design from A to Z
Following the course’s simple step-by-step process, you will learn the web design principles and Photoshop skills necessary to create vivid web pages and graphics, starting with fundamental topics such as comparing different versions of Photoshop and selecting a monitor, before advancing to spacing, typography, logo design, layout, and more.
Client Case Studies
You will gain a better understanding of the realities of web design by examining real-life case studies that demonstrate what to do and what not to do when working with clients.
Interactive Demos
You will watch the creation of two websites from start to finish to gain a better understanding of the design process.
Free Templates & Resources
You will gain access to an exclusive selection of psd files, a cheat sheet hotkey guide, plus lots of website templates that you can use for your own projects.
Course features:
-
Crystal clear audio from a native English speaker
-
Photoshop CC was used throughout the course
-
Professionally edited: constant zoom in on important areas, hotkeys are shown as subtitles, repetitive techniques are slightly sped up
-
All lectures have the .psd presentation file attached plus a .pdf with any links that were shown in the video.
After completing this course, you will have a solid understanding of the principles of web design and the foundations of Photoshop necessary to create cutting-edge web pages and graphics. You will also be familiar with the web design industry and the professional strategies necessary to build a client base.
The First Pillar of Web Design
-
1Quick answers to popular questions
-
2This course vs “Learn Photoshop, Web Design & Profitable Freelancing”
-
3Web design – A closer look
-
4Set up Photoshop for web design
-
5How to select layers like a pro
-
6Find out why your designs are supremely important
-
7Exercise: create a website and identify 3 mistakes
-
8Solving the previous exercise
-
9The three pillars of a great web designer
-
10Web Design Quiz #1
Answer a few questions to clarify some things.
The second pillar of web design
-
11The first pillar of web design
-
12Best settings for a web design project
-
13Case study: Non-standard layouts
-
14Exercise: Create a standard website layout
-
15How to size your web elements correctly
-
16My formula for perfect text
-
17Case study: text layers
-
18Color Contrast
-
19Case study: Colors – Part 1
-
20Case study: Colors – Part 2
-
21How to align elements in the hero area
-
22How to align icons with text
-
233 rules for web design icons
-
24Case Study: Visual Balance
-
25Thoughts on the first pillar of web design
-
26Web Design Quiz #2
This will test everything you've learned so far plus a few other things you should know. Take your time with it and make sure you read the questions thoroughly.
The third pillar of web design
-
27Introduction
-
28What’s the point of the website?
-
29The user versus the business owner
-
30Analytics in Web Design
-
31Templates & Website Builders – The web designer’s death?
-
32Case Study: 4 versions of the same website
-
33E-commerce homepage layout
-
34E-commerce product details
-
35E-commerce checkout
-
36Why aren’t websites pixel perfect?
-
37Landing page vs a website
-
38Case studies: the client’s needs
-
39Lead generation in landing pages
-
40Why landing pages have a bad reputation
-
41Digital product landing page
-
42A/B testing landing pages
-
43Case Study: Landing page analysis
-
44Final thoughts about the client’s needs
-
45Web Design Quiz #3
From Photoshop to Working Code
-
46Introduction
-
47What's UX?
-
48The best example of good UX and attention to detail
-
49Improve the checkout process to double sales
-
50Improve the mobile version to double sales
-
517 website tweaks that show attention to detail
-
52Upgrading the mobile product page
-
53Doing 1-on-1 sessions with a coder
The basics
The Principles
-
61System requirements & best settings
-
62Color management quiz
Take 2 minutes to answer these questions to make sure you understood everything
-
63Photoshop version comparison
-
64Piracy & stealing
-
65Monitors: best panel types, resolution, brand, size
-
66Web design just in Photoshop, no coding
-
67What you need to know about Photoshop
-
68How to monetize the skills you are about to learn
-
69Grid systems
-
70Setting up your workspace
-
71Topics I won't cover in depth
The Principles II
-
72Communicate effectively
-
73Communicate effectively quiz
-
74A website must tell a story and create an atmosphere
-
75Simple & clean or highly detailed?
-
76How to understand the clients' needs
-
77All about inspiration
-
78Hands on: How I get my inspiration
-
79Exercise: Inspiration
-
80Step by step approach
-
81Hands-on: Using the step by step approach to create an icon
-
82All about wireframes
-
83All about wireframes quiz
-
84The role of imagery, stock photos and free photos
-
85Custom Graphics
-
86Hands-on: Creating custom graphics
-
87Alignment tools
-
88Symmetry, proper spacing and white space
-
89Working with a brief