Designing for Web in Photoshop and XD - Part 1

Explore web design techniques in Photoshop with Andrew Hochradel and Howard Pinsky in this Adobe Live tutorial. Learn to organize assets using CC Libraries, create character styles, and design layouts for a website. Discover useful protips, understand gradient maps, and gain insights on communicating design concepts to clients. Follow along as Andrew designs a website for Adobe Office Hours, preparing it for prototyping in Adobe XD. Gain valuable knowledge on designing for XD in other applications and integrating various technologies into your web design workflow.

Syllabus

Start
Intro of Howard and project plan
Organizing assets into CC Libraries
Starting work in Photoshop
What to keep in mind when approaching your projects
Adding character styles to a CC Library
the “Heart” easter egg in XD
Wand integration and other tech possibilities
Communicating concepts to clients
Fast and useful protips to keep in mind while designing layouts
What is a Gradient Map?
Things to keep in mind when designing for XD in another app
Communicating with clients and making design choices