Udemy
  •  
  •  
  •  
  •  
  •  
  •  
  •  
  •  
  •  
  •  
  •  
  •  
  •  
Development
Web Development Data Science Mobile Development Programming Languages Game Development Database Design & Development Software Testing Software Engineering Development Tools No-Code Development
Business
Entrepreneurship Communications Management Sales Business Strategy Operations Project Management Business Law Business Analytics & Intelligence Human Resources Industry E-Commerce Media Real Estate Other Business
Finance & Accounting
Accounting & Bookkeeping Compliance Cryptocurrency & Blockchain Economics Finance Finance Cert & Exam Prep Financial Modeling & Analysis Investing & Trading Money Management Tools Taxes Other Finance & Accounting
IT & Software
IT Certification Network & Security Hardware Operating Systems Other IT & Software
Office Productivity
Microsoft Apple Google SAP Oracle Other Office Productivity
Personal Development
Personal Transformation Personal Productivity Leadership Career Development Parenting & Relationships Happiness Esoteric Practices Religion & Spirituality Personal Brand Building Creativity Influence Self Esteem & Confidence Stress Management Memory & Study Skills Motivation Other Personal Development
Design
Web Design Graphic Design & Illustration Design Tools User Experience Design Game Design Design Thinking 3D & Animation Fashion Design Architectural Design Interior Design Other Design
Marketing
Digital Marketing Search Engine Optimization Social Media Marketing Branding Marketing Fundamentals Marketing Analytics & Automation Public Relations Advertising Video & Mobile Marketing Content Marketing Growth Hacking Affiliate Marketing Product Marketing Other Marketing
Lifestyle
Arts & Crafts Beauty & Makeup Esoteric Practices Food & Beverage Gaming Home Improvement Pet Care & Training Travel Other Lifestyle
Photography & Video
Digital Photography Photography Portrait Photography Photography Tools Commercial Photography Video Design Other Photography & Video
Health & Fitness
Fitness General Health Sports Nutrition Yoga Mental Health Dieting Self Defense Safety & First Aid Dance Meditation Other Health & Fitness
Music
Instruments Music Production Music Fundamentals Vocal Music Techniques Music Software Other Music
Teaching & Academics
Engineering Humanities Math Science Online Education Social Science Language Teacher Training Test Prep Other Teaching & Academics
AWS Certification Microsoft Certification AWS Certified Solutions Architect - Associate AWS Certified Cloud Practitioner CompTIA A+ Cisco CCNA CompTIA Security+ Amazon AWS Microsoft AZ-900
Graphic Design Photoshop Adobe Illustrator Drawing Digital Painting InDesign Character Design Canva Figure Drawing
Life Coach Training Neuro-Linguistic Programming Personal Development Personal Transformation Mindfulness Life Purpose Meditation CBT Emotional Intelligence
Web Development JavaScript React CSS Angular PHP Node.Js WordPress Vue JS
Google Flutter Android Development iOS Development React Native Swift Dart Programming Language Mobile Development Kotlin SwiftUI
Digital Marketing Google Ads (Adwords) Social Media Marketing Google Ads (AdWords) Certification Marketing Strategy Internet Marketing YouTube Marketing Email Marketing Retargeting
Microsoft Power BI SQL Tableau Business Analysis Data Modeling Business Intelligence MySQL Data Analysis Blockchain
Business Fundamentals Entrepreneurship Fundamentals Business Strategy Business Plan Startup Freelancing Online Business Blogging Home Business
Unity Game Development Fundamentals Unreal Engine C# 3D Game Development C++ 2D Game Development Unreal Engine Blueprints Blender
2021-03-13 03:31:37
30-Day Money-Back Guarantee
Design Web Design Photoshop

Master Web Design in Photoshop

Learn how to create stunning website designs in Photoshop; No coding included!
Rating: 4.7 out of 54.7 (2,246 ratings)
23,375 students
Created by Cristian Doru Barin
Last updated 3/2021
English
English [Auto]
30-Day Money-Back Guarantee

What you'll learn

  • Learn about conversion rates, bounce rates, improving sales
  • Learn how to work with coders and succesfully handover the design
  • Understand fantastic web design principles that can be immediately applied to any project
  • Learn UX principles that produce results
  • Create beautiful website designs in Photoshop
  • The differences between landing pages and standard websites
Curated for the Udemy for Business collection

Requirements

  • You need at least Photoshop CS4 and a basic understanding of how Photoshop works
  • You have to have worked at least a little bit in Photoshop and know some of the tools and hotkeys

Description

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. 

Who this course is for:

  • This course is great for anyone who is into web design and wants to create websites in Photoshop
  • Anyone who wants to learn a new life skill they can immediately apply and make money
  • This is must-watch course for any developer, no matter the level of knowledge

Featured review

Rolands Rautmanis
Rolands Rautmanis
16 courses
6 reviews
Rating: 4.5 out of 5a year ago
Well I was thinking maybe I needed to take this ccourse before WEB design & profitable freelancing to learn all these basic things you need to know about WEB design and not only that. But overall am happy with this course. Learned much more about WEB design basics. Now i knowm more, but now needs to put it on to a paper. Practice these all things to become better. I would rate this course 5 of 5 but then there is no place for upgrade. Waiting for new and interesting courses. Good luck everyone!

Course content

18 sections • 157 lectures • 17h 50m total length

  • Preview06:47
  • Download the workbook for this section
    00:00
  • Preview05:00
  • Preview06:25
  • Set up Photoshop for web design
    05:33
  • How to select layers like a pro
    05:10
  • Here's why companies need websites designed in Photoshop
    06:47
  • Exercise: create a website and identify 3 mistakes
    02:23
  • Solving the previous exercise
    05:23
  • The three pillars of a great web designer
    07:37
  • Web Design Quiz #1
    3 questions

  • Download the workbook for this section
    00:00
  • The first pillar of web design
    01:46
  • Best settings for a web design project
    08:29
  • Case study: Non-standard layouts
    05:42
  • Exercise: Create a standard website layout
    02:57
  • How to size your web elements correctly
    06:22
  • My formula for perfect text
    06:03
  • Preview06:08
  • Color Contrast
    04:32
  • Case study: Colors – Part 1
    05:23
  • Case study: Colors – Part 2
    07:41
  • How to align elements in the hero area
    06:33
  • How to align icons with text
    06:45
  • 3 rules for web design icons
    08:00
  • Case Study: Visual Balance
    06:07
  • Thoughts on the first pillar of web design
    02:06
  • Web Design Quiz #2
    5 questions

  • Download the workbook for this section
    00:00
  • Introduction
    01:57
  • What’s the point of the website?
    04:30
  • The user versus the business owner
    07:15
  • Analytics in Web Design
    07:55
  • Templates & Website Builders – The web designer’s death?
    09:55
  • Preview12:24
  • E-commerce homepage layout
    07:08
  • E-commerce product details
    05:02
  • E-commerce checkout
    08:32
  • Why aren’t websites pixel perfect?
    07:34
  • Landing page vs a website
    07:29
  • Case studies: the client’s needs
    07:36
  • Lead generation in landing pages
    09:08
  • Why landing pages have a bad reputation
    10:50
  • Digital product landing page
    09:04
  • A/B testing landing pages
    07:14
  • Case Study: Landing page analysis
    13:18
  • Final thoughts about the client’s needs
    05:05
  • Web Design Quiz #3
    3 questions

  • Download the workbook for this section
    00:00
  • Introduction
    03:51
  • What's UX?
    05:07
  • The best example of good UX and attention to detail
    08:22
  • Improve the checkout process to double sales
    09:59
  • Improve the mobile version to double sales
    04:53
  • 7 website tweaks that show attention to detail
    04:59
  • Upgrading the mobile product page
    04:09
  • Doing 1-on-1 sessions with a coder
    06:38

  • Download the workbook for this section
    00:00
  • Preparing the design for coding
    04:50
  • Getting up and running with Zeplin
    03:32
  • From Photoshop to Zeplin
    06:17
  • Getting deliverables out of Photoshop
    06:43
  • Server-side content and multi-layer graphics
    09:12
  • How to handle the handover process
    04:23
  • Important notice
    00:07

  • System requirements & best settings
    07:48
  • Color management quiz
    3 questions
  • Photoshop version comparison
    14:25
  • Piracy & stealing
    03:07
  • Monitors: best panel types, resolution, brand, size
    08:31
  • Web design just in Photoshop, no coding
    03:05
  • What you need to know about Photoshop
    05:49
  • How to monetize the skills you are about to learn
    05:35
  • Grid systems
    05:06
  • Setting up your workspace
    02:55
  • Topics I won't cover in depth
    01:51

  • Communicate effectively
    05:47
  • Communicate effectively quiz
    4 questions
  • A website must tell a story and create an atmosphere
    10:49
  • Simple & clean or highly detailed?
    05:25
  • How to understand the clients' needs
    09:04
  • All about inspiration
    06:44
  • Hands on: How I get my inspiration
    08:46
  • Exercise: Inspiration
    00:29
  • Step by step approach
    04:55
  • Hands-on: Using the step by step approach to create an icon
    19:43
  • All about wireframes
    08:23
  • All about wireframes quiz
    4 questions
  • The role of imagery, stock photos and free photos
    09:12
  • Custom Graphics
    06:10
  • Hands-on: Creating custom graphics
    14:21
  • Alignment tools
    04:18
  • Symmetry, proper spacing and white space
    12:35
  • Preview06:50

  • Working on a ‘small project’
    04:56
  • What ‘simple, modern, clean’ & other client terms actually mean
    09:02
  • Using layer styles the right way
    19:32
  • The pitfalls of your imagination
    04:29
  • Understanding contrast
    07:26
  • Using freebies & the meaning of being a designer
    12:05
  • Optimizing your layers panel
    08:11
  • Hands on: How to organize a messy project
    18:24
  • Dummy content
    04:33
  • Logo design
    05:45
  • The importance of speed
    06:29
  • Choosing the right projects
    05:30
  • Pricing guide for your work
    10:52
  • How to constantly get better
    04:57

  • Best sources for fonts
    08:21
  • The Character Panel
    11:57
  • How to identify a font
    04:47
  • Mixing fonts
    05:33
  • Typography tips, tricks and techniques
    12:41

  • Introduction & project description
    09:32
  • Setting the layout
    04:12
  • Putting in content
    06:26
  • Creating the header
    16:02
  • Creating the hero area
    11:21
  • Creating the content area
    12:49
  • Creating the testimonial and footer areas
    12:04
  • Conclusions
    03:45

Instructor

Cristian Doru Barin
Certified Photoshop Instructor & Expert, Web & App Designer
Cristian Doru Barin
  • 4.6 Instructor Rating
  • 32,833 Reviews
  • 240,708 Students
  • 7 Courses

Chris Barin is a professional web and app designer with nearly 10 years of Photoshop experience. He's also an Adobe Certified Instructor and Certified Photoshop Expert.

By being self-taught, he managed to gain the trust of over 230.000 students from all over the world through his Photoshop courses. A staple of his materials is a hand-on, down-to-Earth approach that focuses on getting maximum results with minimal effort.

Chris started out as a freelance web designer and built a loyal client base, earning over $50,000 by designing sites part time. Today, he runs his own Android design studio, 20+ strong, creating fantastic looking apps for clients; his apps have over 100 million downloads to date. 

Passionate about teaching, Chris teaches on Udemy because he has been disappointed in the quality of training materials available for people who want to learn design. In his courses, he holds nothing back; he documents and shares his entire experience on how he managed to stand out from the competition and do the work that he loves full-time.    

Chris’s courses are some of the highest rated ones in the design category, as well as some of the bestselling ones on the entire platform. Students rave about his fast response time, clear explanations, and overall teaching style. Feel free to send him a message if you have any questions or suggestions for how he can create a better learning experience for you.    

  • Udemy for Business
  • Teach on Udemy
  • Get the app
  • About us
  • Contact us
  • Careers
  • Blog
  • Help and Support
  • Affiliate
  • Impressum Kontakt
  • Terms
  • Privacy policy
  • Cookie settings
  • Sitemap
  • Featured courses
Udemy
© 2021 Udemy, Inc.