Digital Design Theory for Graphic Designers: Social Media, Web & Beyond | Lindsay Marsh | Skillshare

Digital Design Theory for Graphic Designers: Social Media, Web & Beyond

Lindsay Marsh, Teacher & Freelance Designer 14+ Years ✅

Play Speed
  • 0.5x
  • 1x (Normal)
  • 1.25x
  • 1.5x
  • 2x
7 Lessons (40m)
    • 1. Class Intro

      1:25
    • 2. Introduction to Digital Design

      6:18
    • 3. Design for Social Media

      5:39
    • 4. Design for Web

      11:47
    • 5. Design for Accessibility

      2:46
    • 6. Effective Digital Layout

      7:13
    • 7. What's Next? The Full Digital Design Masterclass now on Skillshare

      4:55
44 students are watching this class

About This Class

This short theory based course will guide you through digital design theory including best practices for social media, website, icon design and static digital display design. 

I will introduce you to digital design, and what makes digital design different from print design or any other traditional design mediums.

We will first talk about strong social media design and how to grab the viewers attention and keep them engaged through contrast, color, photos and a powerful emotional grab.

Next we will cover web and mobile design and talk about the importance of type hierarchy and understand what role a graphic designer plays in web design projects. We will review several examples of layouts that work and convert well and talk about the reasons why

We will also cover accessibility in digital design and how to think of others with physical limitations when creating your digital experiences.

Lastly, we will talk about strong layout principles in static digital design like ebook covers, email campaigns, digital billboards and more. 

This course covers all topics in digital design and not only will it get you ready to stay up to date with design in the modern world but will give you the basic foundations needed to start tackling new exciting digital focused projects. 

Transcripts

1. Class Intro: This short theory base course will guide you through digital design theory, including best practices for social media, website icon design and static digital display design. I will introduce you to digital design and what makes digital design different from print design. Our any other traditional design mediums who will first talk about strong social media design and how to grab the viewers attention and keep them engaged through contrast. Color and photos. X will cover Web and mobile design and talk about the importance of type hierarchy and understand what role a graphic designer plays and Web design projects will review several examples of layouts that work and convert well and talk about the reasons why also cover accessibility, conditional design and how to think of others with physical limitations when creating your digital experiences. Lastly, we'll talk about strongly out principles and static digital design, like evil covers, email campaigns, digital billboards and more. This course covers all topics vigil design and will not only get you ready to stay up to date with design in the modern world, but I'll give you a basic foundation needed to start tackling new, exciting, digitally focus projects 2. Introduction to Digital Design: digital design refers to any design that has crafted for the digital space, including mobile devices, tablets, desktop computers, projector screens, large digital billboards and more. Graphic designers have mostly focused on print design projects like business cards, stationary zoo banners, T shirts, hats, package design in the past. But as time moves on, there will be only B'more and more demand for digital based projects. It's up to you as a designer to be well versed in all aspects of digital design, so you can feel comfortable designing for super small screens and super large projection screens, too. All digital design projects are sized using pixels, pixels or squares of light that can either be white, red, green, blue or black. All digital displays are created using a certain area of pixels. Your 10 80 p widescreen TV pictures Air created using a combination of 1920 pixels and with by 10 80 pixels and hype, giving that screen a total of 2,073,600 pixels. That's a lot of pixels that either knew just be switched on to create that high, crisp resolution image. Four case grains using even more unbelievable amount of pixels toe light up the screen with 2160 pixels in height and 38 40 pixels. And whip. I think the most challenging aspect of working with digital design projects as a designer is the wide array of screens we need to be ready to work with. Sometimes they could be smaller as an iPhone eight screen coming in and only 750 pixels wide by 1334 pixels in height. Even smaller still is a mobile display ad coming in at only 300 by 50 pixels. I think the key to being a great digital designer is to understand how to best use small sizes to your advantage. For example, a simple social media campaign. Let's say we have various sizes we need to work with, but we have to somehow communicate some basic information required by the client. As our sizes become smaller and smaller, certain concessions need to be made, and it's up to you to figure this out and communicate with the client. Those concessions, for example, in our social media campaign, we started off with large Facebook post, and then we need to create static display ads display ads or there's little ads you see on websites at the top and sides of a content block or blawg. Some of those display ads can be very small. Smaller still, are these mobile display ads. We have to somehow convince our main concept and theme into smaller areas, but still retain are consistent branding our message and our main concept of the campaign. And we do this by focusing on what is most important in this case. The called action is the most vital part of an ad, and without a reason to click through to the landing page, your website there is no value being created by the ad. It's just static, and this is just social media. There's so many categories and digital design that depend on a graphic designer to develop the graphics. For there is also designing for mobile. This could be mobile, APS or even mobile versions of websites. What colors to use, how to use contrast, what thoughts do I use? All these decisions play big roles in the effectiveness of a mobile app or website. There is also larger format. Digital graphics like the ones you see at your local stadium. Their power point slides for large conferences that need to be made that match the branding of the conference. There's even large format digital billboards, which are becoming more and more favored over the old style printed billboards. Because of the reduced costs of running a digital billboard, icons like the one you see for APP icons on your phone also need to be created. There's a special method for creating those using a special grid created by Apple to help find the most effective placement of elements. Certain icons can be seen better than others and a sea of different app icons. Sometimes the use of color like a red, can help one really stand out in that C or a simple shape or a letter. Also, there are icons that need to be created for APS, websites and applications. There's an art to creating icons that communicate complex actions. Using the most simplified shapes is possible. Icons may only be 50 by 50 pixels and size of any time, so being able to simplify a complex concept is something learned and practiced Icons that will be used as a set together need to have a consistent look and feel. For example, these have a similar stroke size throughout the set, and it doesn't stop there. There's also video based thumbnails that need to be created for YouTube and other platforms . These need to convert and be effective at drawing the user to click through to the video. How you use photos, colors and typography will all contribute to the effectiveness of the video and click through rates. For example, YouTube thumbnails that air simple in nature and have one main focal point tend to do better than those with tons of text and photos. Also, those thumbnails with people's faces tend to convert better with thumbnails with just text . This is because we, as humans tend to connect to human faces and human psychology, can play a big role in digital design. There's also e book covers, and they tend to drive sales based on the effectiveness of the cover design. Sometimes the cover of a book is the only thing of viewer sees when sorting through hundreds of possible book selections and being able to create a digital book cover that will convert and entice and sell. The book can make the difference between good sales and great sales. As you can see, designers have huge roles to play in additional world, and it's our job to make sure we're prepared to create highly effective images quickly that could drive sales for ourselves, our clients and the businesses we work for. 3. Design for Social Media: what goes into designing an image for use on social media? What are things that are known to be effective and drawing those high balls to our content ? There's some basic rules and tips that can help you be more effective. Designer of social media content First of all, understand your target audience. Who are you trying to talk? Teoh? Try to understand the target audience by studying demographic information. Are getting that information for whoever you're working for? Will your poster ad be displayed? Two more women than men? Are you targeting those? And a younger demographic that might shape and mold how you approach the design? An older demographic might need a more conservative design approach, while a younger audience might connect more with something bolder and show stopping. Lastly, where they located geographically, those in the United States might connect more with a certain design than someone from South America or Asia, perhaps using photos that best represent the target audience. More might help in this connection with your ad be authentic and it seems obvious. But being authentic is easier said that done especially in working with clients doing paid advertising. Clients want to push products deals and services. But we need to find ways to create a design that will make thes seem less like your standard offers We see every single day, and they make a more compelling toe. Our target audience. For example, we can create a simple ad for a pet food company and place a bag of food right in the center of the social media ad with a simple coupon. It seems very traditional, but, well, what if we used an image of a pet owner enjoying their dog and then the photo of a product ? Better still, what if we connected with them using a clever headline as well? These are small little tweaks and changes toe ads, but they can have a big impact on how effective the ad is use. Contrast well, and we talk about contrast in almost every lesson of this class. Contrast is the simple difference between to design elements. The more dramatic the difference, the higher contrast it has. We can use contrast effectively as designers to draw the user's eyes into the most important part of the ad, usually the call to action, or that by now swipe up for more button or area. But we can also use contrast with our type by highlighting one word in our headline to bring out a more favorable word that helps to push people toward our main goal for the ad. For example, this ad that uses contrast to bring this word in the headline to draw the user into the overall concept of the ad contrast can be easily over used to many elements that differ dramatically can cause an ad toe look busy, outdated and very hard to look at contrast is best use sparingly and with a purpose. Use photos that connect with the viewer. This goes back to being authentic as well. The photos would choose could have huge impacts on drawing the viewers in. And this is true for traditional print ads as well. Take, for instance, this ad for a gym we can use the standard photo that is easily glanced over where we can use a higher impact image to draw those viewers in and stop even just for one second to take an extra look at the photo and the ad. Full color photos tend to draw users and more than black and white remember in social media . You have the least time available to draw people into your poster. Add the least amount of any other advertising platform. Think about how fast you scroll through your instagram feed. Not a lot of time, is it photos of the first thing people see and they start to read the text. Next, use this to your advantage. How you crop. Your image is huge as well. We can make things look ordinary or dramatic simply by cropping it in the most compelling ways in this example of the girl in an exotic location. Cropping it this way. It looks nice, but crop this way. It seems almost magical and inspiring. Feel free to edit your photos as well. To add pops of color, you can do this easily, be by adding new layers to the photos and photo shop or a photo editor and using blending modes to draw out color to make sunsets. And more dramatic, I've even seen people clone in different clouds to really set the scene. But please be careful with being authentic as well. Because famous social media influencers have gotten in trouble for adding and fake clouds or photo shopping, their bodies. There's a fine line, and it's up to you to decide where that line falls for you and your viewers. Whatever you do, just make sure you're telling a true, believable, authentic story. Use variety. Think of your social media post and campaigns as a tapestry of art. There needs to be some brand consistency throughout everything, but that does not mean you need to create cookie. Cutter adds that all have the same format. Some people enjoy seeing different photos being used headlines, arrangements and style. This is great for user testing to figure out what is the best layout and effectiveness for different types of ads. Social Media is a growing part of a designer skill set and knowing how the best designed for social media can make you more marketable as a designer. Overall, this takes a lot of practice and user testing 4. Design for Web: now what makes a great Web design all websites ethical? That could be to convert users over to a subscription service, purchase a product for just provide helpful information to the user. A great website is one that converts its viewers well. This could be through the use of consistent branding, authenticity and well written copy effective product photos and more. So what's your role is a graphic designer in the world of Web design? Well, if you can develop in code a website, you're a rare breed and you will be paid handsomely. But with website design becoming more and more complex and coding, becoming more specialized and might not be a bad thing to have our different specialties, I see Web design being the responsibility of three main contributors. First of all, there's the developer. He will take the final design and turn it into a coded, riel workable stuff. He requires knowledge of front end and back end coding languages, server side languages and mawr. Ah, highly specialized individual. He focuses in on the technical side of things. How does it work? And newly added to the group in the last 10 years is the UX designer or user experience designer. A lot of graphic designers start to learn this field of design, and it's growing in popularity. The UX designer will do a lot of the user testing and user research to find out the order of how the user needs to move through the website. This means they will map out a user journey so you know how many main menu options there needs to be for the user and how many steps in each process to get the user to their in goal. This requires a Thanh of research and something called wire framing. Wire framing is away for a UX designer to map out the flow of a website and block out areas where a button may need to go. Ah, photo or where options may lie for the user. This rarely includes final graphics and can sometimes just be great out boxes. So what about the cool visuals, the branding, the colors? This is where the graphic designer are you. I, user interface designer, could come in and really flesh out the visual details. Once you have the basic outline site map framework, it's your job to create icons style guides, some basic layout ideas so the developer can code this and make it a really polished reality. So now that we know our role, how do I create an effective website design or mobile app design? And there's some basic ideas to keep in mind using contrast. And here we are talking about contrast yet again. Contrast is a great way to lead the user on a journey toward their desired destination. This could be toward a shopping cart we can use red, which would be a higher contrast color here among the sea of white. To have the user easily find the shopping cart, making their experience easier. You size to your advantage. What do you think? Converts better in this e commerce store layout, a product feature that has a small photo or one that has a larger photo. The larger photo naturally converts better because it gives the viewer a better idea of the product that they're getting ready to click onto. What do you think works better? 12 items listed on one screen or a selected three curated items. The items have a larger feature, tend to do better. People get overwhelmed with too many options when you were fined those options for the viewer. It tends to reduce this emotional tension, making it easier to select an option. Overall, this is why people enjoy curated content like news. There's hundreds of news articles. We can read it any given time. But using size to highlight the most important ones does wonder for our soul in our minds and our conversion and click through rates clean and simple. It's the name of the game. Let's talk a little bit about clean design and Web and mobile design. What do you think works better, The layout on the left or the layout on the right? Simplifying the design can help the user feel less overwhelmed, just like it did when we gave them More. Selective options based on size have a sense of hierarchy. Do not feel you have to cram everything into one area. They'll be certain items that will beam or important than others. For example, certain products sell better and will be a top priority. Hierarchy can be applied to mobile and Web design in several ways. You have type hierarchy, which could be defined by establishing a font size and wait for your main largest headline type and then you slowly working your way down to smaller headlines. This usually is indicated by the term H one for the largest and going down to H two h three , h four and so on for smaller headline sizes. Then you have your main body copy or your paragraph size type, which is usually a simple font, a normal weight and a little bit smaller compared to the headline sizes. Your job is a designer is to establish and set this sense of hierarchy in the design. Take this example. The example on the right does not really use type are key items or similar sizes, and they have almost zero contrast. But the example on the left establishes a strong type hierarchy system, which uses varying styles for certain types of information, headlines and sub lines, giving the design and orderly feeling. We could do the same thing with print design, and it translates well to the Web. Font choices are everything not just important in Web design, but all design projects find choices are everything. Larger fought sizes can have huge impact on landing pages to drive sales are to drive an action or emotional response. Pontes that are too small in size can impact readability and effectiveness. The best practice for choosing fonts for your digital project is to keep it a simple and orderly as possible. You want to make sure your font choices check all of the boxes at all times. Number one. It's readable at the final size. A font used on a desktop website can look nice and big and readable. But when it shrinks down to the mobile version of the website, is it still readable and doesn't retain the same impact? Number two. You're not using too many different fonts. Try to avoid using more than three fonts on one Web page or digital graphic, unless there's a specific creative design reason. To do so. Avoid using similar font types, like using Helvetica close to Ariel. They're both very similar in a period appearance, and they're both sans serif typefaces, confusing the viewer of which one is which. Lastly, make sure it's easy to read by keeping the line length reasonable. Which column of information is easier for you to read The version on the left are the version on the right. The right is most likely easier to read because the total length our line length of the type is easier for eyes to read. The same applies to print projects. You want to be able to keep your line length no longer than 60 characters per line. You can use columns and photos to help make this more possible for you. Do not be afraid of being expressive with your typography and digital design. We use the default typefaces like Helvetica for Danna an aerial because they were Web safe and everyone's devices had these preinstalled. Nowadays we can store fonts on the cloud. For example, Google Fonts keeps all of their fonts on the cloud so you can load a bigger variety of fonts now. And people don't have to have them installed other computers to see them in their browsers . This has opened up a world of expressive creative typography on the Web. Now we no longer have to use pictures to show expressive typefaces or typography. We could make it live type, meaning people can select it, copy it, interact with it and sometimes you can even make it move. As designers, we could be Justus, creative as we are with print projects with digital projects. Make sure to experiment with interesting typography for your headlines. San Serif typefaces tend to rule the day of the past, but now you're seeing more and more detailed sehr of typefaces and even script typefaces live on digital interfaces. The only warning here is to make sure you do not overuse expressive and detailed typography too often in your digital design. They could have be great attention grabbing headlines, but avoid using too many custom unique fonts for smaller areas of texture, copy and paragraphs. It's best to keep those really expressive, beautiful typefaces at maximum readability, making them larger in using them for headlines. Study popular and emerging new ways of displaying information there so many emerging ways to display a menu. What was popular before was the hamburger menu in the mobile app or website design. It's a simple icon, which expanded out a sliding menu. This was nice and provided the user with easy access to a menu without taking up too much space on the top oven app screen. But with phones getting much, much larger, the user now has to take their figure go all the way up to the top of their phone to access this hamburger menu. Now shelf menus at the bottom tend to be preferred by users. These small evolutions and you I or user interface design of a mobile app, for instance, are little things you need to be aware of. If you are interested in perfecting digital design, we need to start thinking about Mobile first. Not long ago, we thought about the desktop version of a website, and then we figured out how it would best adapt to a smaller mobile screen. Well, times have changed, and now we need to switch that mentality around. A good standard way to design now is to design at smaller sizes first and then work your way up to larger sizes. So, for example, starting off with a mobile version of a website, and then you need to figure out how will it expand when it's on a browser on a tablet? And then, finally, you want to see how it looks on a larger desktop screen. The same applies to email newsletters. How you view an email on your iPhone email application, for example, looks a lot different than how you view that email on your desktop. The images air much smaller than you expect when viewed on your phone. And it's the best practice to keep that in mind when creating any digital design image. And this leads into responsive design. What is responsive design? It's simply how website responds when it shown at different browser sizes. Sometimes elements collapsed to make it easier to see on a mobile device. Sometimes elements are not shown on a mobile device when it's converted to a smaller size, like a photo, for example. These choices are all important for you to understand when designing for both larger and smaller sizes and something you and your developer consort out as a team. 5. Design for Accessibility: we need to think about accessibility to those viewers with special needs. This is way more important than you realize, and something you can make sure happens for anything you design for. The Web or mobile device is thinking about the color blind When creating your color palettes. Think about those who may be color blind. Do not rely totally on color to communicate the next step or call to action. But for example, this is why we have two buttons here. If we were to add other indicators that this button is important to press, like thickening up the tight base are adding a special border. It could be another indicator to help the user who may not see that bright red color. No, it's the next thing to do. A good trick to see if this works is make your design totally black and white for a time to see if you can navigate your website as just black and white, just as you would if it was a full color version. We also need to think about the visually impaired. The same goes for making sure there's enough contrast with your colors and elements. Low contrast, maybe harder for those with visual impairments to see and navigate your website. Designing forms is a good example. A 1,000,000. Sure you have enough contrast in your design when we like to save space whenever possible. Sometimes we put the label or name into the input bubble. For contrast reasons, it's easier to read if the label is placed on top or outside of the bubble. The next item is something that maybe more for the developer or the coder, but making sure your images have alternate descriptions or alternative descriptions so that their audible Web reader could be able to speak the description of what the photo is. So they do not miss out on the impact of the visuals. Another one to think about is also make sure you can navigate your website using just one hand, for example, making sure you can use the tab button to move through your website. Just using a keyboard. If they're on a phone, make sure buttons and actions are not too far apart from each other. For example, the menu system can be used access to using one hand or one figure because it's at the bottom of the screen There's also the hearing impaired. If you use any kind of visuals or video, make sure captions are available. Also, make sure audio is not a required experience in your designer digital experience. With special exceptions, of course, there is so much more he could do to make accessible digital design experiences for user. And it's great to keep these in mind. Make sure your code or developer is brought into these discussions early on so they can implement a lot of these. 6. Effective Digital Layout: We talked about several aspects to think about when designing for social media websites. Mobile experiences more. But what about static digital layouts like email campaigns, digital billboards, icons, power point slides? Any book covers all of these different items. Catch the user in a different situation. Digital billboards catch people driving fast of their cars and their distracted with a very limited focus. And the key to a solid digital billboard design and print billboards is to make something readable in five seconds. You can use simple backgrounds and graphics to make this process quick and easy for them. Avoid numbers. Not many people can write down phone numbers while they're driving, but they can remember a simple your l or website. What about E book covers? Have you tried to find an e book on Amazon lately? Do you know how many different book covers you looked at when trying to find a book? I suggest visiting amazon dot com and looking at the books or e books. Notice how quickly you scroll through these covers, which covers catch your eye yellow bright covers, ones with a compelling photo. We have to keep in mind where and how the viewer will first viewer book cover complex themes air hard to digest like they are when you can physically pick up a book at the bookstore, so digital covers tend to be more simple in nature. Are you noticing a theme with simplicity with digital design projects? I sure am. You have to think about your viewer situation for each different digital project. For example, email campaigns. They can see this on their desktop computer and see a nice, big high resolution image. And that same email could be viewed on their mobile browser in the image is tiny and has a low impact. If it's too busy, we have to put ourselves in the viewer shoes and test out our designs and different situations. Print design seems easy now, as there's just one final printed form to worry about. But with digital design, there's a mind shift that has to happen. We have to think about the many different devices people will fear your content on. I have a little task for you. Study your in box this month. Keep an eye out for email campaigns that grab your attention, not just the graphic, but think about the whole thing. Even the subject line of the email to sometimes graphics and arrows and even emojis can help it stand out in your inbox. As annoying as sometimes they seem, they are effective. What about a campaign drives you to click through what is the main goal of any email campaign? It's driving users to that one goal that could be to purchase a product or to get people excited about a upcoming service announcement. The ones I find most effective simplify the message as much as possible. Instead of talking about two made activities or two main events like email newsletter, would they tend to be hyper focused on that one user goal? They use one single image up top and very little body copier text, but a large click through button or a large called action clients. Sometimes, once you talk about one big thing, but they tend to want you toe also squeeze in a bunch of things already because you're sending out an email to all their contacts. They want to be efficient, but emails that convert the best have a single focus. Try to educate the client on this fact and practice it in our own campaign designs. Newsletters are a little bit different, and that's when he could be more elaborate with information. And this is with all things designed but be consistent with your branding and having connected digital campaigns. Also, with all over digital projects, we need to maintain that prank consistency. You do not need to have each digital template be a cookie cutter, but make sure to use similar colors throughout your campaigns as viewers may see your campaign in different places, slowly leading them to a funnel that will convert them over to a sale. For example, they could run across a Facebook ad. They sign up for more information, and then they receive an email campaign. They could also see a display ad on a news website and then click over to a landing page. And then they click off. But then they're retargeted by a social media campaign on Instagram. Having consistent branding and colors can help them recognize the trail and further than down the process of the sales funnel. I wanted to make sure to mention grids what is great about digital design projects, as they could be similar in nature to print design projects and the fact that they both can use the grid system to their benefit. Rids air fantastic guides that help us block out important content and her design. They can help us find the right placement of a face of the main part of a logo and a social media designed. For example, they could provide guidance toe working with complex Web layouts and mobile APP layouts. When you're dealing with digital products, you're also dealing with pixels. Sometimes it's nice to have a grid to know your margins of the same width. On all sides are the gutters between the columns of a website or even are. The buttons on a mobile app are lined up with similar spacing and alignment. There are a lot of different grid systems you can use in Detroit products. For example, mobile website layout has a standard four column grid, but a website can have a standard 12 Gullit column grid that can help you find the right spacing between photos, columns and mawr. With AP icon Design Apple created this wonderful grid based on the principles of the golden ratio. It helps us find out proper placement of elements to create compelling. Easy to find app icons If used correctly, you can use a boxer modular grid to help you block out An email campaign are an e book cover to help you strike a balance between design elements. There's a lot to think about when designing digital projects, but in the end, some of the same basic design foundations, like proper typography, photo and layout ring true in the digital space is well. We have added elements toe worry about now, like viewing size of a screen, the distance to a screen screen resolution and how type is rendered on the screen. But in the end, it's those basic design principles can that can help you create compelling digital projects . Now we took some time to go deeper into strong digital design theory. Let's tackle a lot of projects that are considered a big part of the digital design space, like social media campaigns, YouTube, thumbnails, e book covers, email campaigns, a mobile website, layout icon, design app, icon design, instagram post who and more. So let's go ahead and get started with some practical application 7. What's Next? The Full Digital Design Masterclass now on Skillshare: the future of design is digital. This'll course was designed to get graphic designers up to speed on the latest and greatest digitally focus projects so they can expand their skill set and offer more services. This course is massive covering so many digital design projects from social media, I can design Web design and more. First of all, we cover digital design theory, learning the different aspects of designing for digital like creating powerful social media campaigns, website designs, layout for digital and even talking about accessibility in digital design. Next, we conquer several popular digital design projects, including creating several YouTube thumbnails that drive users to click through. We even create an entire social media campaign and talk about how to design for Facebook instagram. We even talk about creating display ads for websites so you can feel comfortable expanding your skill set to all types of digital ad creation. Have you always wanted to know how to create a compelling E book cover? Will do just that and learn how to design a book covers. We talk about sizing, exporting and how to create a design that grabs the viewers. Attention will go over how to take hand written typography and bring that into Photoshopped to use on our e book cover and also learn how to work with other sketching APS like Procreate to bring hand written assets toe life. We also create our own mock up to display our final design. Do you like to sketch or illustrate? I even created a step by step project where we take a pencil sketch and digitize it using Adobe Illustrator's pen tool. Knowing how to digitize sketches is a big part of expanding your skill. Set to the digital arena, Icahn design is at the center of any digital design project. Icons can be used on websites, mobile APS, applications and more. And we'll use a handy provided template as we create an entire cohesive high concept. Or learn how to use grids to create a thematic set and even learn how to add color and how to export all over icons and the right sizes for use everywhere. After creating a simple basic icon, set will go even deeper to create a highly detailed Apple store app icon from scratch. Wilder. Lots of tools like how to use radiance to create a dimensional effect as well as the pattern tools, and many more will learn how to export these files as well for use on the Apple store, as well as how to present our icon in a professional way. It's hard to teach digital design for graphic designers without including a few sections that focus on Web design will learn what our role Zara's graphic designers in the space, as well as how to prepare an export files for the Web design projects we will learn from scratch. Adobe X T and a quick crash course will learn many aspects of strong Web design and layout by creating a landing page together. Step by step. We'll even learn had a link or various pages together to create a working prototype and learn some ways of how to export our files for a Web developer. Finally, we will conquer a basic front page website designed for a travel company. Using WordPress will learn the very basics of WordPress and learn the very popular page building plug in for WordPress called Element, or to build out our Web page, music, video backgrounds, parallax images, icons, columns, animated text and more. Lastly, there are tons of downloadable resource is in this class, including pre made templates for most of the projects. This includes Photoshopped, e book, YouTube, social media templates and an icon set, an APP store icon, template and adobe illustrator. This course is not for students who have never been in Adobe Photo Shopper illustrator before, but this class is general enough and basic enough for most beginner level graphic designers who are interested in adding this to their skill set for those who have never opened Adobe software before, I suggest taking my other basic design class called the Graphic Design Master Class, to get a leg up on those very, very basic tools. This course assumes you have very basic working knowledge of Adobe Photo Shop and illustrator and tools like WordPress, Adobe X'd, the elemental page Builder and Mawr are taught from scratch, so no prior experience is necessary for those. So, are you ready? Toe up your design game and add a whole new skill set to your offerings. Are you ready to explore this? A central site of design. I will see you in the first lesson