
Discover web and digital design within graphic design, covering web design, UI/UX, screen sizes, file formats, app and icon design, motion design, and design systems through project analyses.
Explore graphic design theory and master over 500 principles, rules, and terms through visual analysis of print, web, and mobile design to build a mental visual library and improve judgments.
Explore how hex codes define web colors, understand rgb channels and color pickers, and examine fixed, parallax, and infinite scrolling to enhance site structure.
Explore how web design uses grids, gutters, and columns to create visual hierarchy, and how sitemaps, wireframes, and scanning patterns like the f and z guide layout decisions.
Prioritize mobile-first web design and ensure sites adapt to any screen size with responsive or adaptive layouts using CSS breakpoints, orientations, and fluid, percentage-based sizing.
Learn to save SVGs in Illustrator as normal or compressed SVGs with browser-ready code, and explore WebP versus JPEG 2000 for web design.
Explore the synergy of ux and ui design, from design thinking and strategy to wireframes, user flows, and prototypes, including personas, scenarios, and goals that shape web and digital products.
Explore additional ux laws and real-world examples of proximity, common region, Miller's law, similarity, uniform connectedness, and the serial position effect in web and app design.
Create a header with a navigation bar and logo, adjust spacing and menu items in Webflow, and build a three-slide slider with background images set to cover, enabling auto play.
Explore creating an out-of-bounds parallax effect in Webflow by isolating the bird from the background in Photoshop, exporting PNG and JPEG, and wiring a scroll animation.
Create a single scrolling prototype in Adobe XD that demonstrates parallax scrolling with a sticky navigation menu, using components, duplicate artboards, and auto-animate transitions.
Master parallax scrolling prototype with Adobe XD by configuring artboards, a sticky menu, and nav interactions using components, auto-animate transitions, and non-linear linking.
Design web banners from a landscape hero image to square and portrait variants, then create a three-frame animated banner using the timeline in Photoshop, with vector accents from Illustrator.
Isolate the converse and Nike images as smart objects. Assemble them on a 1280 by 600 artboard with a blue backdrop, and add bold text and up to 50% sticker.
Design a three-frame banner sequence by duplicating frames and emphasizing big sale text with Nike and Converse visuals, then convert frames to smart objects for 600 by 600 animated banner.
Create engaging web and digital design demos in Adobe XD by building components, hover states, fixed sticky menus, prototype interactions, anchor links, and two-screen navigation.
Explore graphic design theory concepts by reviewing glossary terms, PDFs and Milanote board references, then test your knowledge with a quiz and gain inspiration for your next project.
Do you ever find yourself admiring beautifully designed websites, a unique tab bar in a mobile app, a fun icon or a cool animation of a logo? Do you appreciate easy, intuitive navigation, the clear, well thought experience that just feels home for the first sight?
If you do, and are interested to learn the underlying principles and practices behind it, I would like to welcome you to this part of my Design Theory Series, where we take a deep dive into the field of Web and Digital Design!
This specialised sector is one of the most high-demand and high-earning fields in Graphic Design and for a good reason. As the digital world takes a main role in our lives, businesses seek to create a personal welcoming environment to their audience. And no matter how great the content is, how useful the functions are - the way they are displayed and organized will make or break the experience.
And this is why your knowledge in web and UX design would can be so valuable.
Who is this course for
Whether you are an aspiring graphic designer, or anyone from front end-developers to marketing professionals working with websites, applications or online marketing elements, this course will give you the underlying principles and best practices to create pleasing, harmonious sites and a great overall user experience on any digital interface.
What we will learn in this course
Learn essential rules and principles of User Interface Design and User Experience Design,
Avoid easy to make mistakes when adjusting to different screen sizes
Learn best practices for App, Icon, Social Media, Presentation and Digital Publishing design
Understand how Design Systems and Banner Ad campaigns work
Master the best practices of effective website and app navigation
Learn the professional usability guidelines that will make your app easy and enjoyable to interact with
In the lessons we will analyze hundreds of web and digital design projects giving you a solid understanding of the important rules and terms.
Meeting your instructor
My name is Martin Perhiniak, I am a Certified Adobe Instructor and Graphic Designer. This course is part of my 11-part Graphic Design Theory Series, giving you the essence of my 15+ years of teaching graphic design, and 20+ years of working as a freelance designer at the highest level.
I was fortunate to teach more than a 100.000 students worldwide and was voted as one of the 5 best Adobe instructors of the World. Here in Udemy, some of my courses are all time best sellers and are considered the best in their category.
The challenge of teaching Design Theory is that everything is related, and I have a very effective and unique approach to explore this amazing subject in an enjoyable, easy to understand manner, that will help you to build deep understanding in it fast.
I encourage you to collect all 11 courses, but you can complete them in any order.
Web Design is certainly one of the most popular fields in modern Graphic Design and I strongly encourage you to expand your knowledge in it.
Believe me, it will be worth your efforts.
Seeing you in the course,
Martin