#Visual design principles

[gdsagorislam]

Visualizing Success: How Graphics and Motion Design Elevate Online Learning

In today's digital age, education has undergone a remarkable transformation. This title explores the critical role of graphics and motion design in this evolution. Discover how these creative elements are not just tools but catalysts for enhancing the online learning experience. Uncover the dynamic ways in which visuals and motion breathe life into educational content, making it more engaging, accessible, and effective than ever before. Join us on a journey to understand how these visual mediums are shaping the future of learning and paving the way for student success in the online education landscape.

[askagamedev]

On the topic of horror, how do you make a grim subject matter feel silly spookville experience instead of actually scary? For example, the Luigi Mansion games, the Disney Haunted Mansion ride, the Medevil games, etc?

The counter to anything terrifying, off-putting, or grim is cuteness. This is done by exaggerating certain features that humans typically find endearing and downplaying the features that humans find alarming, while keeping the visual recognizable. This works with animals.

It works with the undead.

It works with just about anything.

Humans tend to look at a few things to determine cuteness - the main two being proportion and the removal or masking of traits that we find scary or off-putting.

In terms of proportion, we tend to look favorably on things with the proportions of children, babies especially. Babies have much larger heads relative to their bodies, arms, and legs. If the scary thing is proportioned like a baby or child, we are much more likely to look at it favorably rather than with fear. Most examples of something cute based off of something scary use body proportions closer to a child's body (or the animal equivalent) than an adult's.

Second, we reduce the "fear" factor by simplifying, downplaying, or removing any elements of body horror or things that make people feel uneasy. This typically means any markers of injury, illness, pain, danger, or just obviously unnatural. Notice the mask on the left has many wrinkles in the skin, the unnatural white eyes, the off-putting shading, the heavy emphasis on the yellow teeth and blood-red gums, and the realistic proportions that intentionally push this mask into the uncanny valley for the unease it causes. Now consider the right mask - everything is simplified, with smooth lines and the only sharp edges being on the smile itself. Bright colors, a stylized happy face, with no features that could be considered off-putting.

Combine the use of proportions with the removal of things that induce unease in the viewer, and you get something cute and less scary. This also works in reverse - take something normally cute, change the proportions, and add in the things that induce unease in the viewer and it becomes scary. Artists take advantage of our inherent mental associations with these things to make things cute or creepy.

[Join us on Discord] and/or [Support us on Patreon]

Got a burning question you want answered?

Short questions: Ask a Game Dev on Twitter

Short questions: Ask a Game Dev on BlueSky

Long questions: Ask a Game Dev on Tumblr

Frequent Questions: The FAQ

[fowlblue]

I think Arty should have a little white stripe in his hair… to hell with realism it’d be cute and novel…

[akkivee]

this pic is frying me so bad LOL 😭😭😭😭😭😭😭

[visualcontinuum]

.316. Out of alignment

[graphicdesignerindiavdgd]

Graphic design principles like balance, contrast, hierarchy, and alignment guide designers in creating visually appealing and effective designs. Mastering these fundamentals ensures cohesive, professional work that communicates clearly and resonates with audiences.

Visit Website:- https://graphicdesignerindia.in/

[sheltiechicago]

Design Divina Comedia – A Series Of Posters By Alina Kompanets

A visual project inspired by Dante Alighieri’s Divine Comedy. In it, the author turns Rams’ ten principles of good design inside out and turns them into ten circles of design hell.

“During my research, I built a system of peculiar sins. For those who can’t see that they’ve been wandering down the same path for years. For those who mindlessly run after trends. For those who draw attention to distract from meaning. For those who steer others down false paths,” – Alina Kompa.

[rivriderart]

I was asked by a friend yesterday if I could offer basic tips about comic paneling. As it turns out, I have a lot to say on the matter! I tried breaking down the art of paneling using the principles of art and design, and I hope it helps you out!

EDIT: uh uh there are a lot of people reblogging this, so i figure i may as well append this now while i can lol

This whole thing was very much cranked out in a few hours so I had a visual to talk about with a friend! If this gives you a base understanding of paneling, that's awesome! Continue to pull in studies from the comics you see and what other artists do well and don't do well! You can tell paneling is doing well when the action is flowing around in its intended reading format.

Here's the link to the globalcomix article from which I pulled the images about panel staggering! Someone sent in a reblog that it wasn't totally clear that the 7th slide mostly covers what NOT to do in regards to staggering, and that is my mistake!

I saw in a tag that someone was surprised I used MamaYuyu too, and I don't blame them lol. If I had given myself more than a couple hours maybe I would have added something else on, I just really admire MamaYuyu's paneling personally.

uh uh, final append: I am by no means a renowned master of paneling, so if you find anything off base here, by all means, counter it with your own knowledge and ways you can build upon from here! Art is always a sum knowledge of everything we find. 💪

[koobruk]

Create Engaging Infographics for Your Business: Tips and Best Practices

Learn how to create engaging infographics for your business with our comprehensive guide. Discover the benefits, design principles, and promotion strategies to make your infographics stand out. Simplify complex information and boost your marketing efforts. Contact Koobr today to create compelling infographics that drive results.

[tech-ahead-corp]

UI/UX Principles

UI/UX Principles are fundamental guidelines governing both User Interface (UI) and User Experience (UX) design. They dictate how visual elements and interactive features should be designed to optimize user satisfaction!

[askagamedev]

Related again to Concord: back in 2016, when Overwatch and Battleborn released simultaneously, I read somebody online say that Overwatch succeeded not because it was a better game, but because it had characters that teenagers were horny about. I know this was a joke, but is there any truth in that? I imagine the main target user of online shooters is mostly male, and in their teens (or ok with juvenile themes). Do games with characters that male teenagers are used to find sexy sell more?

"Sexy" is a subset of the twelfth principle of animation that's applying here - "Appeal". "Appeal" generally means "visually interesting", which we can break down into different aspects. For things to be visually interesting, some things we want to consider are interesting shapes, exaggeration of key features, and paring down the unimportant details so the important stuff stands out more.

The first thing we want to look at is shapes. When we look at characters, the first thing we see is their silhouette. Silhouettes need to look different from each other or they're dull. Different shapes are much more interesting to look at. Our eyes are trained to pick out things that are visibly different, so having the characters be comprised of different shapes makes them stand out more. Look at how Hsien-Ko here has so many sharp angles and different elements to break up her design. The wide belt, the different colored tunic, and the enormous arms that show the broad A-shape of her body.

After shapes, we want to exaggerate their key features. Beyond than the basic shapes, we want certain details about the character to be memorable. It might be a fancy mustache, a waistline, a color swatch, a hairstyle, a particular bit of clothing that makes the character unique. The key features should stand out and draw attention to themselves! Hsien-Ko's attacks all come from inside her massive sleeves, which have the enormous yellow accent on the end. This is on purpose - you can tell at a glance where the attacks will be coming from when she fights. Her body also has extra detail - the belt and tunic stand out against the darker other colors to draw your eye and tell you that this is where she is vulnerable. The hat and talisman identify what she is - a Jiang-shi.

Beyond that, human eyes get confused if there's too much to look at. We want the signal to be as strong as possible. This means we want to pare down and simplify away extra unnecessary details. The important bits about the gameplay must stand out, and all the other stuff should fade into the background. Too much to look at feels overwhelming or "busy".

Look at what happens to her clean design when there are a lot of additional details added. She looks pretty, but there would be so much context lost if this were used in a game - how does she fight? What's important to look at? This takes us from a clean visual design that conveys a lot of information to a more generic "sexy" design that doesn't tell us much else.

Consider what this design looks like when built in the Soul Calibur character creator - the extra details from the hat, sleeve belts, hair danglies, shoes, etc. all break up the look and make things look messy. The "same" design here just doesn't work as well, because we can't apply these same principles as well.

Making characters sexy is a shortcut to making them appealing, since sexy characters lean into the principles of appeal in specific ways. Sexy characters do work these core concepts of appeal, but appeal is essentially universal. The main purpose of appeal here is to convey information quickly about the character in a direct visual way. We do this through using interesting shapes, exaggerating the important details, and paring down the unnecessary extras.

[Join us on Discord] and/or [Support us on Patreon]

Got a burning question you want answered?

Short questions: Ask a Game Dev on Twitter

Long questions: Ask a Game Dev on Tumblr

Frequent Questions: The FAQ

[my-chemical-rot]

Looooove it (/s) when people who haven’t taken an art class since 5th grade make all kinds of judgements about college-level art classes and say shit like “isn’t it an easy class though? Don’t you get an A just for showing up? Or just for participating? You don’t actually have to be good at art to pass that class right?” Like okay maybe when you’re ten years old your art teacher isn’t gonna grade you by technique and skill but contrary to popular belief you actually have to be *good* at art and work your fucking ass off every single day to get a good grade in an art class

[businesssinfo]

In today’s digital age, a web page is often the initial point of interaction between a business and its customers. To know which layout, and design suite to your website, consult a reputed Website Development Company in Coimbatore or a Web Development Company in Chennai and know the best for your business.

[cselandscapearchitect]

Abelia x grandiflora 'Kaleidoscope': A Dazzling Garden Marvel

Abelia x grandiflora ‘Kaleidoscope’ is a captivating ornamental shrub known for its breathtaking foliage and eye-catching colors. This hybrid plant is a result of careful crossbreeding and selection, bringing together the best traits from different Abelia species. ‘Kaleidoscope’ has become a beloved addition to gardens, landscapes, and even container gardens, thanks to its striking appearance and…

[3liza]

"this photo looks like 'classical Art's" yes that's because we have been using the same rules for visual composition in the west for hundreds of years and all professional photographers as well as amateur photographers who have read even one paragraph about composition are fully aware of the rule of thirds, horizon lines, tangents, weighted frames, etc or perhaps someone just took a photo by accident that also conforms to these incredibly well documented design principles. guy who has seen one image before "getting a lot of image vibes from this"