Design & Visual Foundations for Non-Designers

1. Introduction: Hello and welcome to design visual foundations or non designers. My name is Yvonne song. I'm a creator, communication specialists, and a video maker. And today we will go through some of the world's best advertising and digital designs pool table of contents, we'll look at designing foundations for web designs and how voice will dictate how people think of your brand, as well as applying your brand's elements to your content and finally, exploring creative templates. Now let's talk about the project you will be doing after just workshops. You are a small project is to create a graphic poster for Instagram or Facebook or any social media you would like using the design elements and resources shared in his class. So you can use a design platform like Canva or Microsoft PowerPoint to create your poster. So if you have a brand, you can use your colors, your design elements, your logo, or other elements of your brand to add to your post or after today's workshop, you're not expected to become a full-on a designer, but you will be equipped with resources and knowledge that you need to start creating freely for your own brand and for own platforms. So let's begin. 2. Powerful Ads - Why Design Matters: Let's start by going over some of the world's best designs and some of the world's best print and digital design to find out how branding and design elements influence how your audience interact with your bread. For his example, what do you see? You see a lollipop, you see a line of N's going around it. How does it make you feel? Give you a few seconds. So this is chopper chops, sugar-free lollipops. And it's a really creative way to communicate that information to an audience. Traditionally, a lot of marketers, my going from that health forward angle, this way is really creative and funny and interactive. Next, let's look at WWF. This is a Twitter campaign. And on this poster you'll see 17 emoji, animals are endangered, help them by donating $0.10 for everyone you tweet. So this is a really light-hearted way to communicate a series costs and serious situation that's going on. Next is KFC. In 2018, KFC had to close a thousand stores and estates temporarily and it caused a lot of inconvenience for their customers. So this timely campaign and poster came out and they reorder their KFC acronym to FCPA to really grab attention and apologize to the audience, kill uptick. It's an online optician selling glasses and does print out. You can see that they use Vincent Van Gogh's self-portrait using their own product or glosses over the painting to make Van Gogh's face clear, really creative, and really memorable. Now let's look at this example. I'll give you five seconds. You probably don't even need that much time to figure out what this brand is. Yep, Coca-Cola. So this campaign is called a bottle for everyone. The bottle, the shape, the brand colors, white and red. Those are all hints of Coca-Cola branding. And we know that the final example is probably not relevant for Gen Z, but on the SAT millennials. So in 2005, iPod Shuffle came out. And this is one of my favorite products. While growing up. In this print ad, you can see that the earphone wire goes around Central Park. It's pretty much saying that what is product, it makes you so motivated. You can run around Central Park without an issue. So fun fact, a full loop of a full loop around Central Park is around 9.8 to ten kilometers, so that it's not a short distance at all. All of these ads use creative ideas and their brand elements to share stories and deliver information and grab attention from their audience. We, as the consumer, as the audience. We remember each of the brand consciously or unconsciously, but we just remember when you create your own content, when you create your own style guide, your logo or topography, always remember that sting consistency is important. And after that consistency, you can go wild and be very creative. 3. Benefit of Design Skills!: How can anyone benefit from graphic design skills? So the first thing is knowing your resources. If you already have your brand guide, just know your resources, know your own brand really well. If you have a brand color, logo and you can create thousands, millions of variations for a brand. Secondly, use consistency. Apply your design elements to all of your designs the same way so that people can really recognize and remember bread. Third is dueling an artist. So if you want to explore different templates for your brand, or you want to create a presentation deck for your own brand. Look at references, look at examples you like, and you can go on and take from all those references combined with all your style logo typography. And you will end up having a creative template, creative look, your own voice, your own style, efficiency, making sure that the information is easily access for your audience is really important. And making it fun to access, to read, to interact with your content is also very important. Because if it's boring, Nolan said, Rita, no one wants to follow it. So keep it fun, keep it short. And people will keep coming back. 4. Design Foundations for Web Pages: Today we'll look at six core design elements for web pages. This applies to social media content or presentation deck. So once you familiarize yourself with all these elements, you will have no issues creating or designing for any of those platforms. The six elements are cohesive, look and feel, staying consistency, having an easy to read font using color and scale to amplify importance, as well as adding icons to your communications through and to achieve a cohesive look and feel when it comes to designing your pages and your templates. So here are three different colors, three examples. And this is, these are our presentation deck examples from Canva. Then obviously this can apply to all other different types of sizing, including a by 11 or your A4 sizing. So just remember that we're creating or designing a template. Cohesive look and feel means that even when all your pages look different when they're put together, there are still nice to look at and don't have that conflicting, conflicting look or feel. Everything looks harmonious and nice. For example, the blue exemple, their Typography so each page, they consistently use the same type of typography and use the same shades of blues for the orange one is the same. Consistency would make you achieve these cohesive look and feel. So always remember to pick your primary and secondary colors and stick with it. Also use icons consistently if you do choose to use them. Most of the time, people have two types of topography, which is the bigger, thicker one for your title, as well as a thinner, more readable font for your contents. So blue and the sentence under that. This is the combination they choose. So for your own brand, for website, for communications, you can use the same method. You know, pick a more unique and more bold font for your title and use another simpler font for your content so that your audience can easily and quickly read while you're trying to tell them. Now let's talk about alignment in structures. So in this example, you can see that this is a timeline. It's very well organized and they use different shades of blue so that your view can be guided from left to right and each section is organized axis. Another example, right? So in this example they separated the top and bottom. And again, this is clean, easy to read and pretty to look at it even so, always explore different ways to align your text and your titles so that you can achieve the best alignment and structure for your page. Next, signify importance with color and skills. So here we see that they use the dark blue for their titles and for their data. They also highlighted the data point like 222 k, 357 k, using color to signify important. So people's attention and people's view gets drawn to what you want to highlight. Here is another example of how you can signify important with color and scale. So your, your eyeline probably gets guided to percentage. And this orange box and then the blue box, right? So how you design a page, we're really depend on what you show your audience and what you want them to look at first, next, adding icons and photos. And this is another, the orange exemple combination we looked at earlier. So adding icons and photos sometimes really adds a lot more fun to your content. Adding icons, pizzas, who doesn't like pizzas? Pizza icons on this page really adds to this presentation deck, in my opinion. Next, adding photos to your page, really add to your presentation. Maybe you're promoting your own pizza restaurant and p sub brand and showcasing your products using photos, combining with your tax and information is very powerful. 5. Style, Voice and Tone: Now let's talk about style, voice and tone. Knowing all three of them will give you a lot of clarity on how you interact with your audience and how your brand, how your personality makes your audience feel. So let's jump into it. So style is the house style for brand, and this includes how you use your logos or topography, your images, and your colors. So once you have the style guide, you're able to create millions and endless communications based on your style guide and always keep that consistency. Voice is the personality of your brand. How do you want to be perceived by your audience? Are you coming off as professional, very more serious, or is it fun, or young or sporty, technology-driven or environmentally friendly? Oldies? Core personality. We call it voice. And having that voice for brand is very important because this dictates how you interact with your audience. If you're marketing towards a younger crowd versus an older above 6050, your communications would look very different. So having your voice in mind when you create your brand is essential for your brand. Tone is how you use your voice and different situations. And this helps you come off as more friendly, more approachable, and more sympathetic towards your audience. When you share different types of communications through different times and events throughout the world. And knowing that you can shift your tone will give you more flexibility when you create content. So remember that you can change your tone when you need to. 6. Why Have A Brand Guide?: Benefits of having a style tone and voice guy, like we've talked about. There are so many different brands that we remember and we'd like and we interact with. Does your audience know you and like you don't keep coming back. So strengthened, differentiate your brand from the others, make you stand out, and that's very important. Secondly, having uniformity across different Teams, channels and formats really help people know you and remember you. And that again is back to that consistency. So having that consistency will help people remember you and help you stand out from the others. Third, ensuring that your continents sensitive, resonates with your audience is very important if you need to shift your tone because there is a special event going on, you should shift your tone so that you can better connect with your audience. Finally, giving yourself that standardized guideline to follow while designing is very important when it comes to bigger organizations. So for employees anywhere in the world, they can follow that guideline so that you can keep that consistency for logo, for colors, for typography. And again, that keeps you consistent and professional. 7. Steps for Designing ANY Material: Let's see what the steps you can take so that you can create and design any materials, no matter it's your own brands material or if you work as a design or content specialists, be a detective. Once you get to know all of the core design elements of your own brand, you're set to create so many communications as much as you want number to steal like an artist, as I mentioned previously, it is totally fine to have references or fine inspirations on websites like Canva, look at other people's templates and really learn from what other people are doing and make it your own. Number three is keeping it simple, easy to read fonts, typography, and easy to read colors. So that you are making it very easy to access information for your readers or your audience. Finally, explore and develop your own voice. If you follow any content creators on Instagram or any YouTube channel, they oftentimes have their unique voice and style. Over, over a period of time, they develop their own voice and aesthetics. And this would be the same for you over time, you will find the best way to work and to design the content. So practice makes perfect and always have fun while doing it. 8. Applying Your Core Design Elements: Now let's talk about applying a brand's core elements. So if you have a style guide, this is made very simple. If you have logo, you have the colors and topography. You can stay consistent very easily. Just stick to your own design elements. And that's how you can create millions or Endless, endless content communications based on your own design styles. So now we'll go through logo typography and color combinations of brands. So you get an idea of how we can apply these elements to your own brand, the logo as an example, from all these brands that we know, social media platforms or e-mail services that we normally use. All of these brands have their distinct colours, logos, fonts, so that over time, we still vividly know who they are, right? So when you're creating a logo, you have to consistently use it and remind people that this is your brain, this is your color, this is your color combination disease. This is who you are. So consistency really reinforces how people know you and remember you an interact with you. Next is topography. Topography makes people think of your brand very differently. If it's cursive, if it's chunky, if it's thin and elegant, all these different fonts would make people think a different way of your brands. So what is commonly seen is that people would use a bigger and more stylish, more unique fun as their website title font. The other type of typography would be for content, for paragraphs for your audience to read. So in that case, that time of Hydrography would be like simpler type, types of fonts and type. So just remember that, yeah, the title type is probably has more personality and more unique. And for content it would be simpler. Each brand has its own unique colors. Maybe you have one primary colors. Maybe you have two primary colors, and you can have several secondary colors to back it up. And the purpose of these colors is so that people remember you. So a lot of big brands like banks, they have one, they pick one color and they stay consistent without colors. So if you're on the street, you're walking down the street 200 meters away. You see it our color. You're like, okay, I know, I know. That's bank a and bank B. Having your color guide will help you create a lot of different combinations for communications, as well as, again, staying consistency with our color over time will also leave a strong impression in your audience, mine, so that they see all color automatically. They know it's you. 9. Exploring Other Creative Templates: Finally, we'll talk about exploring different and creative templates for brand moats. Look at scenarios where you might have to explore creative colors. That's an creative templates that's outside of your regular style guide. The first scenario is that it could be internal communications that might have a different voice. Maybe you have a big company and you want to raise awareness or host an event, maybe it's more playful, maybe it's more fun or edgy. When voice is totally different, you might want to create your own brand within your big organization, maybe your target audiences, women only or LGBTQ or a bypass group. So that's when you might have to, you might want to explore another voice and another template. The second scenario, the second scenario might be that you wanted to promote an event or program, but also has a different core voice and personality. And all these scenarios might overlap a little bit because it just comes down to your events voice, core voice Personality is too far away from your organization's core personality and style so that you want to shift away from that. One of the other scenarios might be that you want to celebrate an event, a holiday, and the color is totally different from your style, where all these different scenarios and occasions you can feel free to explore other templates and different color combinations that's away from your own brand style guide. 10. Thank You: Drawing inspirations for creative templates sometimes feels like fishing and a huge ocean. And you have to know what you're looking for in order to find, find the best fish you need to make, the dish you're making. So after this workshop, I will provide some resources so that you can explore different templates. You can explore different icons, images, and color combination tools for you to use. When you start creating different types of designs for a brand and reorganization. Know that's the end of the design and visual foundations for non designers. I hope that you gain some knowledge and resources to start creating, even if you didn't have a design background. And likewise, I learn a lot by just doing and learning from others and feeling like an artist. So I hope I enjoyed his workshop. Please. Like share comment and I will see you next time.