Pixel Art Class - Intro to Game UI

Поділитися
Вставка
  • Опубліковано 11 січ 2025

КОМЕНТАРІ • 85

  • @ThePC007
    @ThePC007 4 роки тому +291

    On the topic of UI: I really love how Aseprite's UI is made of pixel art, lol. It just looks so unique.

    • @growhax1590
      @growhax1590 4 роки тому +1

      Same

    • @panashe_0080
      @panashe_0080 4 роки тому +1

      @@growhax1590 Why did you choose that username? Just asking

    • @ThePC007
      @ThePC007 3 роки тому +9

      @Keenan Jaxxon Welp, at least you didn't forget to switch accounts before commenting that, haha. Seriously though, get lost. Nobody believes you anyway.

    • @LuanaSantos-rl4sb
      @LuanaSantos-rl4sb 3 роки тому +7

      they have to believe in their product, sell their fish

    • @RatMansVlog
      @RatMansVlog 3 роки тому +7

      Yes!! I sometimes like to keep the ui in when I post screenshots of my pixel art, it's so visually appealing.

  • @adhdraw
    @adhdraw 4 роки тому +114

    I am obsessed with what pixel artists/streamers come up with for their screen setup. I straight up said "oh my god" when I saw your border, that looks so cool! Okay, time to pay attention now

    • @AdamCYounis
      @AdamCYounis  4 роки тому +21

      Wow, what a compliment! Thanks, I have a lot of ideas for it still... Maybe one day next year I'll have time to implement them haha.

  • @saaqib_0252
    @saaqib_0252 4 роки тому +46

    you are an absolute legend keep doing what you do.

  • @igrb
    @igrb 4 роки тому +19

    That's the UI/UX crash course I really needed some time ago, i'ts just incredible how you bring together the fundamentals from so much stuff in a understandable and simple video.
    Keep it up man, your channel is one of the best things on this entire platform

  • @alexnoman1498
    @alexnoman1498 3 роки тому +30

    Something to keep in mind: never assume that the button label translated has anywhere close to the same length as the original, always design UI elements to fit a sentence. Especially important when the UI is drawn/ is a sprite sheet.

    • @jaredjones6570
      @jaredjones6570 3 роки тому

      That's a great tip! Thanks

    • @dandymcgee
      @dandymcgee Рік тому +1

      Also, look up "npatch" for making your pixel art buttons dynamically resize to fit other languages!

  • @MistaSmith
    @MistaSmith 3 роки тому +9

    Things like the splash effect and loading animation are what makes a UI fun to use, I believe. The key value of putting work into animating UI elements.

  • @Kasiarzynka
    @Kasiarzynka 2 роки тому +1

    0:47 "user extermination" "shhh not right now, youtube is watching" makes me wanna go Hiii Twitch! Also I've rediscovered your channel recently since I decided to give pixel art another go and I got to say, I love the style of your videos - lots of substance, clear and comprehensive, teaches principles instead of showing how to replicate things. Thank you for these :D

  • @dirtywhitellama
    @dirtywhitellama 3 роки тому +6

    You know somebody knows what they're doing when they say "this is very rough" and yet it's instantly readable and exactly what you would expect from a polished piece, just short on some refinement and touchup.

  • @clearswitch-m1v
    @clearswitch-m1v 4 роки тому +3

    Great video, I can feel the knowledge coursing through my veins.

  • @dustinferguson1533
    @dustinferguson1533 3 роки тому +2

    The first thing I thought of when it came to Skeumorphism is the Pip-Boy in the Fallout series.
    Sidenote: I've just started watching your videos and they've been very helpful! Thank you!

  • @rockabluesy60
    @rockabluesy60 3 роки тому +1

    I work as Front End Dev professionally for years for Web and Mobile apps development, which basically making the UI and experience for the user itself visually. But I have difficulties on applying my skill to pixelart, idk why, it just different. This video is definitely help alot.

  • @johncormier
    @johncormier 4 роки тому +1

    This is a fantastic video. Lots of detail but moving at a very comfortable pace. Thank you!

  • @HeroG9000
    @HeroG9000 4 роки тому +2

    Do glad I found your channel I’m loving each video that comes ou, great work!

  • @zhulikkulik
    @zhulikkulik 10 місяців тому +1

    For binary choices like yes/no - please make sure to make them non cyclic. Like if I press right or down - I expect to either see some change, or not see any change if a second option is already selected.
    Sometimes it's very hard to understand which button is selected even if the design isn't bad.

  • @Holdsworthands
    @Holdsworthands 4 роки тому +2

    27:41 OMFG ive been working for a year+ with aseprite and i didnt know that you could do that, ive been copying and pasting, i feel so dumb but now this will really help -_-

  • @loteknomad5032
    @loteknomad5032 4 роки тому +3

    Great introductory video. Would enjoy some additional videos digging deeper into good UI / UX practices.

  • @ricardolima5206
    @ricardolima5206 3 роки тому

    Very interesting and useful. Its nice to see how comfortable you are, when using Aseprite.

  • @feydk
    @feydk Рік тому +2

    Interesting that no one has pointed out just how wrong "Arkraga" was when they said "ux is buttons, ui is how it looks".

  • @carlosgm6034
    @carlosgm6034 Рік тому

    Thankyou for your videos, you are the best pixel-art teacher

  • @alexandracoffin696
    @alexandracoffin696 3 роки тому +1

    Hi Adam,
    I'm new to your channel, but loving it so far!
    I was hoping to request a video focusing a bit more on the background elements of your player controls and game window, like the scroll and character containers touched on in this video. I'm working on developing a simple point-and-click adventure that is largely driven by item interaction and the associated dialog box, but I want my console log to have a little bit more "life" to it an cohesiveness with the rest of the game.

  • @newtonsbit
    @newtonsbit 4 роки тому

    I didn't think I needed this one, but I definitely did!

  • @Dignelson
    @Dignelson 2 роки тому

    Man!! I am learning so much with you... thank you so much

  • @kierannmoran
    @kierannmoran 4 роки тому +17

    First, you’re channel is so underrated keep going man

    • @kurocat471
      @kurocat471 4 роки тому +1

      *your

    • @kierannmoran
      @kierannmoran 4 роки тому +1

      johnny cox yeah bro real funny

    • @IgnisMorgan
      @IgnisMorgan 4 роки тому +1

      @@kierannmoran Hes right though, please fix it.

  • @remus-alexandrusimion3439
    @remus-alexandrusimion3439 3 роки тому +1

    Me: Wow, that looks so cool!
    Adam: Obviously this is very rough
    Me: ...

  • @zb3485
    @zb3485 Рік тому

    this was incredibly helpful - thank you!

  • @metaknich
    @metaknich 4 роки тому

    Please keep going , ur tutorials help me a lot!!

  • @linedoltrainerchannelgammi2247

    14:00 what does this website called?

  • @o.b.1904
    @o.b.1904 3 роки тому +1

    What game is at 9:35 ?
    NVM, it is a WIP: Nebulosa

  • @BeingFriends
    @BeingFriends 4 роки тому

    Wonderful intro. Very helpful!

  • @CmakotaCW
    @CmakotaCW 4 роки тому

    Such a quick edit! This was on stream today :O

  • @brandonbell3133
    @brandonbell3133 11 місяців тому

    Would love a Part 2!!

  • @zolan4277
    @zolan4277 3 роки тому

    lol Adam: I'm not going to be very good at this.

  • @0niKingu5ama
    @0niKingu5ama 4 роки тому

    adam has taught me so much vital pixelart skills. thank you, adam, you are truly appreciated. I wish only greatness in your endeavours, helping others grow.
    ✨🌻✨

  • @lozD83
    @lozD83 3 роки тому +1

    08:50 The Owl Boy UI buttons don't have enough contrast for my liking, tbh. I've also often been tripped up by games that use the colour to denote which control is selected. Although, thankfully Owl Boy doesn't rely on the colour to show focus.

  • @Ariadne-c6n
    @Ariadne-c6n 2 місяці тому

    I really really gain a lot from this tutorial.
    23:09 Is there anyone know what game is it👀

  • @bladesofdestiny
    @bladesofdestiny Рік тому

    so much great content thank you!

  • @liwolf8933
    @liwolf8933 4 роки тому +6

    Will there be advanced UI tutorials?

  • @ionutgabriel1997
    @ionutgabriel1997 3 роки тому +1

    what program is he using? i want to try it too

  • @joshicus_saint_anger
    @joshicus_saint_anger Рік тому

    Great video!

  • @FortbloxNET
    @FortbloxNET 4 роки тому

    9:48 what Game is that Screenshot from????

  • @o.b.1904
    @o.b.1904 3 роки тому +1

    TIL the origin of radio button.

  • @ViktorOddy
    @ViktorOddy 3 роки тому

    What is this app that you did those buttons in??

  • @bwulf
    @bwulf 4 роки тому +1

    I love your content, you're the best. What font do you use in the video?

    • @yangpeng6384
      @yangpeng6384 3 роки тому

      Can you tell me what font it is?

  • @tanakanoku4191
    @tanakanoku4191 2 роки тому

    Where is download these font Apollo ?

  • @yangpeng6384
    @yangpeng6384 3 роки тому +1

    Who knows what font this is?

  • @inconito7281
    @inconito7281 4 роки тому

    What is the name of the app you are using that looks like a notebook ?

  • @hergergy
    @hergergy 3 роки тому

    Why have so many ideas for my game i've had ended up being basically what this is, grid-based isometric combat, handwritten-personal UI style
    I guess it's validating that my ideas are good, I guess

  • @rcookie5128
    @rcookie5128 4 роки тому

    Insightful!

  • @Adroan98
    @Adroan98 Рік тому

    i love how the one guy in the chat called him a noob XD like sure bud he is the noob lol

  • @GwynPerry
    @GwynPerry 4 роки тому

    I'm sure the answer is obvious, but what is the whiteboarding software you use in the first part of this video?

  • @choko9674
    @choko9674 10 місяців тому

    Please tell me what your palette is.

  • @roberto01631
    @roberto01631 4 роки тому

    hello what program do you use?

  • @yehyarabih6797
    @yehyarabih6797 4 роки тому

    Nice one

  • @trrrtl
    @trrrtl Рік тому

    Очень информативно ❤

  • @jaanekborodajev5654
    @jaanekborodajev5654 2 роки тому

    Program
    name?

  • @dabbopabblo
    @dabbopabblo 3 роки тому

    how do you just start making something that looks so terrible then suddenly it just looks super good and polished while I pour my heart and soul into my stuff and try to perfect it over so much time just for it to end up looking terrible

  • @funky_pepe
    @funky_pepe 4 роки тому +2

    Lov u Adam

  • @Orygon8078
    @Orygon8078 2 роки тому

    Now that I know how to make ui I don't know how to my custom ui in unity😅

  • @小島昊-f9g
    @小島昊-f9g 3 роки тому

    awesome

  • @skollskollskoll
    @skollskollskoll 4 роки тому

    Hey, at a point in the video, your voice has an after-sound that sounds very steel-y

  • @RavenCroftLoft
    @RavenCroftLoft 3 роки тому

    Maan I feel like you explained why weve seen a dumbing down in games with things like fortnite hah, People like to just scan and move fast = BR games for life rofl.

  • @RandomNewb
    @RandomNewb 4 роки тому

    ah nice, another telepath. i was just thinking about how to put together game UI for my game.

  • @gabef9538
    @gabef9538 3 роки тому

    Start screen? Nah point and click rpg with a mimic that looks like a start button. Pausing makes everything dormant until you move but spawns a number of pause buttons that increase in quantity if you pause frequently.

  • @memerx9022
    @memerx9022 4 роки тому +1

    2

  • @denizegem3807
    @denizegem3807 3 роки тому

    im not even planning to make a game why am i here...

  • @ejtsevr940
    @ejtsevr940 4 роки тому

    Please add *_Turkish Subtitle_* to your video. Please