Good Design, Bad Design - The Best & Worst of Graphic Design in Games ~ Design Doc

Поделиться
HTML-код
  • Опубликовано: 20 май 2017
  • Graphic Design is EVERYWHERE in games, but rarely do we ever actually talk about it. Today, I take some time to look at the highs and lows in game UI, menus, and presentation.
    Recent Work: Brutal Legend ~ • Recent Work: Brutal Le...
    Support Design Doc on Patreon and help us release videos faster:
    / designdoc
    / warbot400
    Special Thanks to the Super Best Friends Subreddit for suggestions.
  • ИгрыИгры

Комментарии • 804

  • @DesignDoc
    @DesignDoc  6 лет назад +277

    Check out Vol. 2 right HERE: ruclips.net/video/-_Tx5vbnH0M/видео.html
    If you're looking for more in-depth Persona 5 graphic design talk, check out Vol. 3 right HERE: ruclips.net/video/Uqes0CaAim0/видео.html

    • @tjiiik
      @tjiiik 6 лет назад

      Warbot: hey man just saw this on my homepage, this is a really good video (except for how abrupt the end was, idk, maybe fade out the music?)
      can't wait to watch the next, I'm just all about Graphics Design more than Graphics themselves.

    • @cliffturbo2146
      @cliffturbo2146 6 лет назад +1

      Design Doc oh and what do you think of Sly Cooper games and the design and UI.

    • @oracle_8947
      @oracle_8947 5 лет назад +1

      Another game with slick UI and design was Gravity Rush 2. Check it out! :)

    • @gozearbus1584
      @gozearbus1584 Год назад

      I stopped the video the moment you said some of the best, design game, MGS 3 and the OG Splinter Cell have "confusing design", and going to advise against your channel for mediocrity. I'm a designer btw, it started well with recognizing P5 but then phew...what a way to ruin your video and discredit yourself that the statement mentioned above...

  • @suspiciousflamingpyro
    @suspiciousflamingpyro 7 лет назад +3904

    "A UI designer needs to understand the rules and why they exist if they want to break the rules effectively"
    Damn. You to could apply that to just about anything

    • @teaartist6455
      @teaartist6455 6 лет назад +364

      Yes, that quote itself is actually a slightly altered quote from Picasso "Learn the rules like a pro, so you can break them like an artist.” it pretty much comes up everywhere once you know about it.

    • @dasaggropop1244
      @dasaggropop1244 6 лет назад +17

      everybody knows, nobody does it (like a pro). and if someone succeds with an unusual approach everybody is mindbaffled about that genius. nowadays everybody is a designer. even in macd they want you to be a self-starting, softskilled, hands-on entrepeneurial thinker. with a solid understanding of food design i guess. so yeah, its for everyone. lots more designers, than picassos. it's not only about skill and knowledge, but also the will to fight everyday, all those tedious little battles where people around you want it by the book. thats very exhausting, going by the rules is more comfy. so yeah, you COULD apply it to everything...or just have a quiet day, a nice evening and no discussions about your crazy user interface or rib mcnugget or what ever. most people like good and old, and they are perfectly fine with good and old. so you need to know when its essential to break the rules. sounds obvious, but most people i have met understand the rules as rules and thats that.

    • @dasaggropop1244
      @dasaggropop1244 6 лет назад

      i am not sure with those quotes...i mean this is really something people say all the time. like with the "great artists steal, lesser artist imitate" or whatever. Gets attributed to everybody...I don't think picasso made really so much quotable witty bits of wise oneliners, but he a very good rulebreaking expert indeed.

    • @teaartist6455
      @teaartist6455 6 лет назад +25

      Your point being what?
      That because a lot of people don't want to learn and still end up with okay results nobody should bother learning?
      Sorry, but at some point blind beginners luck runs out, with some things sooner, with others later, and you need to know why things are done the way they are to successfully bend or break with old conventions, on your own terms and in a controlled way.
      And no McDonalds and such might SAY they want designers and such, but they really want just about anyone that does what they say, if they need something designed, they hire an actual designer to do that for them, countrywide.
      What exactly are you revering to with "so yeah, you COULD apply it to everything...or just have a quiet day, a nice evening and no discussions about your crazy user interface or rib mcnugget or what ever"?
      People being Lazy? If so then I can attest to that.
      That you shouldn't learn because it's more comfy to spend the evening in front of your TV?
      No, not really.

    • @shadowpod13
      @shadowpod13 6 лет назад +4

      A variation of that line is in Inner Ninja by Classified "I read the rule before I broke 'em."
      But yea, it's good advice. 1: If you know the rules you will know how far you can go before you cross the line, ex: legal issues. 2: You can put more value on certain things and break a most of the time rule for a certain gain, ex: Graphic design or chasing Singed in Leage of Legends (in general, DON'T chase Singed).
      Also by knowing the rules of a genre a writer can follow most of the rules of that genre but then break certain rules to make a story that is completely different from what you would expect, and at the same time totally awesome, ex: Madoka Magica as compared to the standard rules of the Magical Girl genre.

  • @dquinny5
    @dquinny5 6 лет назад +3309

    I am a HUGE fan of persona 5's design in every sense, but boy that menu screen must be murder for a dyslexic person's eyes

    • @AtOutoftheBlue
      @AtOutoftheBlue 6 лет назад +533

      Damian Quinn Actually, white on black is a pretty good combination for dyslexia

    • @dominicpiovesan1715
      @dominicpiovesan1715 5 лет назад +384

      Its not just eye candy its eye crack

    • @y4oihands
      @y4oihands 5 лет назад +83

      Eh, fuck em

    • @ekiouja
      @ekiouja 5 лет назад +61

      Persona's menue design and UI actually put me off more than anything. Everything else is gorgeous, but i could not put up with those menues

    • @esf1934
      @esf1934 5 лет назад +5

      Too bad if you can't handle it lol

  • @supernebula101
    @supernebula101 6 лет назад +2230

    The UI for P5 is able to break the rules a little and be "busy' because it fits thematically. The whole game is in a busy metro setting that's still stylized to an extent, which is exactly what the UI is mirroring

    • @alstroemeria
      @alstroemeria 6 лет назад +296

      Add to that the fact that the UI is incredibly good looking, with it's vibrant colors and varied but consistent font choice and use of shapes.

    • @KnakuanaRka
      @KnakuanaRka 5 лет назад +193

      It fits with the whole theme of individuality, independence, rebellion, and standing up to authority.

    • @propoppop9866
      @propoppop9866 5 лет назад +8

      TallestGreen42 though the styled text is arwrful I love the games up but that text is just hard to read

    • @manavkumar9182
      @manavkumar9182 5 лет назад +20

      For me it was great for the starting few hours but at times it just hurts my eyes when the colors pop out of nowhere. The world in P5 doesn't have much color so the UI(at least some colors) just hurt my eyes. Blue and green are fine but red just demolishes my retina.

    • @propoppop9866
      @propoppop9866 5 лет назад +2

      Manav Kumar yah maybe they should of put a warning in there

  • @Harkz0r
    @Harkz0r 6 лет назад +2111

    Can I just say that I loved that you used Ryuji's Phantom Thieves logo (well the blackboard version) as the bad design example, that is all.

    • @DesignDoc
      @DesignDoc  6 лет назад +361

      I have been waiting 7 months for someone to notice! Thank you!

    • @FullmetalSonic260
      @FullmetalSonic260 6 лет назад +49

      I noticed before I even clicked the vid haha!

    • @denyscrowley
      @denyscrowley 6 лет назад +6

      Hey, I noticed it too! :P

    • @cliffturbo2146
      @cliffturbo2146 6 лет назад +3

      I didn’t even notice the logo!

    • @NotAGoodUsername360
      @NotAGoodUsername360 6 лет назад +116

      Poor Ryuji gets no respect.
      His design would've been fine if the Phantom Thieves actually were villains. Or insane. It does have the "madhouse" kind of aesthetic charm. And he IS the diagetic source of the design's red monochrome color palette.

  • @HasHollow
    @HasHollow 6 лет назад +542

    How dare you dump on ryujis drawing skills

  • @Vher_
    @Vher_ 6 лет назад +452

    To put it broadly, graphic design _is my passion_
    *frog.jpg*

    • @nekokna
      @nekokna 6 лет назад +5

      mario party 8 XD

  • @LoudWaffle
    @LoudWaffle 6 лет назад +815

    Like you mentioned when talking about Smash 4, "bad graphic design doesn't make a bad game." It's one of those components that doesn't often ruin the experience for those not looking out for it specifically. For example I'm sure most people playing Mario Party never even give thought to the UI design.
    But when graphic design is done right, like in all of your good examples, it really does elevate the game to a unique high. It's always an absolute treat when a game is creative and smart about its graphic design rather than relying on conventional designs or giving no thought to it at all.
    Great video by the way.

    • @JoViljarHaugstulen
      @JoViljarHaugstulen 5 лет назад +34

      Like you mentioned when talking about Smash 4, "bad graphic design doesn't make a bad game."
      Well it also depends on the type of game a lot of turn based strategy games can absolutely fall apart if they have a bad UI because they usually have so much information to display and if done poorly it leads to the player wasting a lot of time digging through menus over and over again which can slow the game to a crawl

    • @LuvzToLol21
      @LuvzToLol21 5 лет назад +8

      Despite the brutal thrashing Mario Party 8's UI gets, it's still my all-time favorite Mario Party title it terms of gameplay. I honestly thought the UI was pretty good, I never really cared about the clashing fonts.

    • @vanelly5652
      @vanelly5652 5 лет назад +2

      Yeah smash four was probably my first or second game and I honestly thought nothing of it, I just kind of memorized it like he said, like some other flaws of the game I just found it when I saw the internets desire to burn these into flaws into the ground

    • @mainzer45
      @mainzer45 5 лет назад +3

      @@JoViljarHaugstulen Dwarf fortress is a strategy game with, at the very least, intimidating graphic design, and in some places poor choices for it, but it's still a beloved game of many due to the gameplay being worth pushing through how unfriendly the game looks.

  • @Lugmillord
    @Lugmillord 6 лет назад +903

    I never really cared about typographic design choices and really like MP8 but now that you mention it... wow, it really is all over the place. Now I can't unsee it D:

    • @JojoDigitalArtist
      @JojoDigitalArtist 6 лет назад +115

      Once you see bad type you will never unsee it and it suckssssss

    • @DesignDoc
      @DesignDoc  6 лет назад +96

      ^ This. It's especially true with kerning.

    • @Ene-Chan
      @Ene-Chan 6 лет назад

      SAME

    • @catharticreverie
      @catharticreverie 6 лет назад +17

      it's like if someone writes an essay misspells a word 5 different ways wrong, instead of misspelling it the same way the entire way through. It's like throwing potshots to try and get one instance of the word spelled correctly won't make it look clean, it'll just detract by being muddy and distracting.

    • @swamdono
      @swamdono 6 лет назад +2

      You would have seen (and reacted to) it at some point, even if you weren't concious of it.
      Take fighting games for example. The menu's are usually set out with Arcade Mode at the top, other stuff in the middle, with Options at the bottom. If they were set out in the corners and sides of the screen with some fancy themeing, you'd find yourself having to look through everything before you found what you were looking for.

  • @meir2161
    @meir2161 6 лет назад +297

    Danganronpa v3 has a phenomenal ui. not the level of persona 5 but i thought i should mention it

    • @DesignDoc
      @DesignDoc  6 лет назад +97

      Oh I'll get to that one very soon.

  • @JojoDigitalArtist
    @JojoDigitalArtist 6 лет назад +162

    As a graphic designer who really wants to get into UI and graphic design for games, in general, this is so awesome and I am happy someone did it...Also can we forever talk about how good P5's UI is because goddamn its so beautiful!

    • @llysender
      @llysender 6 лет назад +10

      JojoDigitalArtist P5 has good style but not good design
      From the overly thick font to the constant left right swarping slows down visual understanding of the screen causing constant slow down to the player cognatively and generally to get through the menus fast enough needs sound memorization and not relying on the visual cures.
      An example would be using fade in menus instead of flyout for windows

    • @VGHOST008
      @VGHOST008 3 года назад +1

      @@llysender YES. Exactly my thoughts. Those window animations are all over the place.

  • @1980rlquinn
    @1980rlquinn 5 лет назад +82

    About the font at 11:00: Some of that font work is not even English . I'm willing to bet none of the fonts used in this game are properly designed English fonts. They are, instead, romaji subsets of Japanese fonts. I suspected as much with the bad kerning and arbitrary x-heights, but the oddly angled apostrophe is a dead giveaway.

  • @scottchan9422
    @scottchan9422 6 лет назад +460

    Soooo....in other words, Persona 5 was dope?

    • @hectic_heretic2924
      @hectic_heretic2924 5 лет назад +27

      Yes

    • @Stereo6400
      @Stereo6400 4 года назад +75

      *_anyone who says otherwise will be publicly knocked on the head multiple times with a water bottle._*

    • @skrigged9270
      @skrigged9270 3 года назад

      @@Stereo6400 it sucked so much

  • @coffeedoodles7124
    @coffeedoodles7124 6 лет назад +565

    I would've went to another graphic design video but the mentioning of persona 5 kept me here.

  • @mikeluna2026
    @mikeluna2026 6 лет назад +587

    I liked the video the instant you talked about Persona 5. lol

    • @StephSinalco
      @StephSinalco 6 лет назад +30

      Same :D A truly AMAZING UI. The best I've ever seen.

    • @ChriSaito
      @ChriSaito 3 года назад +2

      I'm a simple man. I see Persona, I like the video.

  • @popular_dollars
    @popular_dollars 7 лет назад +215

    Smash 64 can have as much as 12 fonts on screen at once.

    • @Talz622
      @Talz622 5 лет назад +21

      Are you making a joke about the “Character Biography” section?
      I personally like it, but the text talking about the characters is small and is HELL to read on small CRTs and some HDTVs that have scanlines.

  • @thegustbag
    @thegustbag 5 лет назад +22

    Gotta say too about P5: mapping the menu options to single button presses is a HUGE part of why I was able to play two consecutive full playthroughs back to back. That decision alone makes combat feel much smoother, and gives a nice rythm to it. It's a beautiful, elegant solution and I have a hard time going back to more traditional oriented turn based jrpg menu battles now because of it.

  • @ozmaozmaozmaozma
    @ozmaozmaozmaozma 7 лет назад +297

    Great video! You should comment on minimalistic-like UI like Shadow of the Colossus and other Team ICO games!

    • @DesignDoc
      @DesignDoc  7 лет назад +26

      That's a good one too!

  • @kostasspirou1010
    @kostasspirou1010 2 года назад +17

    In my opinion Persona 5 has the absolute best art-style ever, it's simply gorgeous, very stylish and unique, no other game looks like it and that's what makes it so special.

  • @ludvik926
    @ludvik926 6 лет назад +720

    all in all: nintendo should hire some new designers

    • @mx4159
      @mx4159 6 лет назад +78

      All they need is to make the UI in their games more clean

    • @SweenerJoey
      @SweenerJoey 6 лет назад +79

      He only showed 2 Nintendo games? That's hardly an effective survey of their design overall. Breath of the Wild, Mario Odyssey, the Switch UI in general, and a lot of their recent graphic design work is exceptional. I'd argue, even, that Nintendo does it the best the most often out of the big three.
      But his example highlight the pitfall of party games in particular; to appeal to everyone, the design of UI and others often are sacrificed. I'd even say that Warbot is a bit too harsh on the Sm4sh UI, though what he said about the hierarchy is accurate. It's still very well designed and sleek, just organized in an amateur way; that's not on the graphic designer but on the UX/UI designer.

    • @thestripedmenace
      @thestripedmenace 6 лет назад +23

      Joey Sweener Yeah, Sakurai's wife (the designer behind the Brawl and Sm4sh UI and others) has a really... unique... design style; it's a love it or hate it thing, really!

    • @j2dragon109
      @j2dragon109 6 лет назад +4

      Well, most of the time people like her menus. She just didn't do as well in Smash 4.

    • @zaneseibert
      @zaneseibert 6 лет назад +1

      Joey Sweener Breath of the Wild's UI was horrid. It was super clunky and aside from Link reacting to things in the menu, pretty bland. Xenonlade X' s was so bad I'd go so far as to say it's the worst part of the game.

  • @Pidgeonsofwar
    @Pidgeonsofwar 6 лет назад +77

    " Why is smash tour... anywhere? " my thoughts exactly!

    • @Rorshacked
      @Rorshacked 5 лет назад

      pidgeons of war I wanted to like smash tour so bad. Even made friends play it more than once. Eff me, right?

  • @arthurstickel
    @arthurstickel 7 лет назад +182

    I loved the video, and the subject matter is really interesting, but I wish you hadn't cheesed the final example like that. It'd be interesting to see other examples of bad design. Going back to Mario Party after you had already dedicated a whole segment for it, and in great detail, felt unnecessary and rushed. Other than that, I still found it very interesting and informative.

    • @-._____-
      @-._____- 7 лет назад +23

      stickeltickle nah....mario party 8's ui is straight up trash

    • @KnakuanaRka
      @KnakuanaRka 5 лет назад +3

      Yeah, he so could have put that in one section.

  • @artful_alicat
    @artful_alicat 6 лет назад +83

    Ok. But we can all agree that Mario Party 8 was the last good one gameplay wise.
    Who’s idea was it to make everyone in a car and collaborating?

    • @christianmarcotte4068
      @christianmarcotte4068 6 лет назад +8

      TheWerewolfofsalem they changed developers

    • @artful_alicat
      @artful_alicat 6 лет назад +5

      I know. *scowls at Nintendo*

    • @JohnPaul-ec5ug
      @JohnPaul-ec5ug 6 лет назад +4

      You don't collaborate in 9 and 10, it's still competitive. It's a pretty common misconception about those two games.

    • @artful_alicat
      @artful_alicat 6 лет назад +22

      You don't collaborate in the mini games and getting the star-things, and yeah, you try to hinder the other players. But in terms of moving around the board and the mini events that can happen, it's pretty collaborative.

    • @LinVGMPlaylists
      @LinVGMPlaylists 6 лет назад +1

      It's not collaborative when you use a special dice just to get the next player in a bad spot, or use one to get yourself to snag all the good loot. :^)

  • @Tapahtumahorisontti
    @Tapahtumahorisontti 6 лет назад +156

    I'm an amateur game developer and I want to make my interface and overall graphic design as intuitive, clear and easy as possible and I have to say that this was a great and a helpful video.
    However, as for the actual _rules of graphic design_, I have yet to meet an article or a video that would clearly outline them, leaving me to parse those rules through different sources. For instance, in this video you mentioned that good user interfaces follow some kind of grid layout, which is something I have not thought of (at least not consciously) so I've added that to my list of good tips and rules-of-thumb that I follow. There have been some other gems that I have gained by sifting through tons of videos and texts that usually don't mention anything concrete, but instead churn out these vague general rules such as "keeping the interface as unintrusive as possible" with little to no examples and basic principles on HOW this is achieved.
    Do you have some resources on the concrete things things and rules that graphic designers should follow in making user interfaces?

    • @DesignDoc
      @DesignDoc  6 лет назад +68

      For Graphic Design resources, a couple books that I'd recommend checking out would be "Thinking with Type" by Ellen Lupton and "Making and Breaking the Grid" by Timothy Samara. Hope that helps!

    • @Tapahtumahorisontti
      @Tapahtumahorisontti 6 лет назад +6

      Alright, thanks! :)

    • @SpoikeTube
      @SpoikeTube 6 лет назад +51

      There is a whole field on this called "User Experience" or UX for short, rather than being part of Graphic Design which is probably why you didn't find much on just searching for "graphic design". There is a lot of literature on this, most seminally "The Design of Everyday Things" by Donald Norman. While it is not specifically about video games, it does introduce the concept of "Affordance" and gives plenty of examples on what good and bad affordance is (like this video is doing).
      Another book about UX that I can recommend is "Don't Make Me Think" by Steve Krug, which is mostly about Web Usability but knowledge you gain from this book is transferrable to other fields (especially for anything related to user interface design).
      Good design overall is all about making conscious decisions on whatever artifacts you are designing and iterating (i.e. make it, test it, remake it, test that, remake that again, repeat until you're satisfied) is pretty much the way you do it.

    • @candygonemad
      @candygonemad 6 лет назад +5

      I remember reading this book last year: Go: A Kidd's Guide to Graphic Design

    • @shadowpod13
      @shadowpod13 6 лет назад +5

      Have you checked out "Extra Credits" channel? They have a ton of great vids on various items that would be great for someone getting into developing a game. One of their vids is on affordance as well, but they cover a bunch of other topics. I can't recommend them enough.

  • @aceman1858
    @aceman1858 6 лет назад +21

    Thank you for doing this. As a designer by trade, I find it surprising how little the general public knows about design. Yet thinking back to before I went to school for it, I didn't know much at all either. Design affects us all, everyday, all the time. It could be something as obvious as an advertisement on the highway, or something as minute as choosing a pen because one looks better than the other. I find it hard to explain to people how strong UI can make me have a little sploosh in my pants, because most people don't care about the difference between typefaces or general hierarchy, of proper user flows or page balance.
    Good design is generally invisible, because it just works. People begin to notice how design affects them when something becomes obtuse to the point of confusion or inability to use, and that's okay too, because even if it's an unconscious realization, those users will catalog why it didn't work, and how it could be better. Ever filled out a government form that made zero sense? That's a great example.
    My point is, videos like this are fantastic because they help introduce people to the concepts of design and visual communication. Hope I didn't come across as some douche who thinks he knows more than everyone, I just think design is awesome!

  • @tjiiik
    @tjiiik 6 лет назад +18

    I would say the design for that Mario Party has a ridiculous amount of early 2000's websites charm but that's just my aesthetic.

  • @wileecoyotegenius5955
    @wileecoyotegenius5955 4 года назад +7

    One of my favorite aspects of graphic design when the UI feels like an actual part of the world. One of my favorite examples of this is in Super Mario Odyssey, where the level maps are presented as travel brochures with information about the Kingdom on the side. Donkey Kong Country also does this by representing health as an additional character rather than a meter. When a UI feels separate from the game world, it can really hurt immersion, something I felt pretty badly while playing The Witcher 3, which has a pretty obtrusive and video game-y interface.

  • @iritras
    @iritras 5 лет назад +11

    I really loved the UI of Nier: Automata. The effects when your character was visually damaged, the overall look and the map design are just great.

  • @rseiver96
    @rseiver96 6 лет назад +18

    I disagree about the remark that stealth games peak with all of the mechanics revealed to the player. I think the lack of awareness of whether the player is discovered could be used as a great mechanic if it's cleverly and deliberately implemented.

  • @pacificcatto5420
    @pacificcatto5420 6 лет назад +25

    Nutshell: Nintendo did some bad design choices

  • @kjeld1
    @kjeld1 6 лет назад +20

    Great video !
    The fact Trails in the Sky is showcased in the bad UI example shouldn't prevent people to try these awesome Falcom games.

    • @DesignDoc
      @DesignDoc  6 лет назад +8

      As I said, bad UI =/= bad game.

    • @AnemoneMeer
      @AnemoneMeer 6 лет назад +5

      I actually struggle to consider Trails in the Sky's UI bad. It's laid out well and generally very quick and easy to navigate. It's just incredibly, incredibly boring. There are a few good bits, like the Bracer Notebook layout, but they're very far between and lesser versions of better UI elements in other games. It functions perfectly fine and takes no real time to learn (You can figure out the whole quartz system just from visuals alone), but it's incredibly bland.

  • @fattimslim8343
    @fattimslim8343 6 лет назад +1

    I hope you do another one, because I'm only just beginning to realize how important these little nuances of menus and UI's (which I still don't fully understand what it is quite yet) are and I think it'd be something worth learning for an aspiring graphic designer like myself. All in all, you've got a new subscriber!

  • @igor-ld8qm
    @igor-ld8qm 5 лет назад +5

    persona music at the end got me like
    chillax, brew some coffee, cook some curry and why not read a book while we're at it.

  • @Nintendan95
    @Nintendan95 6 лет назад +9

    I saw Smash pop up and was quite curious because I was thinking the ingame visuals and colours and fine. But I totally forgot about the menus on that game and I totally agree with everything you said.
    Another thing I'd like to tag onto SSB4's menus is all the funky shapes that aren't arranged well. Sure it look cool but sometimes its awkward to navigate to the specific box you want. As you said, Brawl was fine because in that game, while the boxes were of different sizes, they were still arranged in a sort of grid so it was very readable. You didn't have to worry about little boxes hiding between gaps with weird shapes.
    A UI doesn't need to strictly be organized like this, but with 4's its like they just throw all these different shapes and sizes at you and it makes it hard to read, understand and navigate when you first boot it up.

  • @violet_broregarde
    @violet_broregarde 6 лет назад +7

    One thing you might not have realized is that Sm4sh's menus are easy to navigate in an unfamiliar language. Sometimes a Japanese player brings their Wii U to a tournament and the distinctive buttons make it easy to set my controls and find Vs mode.

    • @dustymcwari4468
      @dustymcwari4468 Год назад

      Problem is finding the rest of the game without having memorized the layout like the final test of an exam because of how poorly organized it is

  • @dane9598
    @dane9598 7 лет назад +14

    Wow, this is really well made. great job!

  • @JustJunuh
    @JustJunuh 6 лет назад +5

    Wouldn't mind a part 2 actually. Interesting stuff. I'd love to see more examples

  • @PragmaticAntithesis
    @PragmaticAntithesis 6 лет назад +43

    I personally quite liked Mario Party 8's look. The chaotic look just screams "Welcome to Mario Party!"

  • @Ryeaugla
    @Ryeaugla 6 лет назад +14

    10:27 Actually, it's only four type faces. The black bar marquee and the mode description text are the same font. Look closely at the Rs and you'll see they're the same. The black outline just isn't as visible against the marquee at the top, giving it the illusion of being a different font, but it's still the same one.
    That said, that's still one too many and I don't disagree with your points, it's just that was a slight bit of misinformation.

    • @DesignDoc
      @DesignDoc  6 лет назад +5

      Good eye but that is part of why I say "different fonts and type treatments." I consider a change in color, size, style outline, etc to be a different type treatment.

  • @Amaleigh2024
    @Amaleigh2024 3 года назад +1

    I'm going for a major in Graphic Design and in class, it was a little hard to understand what my professor said when applying it to the career field. Now after watching this, it got easier to understand heads up displays, UI, typography, ect...

  • @toastybird
    @toastybird 6 лет назад +5

    I actually find the idea of p5’s menus breaking the rules to be hilarious. the ui of the game is just as rebellious as it’s contents.

  • @devonmarr9872
    @devonmarr9872 3 года назад

    How did I just find these videos? I love this topic. It's what holds back so many gorgeous games.

  • @noyoudidnot3513
    @noyoudidnot3513 5 лет назад +2

    You made me want to play Persona 5 again when the outro rolled in. The Persona series' soundtrack never fails to make me nostalgic every time, the game is just amazing.

  • @GenerallyChaotic6839
    @GenerallyChaotic6839 2 года назад

    I’m going to use your videos to help me write a Research Paper on game UI and Graphic Design, thank you Design Doc for all the videos I can use as references!!

  • @cecillewolters1995
    @cecillewolters1995 4 года назад

    This channel and series is golden, thank you for making this amazing content!
    Subbed as soon as I've finished the first video, this is the second ;)

  • @Sackboy612
    @Sackboy612 6 лет назад

    Just stumbled on this channel and oh my lord this is a goldmine, time to binge watch all of your videos!

  • @iamthomasfish
    @iamthomasfish 7 лет назад

    This was super entering, and also really interesting! Thanks for making it

  • @azraelle6232
    @azraelle6232 6 лет назад +1

    I love that last line, about learning the rules in order to break them effectively. I tell this to people all the time!

  • @ArcadeEXP
    @ArcadeEXP 4 года назад

    Love your enthusiasm man! Great vid too

  • @thefroyukenfiles3641
    @thefroyukenfiles3641 5 лет назад

    Just stumbled on your channel. Noticed it was about graphic design in games and P5 was mentioned. Subscription earned.

  • @thisisthecure
    @thisisthecure 6 лет назад

    Great analogy about bridges. Love your work! Thanks!

  • @floskywalker6220
    @floskywalker6220 5 лет назад +1

    At first I was mad cause you threw shade on mass effect, and that’s my favorite game series, but then I realized “Yeah I could barely navigate mass effect one, ESPECIALLY the equipment screen”

  • @UnexpectedGamer7
    @UnexpectedGamer7 6 лет назад

    As someone who's interested in studying graphic design, this was a very interesting video! You chose great examples to make your points, and your analyses were very clear and easy to follow.

  • @schlagie
    @schlagie 5 лет назад +9

    Omg Persona 5!!!! One of the things that drew me to Persona was it's amazing graphic design. I've always been interested in graphic designer and my family must've though I was crazy when I keot going on and on about it's design lololol,,,,

  • @BioMatic2
    @BioMatic2 5 лет назад +1

    loved the intro to the video. as someone who doesnt have knowledge of graphic desing, persona 5 was the first time during a game that a took a minute to think "wow this menus are really REALLY good"when i noticed that joker changed positions on every menu option.

  • @xinshy1370
    @xinshy1370 6 лет назад

    Great video, man! The narrative and message were so immersive that I had a lot of fun just watching and understanding your points thematically. Biggest thanks to how you emphasized that typography and spacing MATTER in every presentation, no matter the medium.
    I'm not sure if these games have been brought up yet for their good style and/or design but I definitely recommend:
    1) Flow: Urban Dance Uprising
    - Menu-wise, is one of the most distinctive visual styles I've seen for a PS2 rhythm game era. The UI design translated the theme of the game effortlessly. The typography oozed hip hop brands, the grunge boxes imitated city signs and the transitions, if not somewhat laggy, still preserved the rebel vibe of urban dancing. It was strong, cohesive and stylistic yet still simple - which made way for you to focus on the dance gameplay. (Of course the gameplay is a different subject matter, haha)
    2) Ni No Kuni: Wrath of the White Witch
    - Simply put, the Wizard's Companion. I'd love to go in detail with this game's feature but that could take days! It's basically an interactive book that comes built into the game to act like a manual for the player. All the info you'll generally need as Oliver (MC) is there, except the experience is like reading a book. Bonus points to LEVEL5 (the studio who made the game) for reproducing the manual into an ACTUAL book that you can have. So much creativity done by the team. I spent hours flipping through the book in-game and immersing myself into the content and art of it all. They could've easily just made this a simple feature of the game but they went all out just so you, as a player, can experience being a magician just like the MC.
    PS. Thank you for showing me Brutal Legend. You've now converted me into a fan of the UI and the designer himself.

    • @DesignDoc
      @DesignDoc  6 лет назад +1

      I'm super glad to here it! I didn't love Ni No Kuni itself so I totally forgot about the Wizard's Companion. I do vaguely remember it being a pretty excellent presentation of a compendium/datalog.
      Also thank you for the suggestions! We are currently working on a GDBD Volume 3 and most of the candidates have already been chosen but I'll try to look into those two for when I start researching for a possible Volume 4.

    • @xinshy1370
      @xinshy1370 6 лет назад

      Thank you for the response and you're welcome on the suggestions! To be honest, I didn't expect a reply at all but it made my day a bit better.
      For Ni No Kuni (just to add), much of the charm of the Wizard's Companion lies with extending the lore of the game through the book. All those curious nitbits you had in your head or would encounter via Errands (esp post-game) about stories before Oliver's time and the fallen kingdoms are heavily supplemented there. Being presented in an oldbook fashion with linoleum block printing artwork even adds more to the charm. In my terms, it made my gaming worthwhile.

  • @XaneMyers
    @XaneMyers 6 лет назад +11

    13:03 This was funny, going back to Mario Party 8...now that you pointed it out, that game's UI is weird...it's like Nintendo was having fun with their image editing program's text generation or something.

    • @solitonmedic
      @solitonmedic 6 лет назад +3

      That's Hudson, not Nintendo.

  • @ripopol
    @ripopol 6 лет назад +18

    ok, so you praise P5 (i agree), but i'd have prefered if you went into the details in that case AS WELL as the other cases.

  • @charizardoreo
    @charizardoreo 6 лет назад +10

    Another one of these would be great

  • @Zadamanim
    @Zadamanim 5 лет назад +1

    Understanding the rules and breaking them effectively is a good argument for learning music theory as well. For example, when writing music, you should use notes from a single key, unless you have a reason to break that rule.

  • @takashimatta
    @takashimatta 6 лет назад

    I'm glad i stumbled upon this channel and this type of content. Here's hoping for a great subscription count in the future.

  • @TheShayaChannel
    @TheShayaChannel 6 лет назад +6

    Really well done video. Great critiquing across the board and definition of good design. I love the final bit about the requirement to effectively break rules. I Really wish I had the right console to play Persona 5. 😅
    Couldn't help but notice that the two times Trails in the Sky was onscreen you were talking about bad UI, mainly because I get super excited anytime I find another RUclipsr who is even aware of the games' existence. 😁😁 Anyway I'm just sharing my experience: I found the font choices, design, UI setups, sound effects and such really fitting for the kinds of vibes given during gameplay of any Trails game, particularly their PC versions (Fonts are nicer than on PSP).
    What would your critique of their graphic designs be? I'm curious. 😃

    • @Horos101
      @Horos101 6 лет назад +1

      Indeed, I was also befuddled by his implication that the Trails in the Sky UI was bad. It's a JRPG take on the Baldur's Gate UI, and efficiently conveys the turn order, each character's resources, and your combat options. Nothing more, nothing less.

  • @marche800
    @marche800 5 лет назад +2

    The world ends with you have some pretty incredible graphic design for menu's and the map system, Blending the two into the distinct artstyle without degrading there practicality. It's definitely one i would have included in the good design section.

  • @twi57ed
    @twi57ed 4 года назад

    I think you've became one of my favorite channels in two videos..

  • @Polybius11
    @Polybius11 6 лет назад

    You have to take a look at Pandora's Tower for the wii, it has one of the all time best menu systems I have ever experienced. It's not flashy by any means but it has an amazing layout, small features that make menu navigation fast and easy, and a way of making really complex systems easy to understand by conveying it's information in a simple manner. It goes out of it's way to do not just some, but all of the little things at once that most games are too lazy to do.

  • @Liggliluff
    @Liggliluff 3 года назад +1

    (10:00) Something that always had annoyed me, but I've not pointed it out. That text that says "Very Hard" does not have an outline. Instead it's the same text printed in white just shifted left, right, up and down. That's why you get those missing corners. The other text doesn't have this issue, so why that one?

  • @JimGiant
    @JimGiant 6 лет назад +1

    Learned a lot. I really hate doing UI design but it's really important.

  • @eleanorthornes7405
    @eleanorthornes7405 6 лет назад

    I love the way that the Mario party 8 menu makes me feel, as if the busy style goes along with the busy carnival theme. But of course, it could be nostalgia glasses.

  • @solitonmedic
    @solitonmedic 6 лет назад +4

    I always found the newest Spelunker games' UI to be perfect, since they're simplistic and easy to look at.

  • @chantingzhang
    @chantingzhang 6 лет назад +1

    This is awesome.
    Can you make a video that disects what exactly makes the UI of Persona 5 feel so great?
    It seems like one of the textbook cases that carefully arranged chaos with some rules lying under it can feel even better than things made by the book

  • @deus_ex_machina_
    @deus_ex_machina_ 3 года назад +6

    6:23 Smash is so competitive, even the menus have a high skill ceiling.

  • @TheMaplestrip
    @TheMaplestrip 7 лет назад

    Excellent video - really great work!

  • @IlSharmouta
    @IlSharmouta 6 лет назад

    That last bit applies to everything. One example off the top of my head is drawing without proper proportions. which people will try to say they do for "style" but it's clear whether or not you know the rules and how to break them.

  • @hybridplays1088
    @hybridplays1088 6 лет назад

    Just discovered this channel, awesome video!

  • @breannaw7254
    @breannaw7254 7 лет назад

    Brutal Legend is such a beautiful game to look at! Thanks for making me aware of it!

  • @hemangchauhan2864
    @hemangchauhan2864 6 лет назад +133

    I disagree with your thoughts on Stealth games. If every information is presented to player, it removes almost all of the tension (best example, Thief 1/2). Think, an obstacle course, you never know what comes next.
    What Mark of the Ninja is, is a puzzle game wrapped in the cloak of Stealth. Yes, you have to stay in hiding, but the real game is avoiding/neutralizing threats.

    • @gilbertopanquian1543
      @gilbertopanquian1543 6 лет назад +7

      I agree with you, for stealth game, you don't need to have every information, is funnier if you only have the objective and some hints, but the point of that is to clear your path throught your goal without an indicator of what to do every other moment.

    • @TheANimal495
      @TheANimal495 5 лет назад +11

      This only results in trial and error gameplay as he said though. Like, it's impossible in say...Thief or many other stealth games to know the what the enemy's capable of until you goofed up. There's no element of skill here, just inherent lack of player knowledge. Also I don't see how a game like Thief isn't puzzle-like, either. Sure you can go on after you get caught, but you can do that in Mark as well.

    • @thealgerian3285
      @thealgerian3285 5 лет назад +10

      Sounds like pretty bad game design to me.
      The more my failure/success is down to sheer luck or bad design, the faster a game's gonna get uninstalled.

    • @commentreviews430
      @commentreviews430 5 лет назад +7

      Hi, the human brain loves to predict. It is suitable for stealth games to appeal to that desire. In the case of a stealth game, If it's too predictable, then it's too easy. Not predictable enough, then it's too difficult.
      This is a difficulty issue, and the solution specifically in the case of stealth games, is to allow players to have plans that are fun to execute, and can fail for a fair reason.
      In relation to UI, it's important for the player to be immersed, and since they're not actually in the game, their senses are limited and must be compensated in other ways.

    • @propoppop9866
      @propoppop9866 5 лет назад

      The thing is mark is a 2d game by design it’s all information

  • @Blabla0988
    @Blabla0988 7 лет назад

    That was reaaally interesting, great video !

  • @Edos512
    @Edos512 6 лет назад

    Wow... I did not know about that brutal legend menu, cool they added the behind escenes :O

  • @_Lucary
    @_Lucary 6 лет назад

    Great video, I learned a lot from this.

  • @Simtar123
    @Simtar123 7 лет назад

    For some reason i dont remember subscribing, but i am very happy i did!!! =D Superb video man! =) Spot on! =D

  • @AvariceOverlord
    @AvariceOverlord 6 лет назад

    Finally, a video about two of my favourite hobbies and passions: Graphic Design IN Video Games.

  • @corwinschuerch6691
    @corwinschuerch6691 4 года назад +1

    I played Mario Party 8 for about five years, quite consistently.
    I also agree completely. Heck, even the main menu's buttons don't actually match the buildings in the background (seen at 14:00). Took me years to navigate the menus, let alone remember them.

  • @FuraFaolox
    @FuraFaolox 2 года назад

    That final quote in the video is exactly what I say about music theory.

  • @RaoulWB
    @RaoulWB 6 лет назад

    You know what's thing I love the most about the sound rapresentation in Mask of the Ninja? It's basically just visualizing what the code does under the hood in a slightly fancier way.
    What do you think about _Guacamelee!_ with its spiky colorful design
    PS: that _bad design_ aesthetic is pure art, especially those half done rows of text

  • @ashen_dawn
    @ashen_dawn 6 лет назад +1

    Rock Band has always stood out as having tastefully stylized menus to me. Very navigable, especially with the simple up/down limited controls of the guitar controller.

  • @theoneandonlygree1203
    @theoneandonlygree1203 5 лет назад

    I feel like the Arkham games also do stealth well, by laying things out in detective mode, and highlighting key mechanics of the room or area that you need to tackle. Sometimes Batman’s vocal cues help also, as something like, say if you pull out the batarang and attempt to throw it at a hostage taker, in an earlier level, he would remark, “if I do that, he’ll kill the hostage”, letting players know that in the future, that tactic is not recommended. It also helps when the NPCs call out, “There he is, The Bat!!” Letting players know that they’ve been spotted, giving them the chance to make a move before the enemies open fire. There’s so many ways to get through the room, and the game doesn’t baby you, guiding you on what to do, and the player is purposely forced to get creative, giving it even more credibility as a Dark Knight game. The stealth levels made me feel really good when I could scare my enemies shitless and let them know that I have complete control over the environment, without being a god.

  • @Lepa2793
    @Lepa2793 6 лет назад

    Heck, I learned stuff I never learned in any of my game dev courses at Uni.
    Freaking awesome, gonna try and put this knowledge to good use!

    • @DesignDoc
      @DesignDoc  6 лет назад

      That's great to hear! Go read up on some books on graphic design. Ellen Lupton's "Thinking with Type" would be a decent place to start for Typography.

  • @floatingdoor
    @floatingdoor 4 года назад

    I could hug you right now. This series is awesome. It would be really cool if you did a video talking about how devs broke the rules and why.

  • @NaitomeIya
    @NaitomeIya 6 лет назад +2

    "You'll never see it COOOMMIIIIIIINNNGGGG!!!!" (Damn that song is sure to make me lose in Don't Sing Along challenge)
    Oh the Dead SpaceUI looks simple yet cool.
    I guess that means the NieR: Automata UI is also Diegetic.
    Although the Persona 5 UI baffled me at first because it was so damn SSStylish compared to ANY OTHER GAME I've seen to the point that I actually compared its UI to graffiti, I was still able to find what I need somehow...

  • @WastelandSeven
    @WastelandSeven 6 лет назад

    Very well presented and thought out. Now subbed.

  • @lancehardwood
    @lancehardwood 3 года назад +1

    I love the menus in pokemon! I think at the time when piamond and pearl came around they perfectet the pokemon menus. You can easily find everything. Well maybe its because I know where I can find something but I'm pretty sure that every little child has the same easy experience as I have.

  • @arlosteiner8382
    @arlosteiner8382 5 лет назад +1

    P5 UI is simply just cool and it wasn't mentioned but Skies of Arcadia had some incredible design too

  • @TheGoblinoid
    @TheGoblinoid 6 лет назад

    Nice channel! SUBSCRIBED!

  • @DMMinthehouse
    @DMMinthehouse 6 лет назад

    It's truly the best designed game I've ever seen. Not just aesthetically but also functionally. I wish the artbook showed more of the design aspects of the game not just sketches of the characters. I wanted to see the menu screens and composition of everything. Great video!

  • @somnia3423
    @somnia3423 6 лет назад +1

    the ui for twewy is so great! :D

  • @thesleepybardalwayswaiting5260
    @thesleepybardalwayswaiting5260 6 лет назад +2

    I think another thing to take into consideration is the influence of culture on graphic design the way fonts look in English from Mario party 8 can be jarring but maybe it had a cool aesthetic with Japanese characters. and perhaps due to budget constraints they couldn't change the styles or maybe the thought it wasn't as important as the overall gameplay.

  • @johntiter2825
    @johntiter2825 6 лет назад

    This my first time watching one of your vids. Spot on. Love your channel name btw, I'm working on one as I'm typing this.

    • @DesignDoc
      @DesignDoc  6 лет назад

      Thanks! Glad ya enjoy the content! Best of luck with your project!

  • @thenim8999
    @thenim8999 6 лет назад +10

    I really like the design of JoJo's Bizarre Adventure: Eyes of Heaven. I'm not an expert but all the design choices are so good and stylish!

  • @blue-hollyhock
    @blue-hollyhock 5 лет назад +1

    I don’t know why but this video reminds me how much GMTK videos are well organized and on point.

  • @Mikefiser
    @Mikefiser 7 лет назад +1

    This is something I ahve been searching for :) Nice video. Some more examples would be useful and it would be nice to dig deeper into the "modern action genre typography" which we can find in the triple A games of today as Lara Croft, Prey, Star Wars Battlefront, Assassins Creed etc. IMHO it can sometimes feel very generic compared to most of the games, yet it has a slick feeling to it. What do you think bout that?