Designing the UI for my Farming Game
Вставка
- Опубліковано 6 чер 2024
- Devlog video about "Homegrown", a casual farming game I'm creating using my own engine.
Play my previous game "Equilinox":
store.steampowered.com/app/85...
Support the channel on Patreon and get access to the game & code for Homegrown, the city-builder, and Equilinox:
/ thinmatrix
UI database website: www.gameuidatabase.com/
Flat icons: pictogrammers.com/library/mdi/
You can follow the progress of the game on my social media:
Twitter: / thinmatrix
Instagram: / thinmatrix
Facebook: / thinmatrix
Trello: trello.com/b/W3zkIJTM/farm
Email: thinmatrix@gmail.com
Background music by Jamal Green:
open.spotify.com/artist/50jTM...
Outro music by Dannek Studio:
/ dannekstudio
#devlog #Homegrown - Ігри
I've been watching you since I was 13-14 man, and now I'm 20. Thank you for just motivating me, and the game looks amazing.
This channel was one of my biggest inspirations in life and definitely contributed to me studying computer science
Hey man, same. Trying to make my own game is what really hooked me on to programming.
This.
Keep watching for another 10 years and you will be 30, if my math is correct.
@@konjecture Let me crunch those numbers...yep, looks like you are correct.
Im sure enough people have said this but the UI looks amazing so far and I love the fact colours can be changed. It would be so cool if we could do this in the game as a setting and apply our own custom colours. Love the progress and I look forward to seeing the next devlop. Keep it up :)
Yeah, exactly my thoughts!
Or depending on the time of day they change!
why not have some reward or quest to complete that gives you more choice in the colors of UI you can choose from
@@alexisbrin518yea that’s a great idea, like unlock different colours
@@alexisbrin518 Not being able to change the colors to whatever you want from the start presents a usability issue for those who experience some level of color blindness. The idea of unlocking colors sounds cool but since this affects UI, it's probably best to avoid it.
i really like the color scheme system you made, especially when you were switching between them (blue > brown > lightblue)
to me, it immediately felt like you were switching to a different season. the darker greenish blue would be a nice winter color and the browns for autumn.
I was looking for this comment, instantly felt the same and think it would really cool to switch them with the seasons changing :)
Would be a nice option for the player so they can choose between different color schemes.
It would be cool if the transition from the farm to the town was in the style of the cloud like shapes in the UI
Something like The Simpson intro sounds wonderful. However, do consider how often this will get used. Such detail transition required times for people to perceive and might not fit how often we need to see it. If a game flow required me to visit the town often then it might be annoying. Need to find that balance.
Designer here. Keep the cell shading, thats great. Small dark circles around the inventory numbers. The white text on the green was still readable. Keep going in this direction!
Also for the fertilizer buttons, keep the design it's great, just scale down the tag.
Text with a solid high contrast backing is preferable to throwing an outline on it with that color, legibility wise. (So make it an inventory counter *circle* instead of a number + outline)
Remember that simplicity is the ultimate sophistication
Ahh, the anti-wintergaten theorem
"A designer knows he has achieved perfection not when there is nothing left to add, but when there is nothing left to take away."
- Antoine de Saint-Exupery
It is a good dayyyy!!!
Looks awesome. Very clean and suits the overall style.
Thank you :)
"I've been working on it so long I've lost the ability to look at it objectively." I feel this every time I do world design or UI design for long periods of time. Always great to have other people give you unbiased notes.
I love the visual update. They seriously add to the character and charm of the game. Great work!
Thanks a lot ^^
I have the same feeling of “What makes a UI look good?” It’s the biggest thing for me as a Website Developer.. Glad to see I’m not alone.
7:07 - for the fertilizer tags, maybe it'd help if you made the text colors a darker version of the current background, and the background much lower opacity (or blended more with the parent container's background). That should maintain contrast while reducing attention to them
also - the headers for each statistic ("Contents:", "Fertilizers:") may look nicer without the colon as they are headings anyways. To make them look more like headings without the colon, increase their font size & bottom margin. another thing that might help with distinguishing between headings and normal text is to make headings look _more_ contrasting against the background by making normal text _less_ contrasting against the background
finally I really wish Dosis had a monospace (tabular) numbers OpenType feature for numeric values...nothing much can be done about that...
overall the ui looks really good and fits the "cleanliness" of the game's artstyle :)
Thanks for the suggestions!
I absolutly love that navy blue color scheme it feels so fresh and pops
I definitely like the more imperfect design for the buttons/icons. Makes the game look a bit more cozy, for lack of a better word. Would be neat if the player could make/choose there UI own UI Color Schemes.
Dude loves the workspace selfies. Game's looking really nice.
This is a long awaited update! Fantastic job!
Always nice to see these devlogs. Some of the best!
UI looks better than what I could do. Also Shneiderman’s 8 “golden rules” of UI could help you.
Considering, that currently no sky is visible, I really like that you have chosen clouds as accents, that balances it out.
Looking great, I'm always so drawn in with your videos!
Inspiring as always! Thanks 🙏
Looks amazing as always man so happy to see how far this has come!
Looks amazing! Well done - you never disappoint ❤
THIS IS AMAZING! This guy is someone i wait excitedly to upload cause i love his content and just love all around😁
Loving the UI design and layout! Great work dude!
What a timing ❤
I was about to start implementing UI for my own open world farming game and I can’t believe you uploaded a video about it. Thank you so much and this looks absolutely amazing 😍😍
Looks really nice and fits the theme nicely!
this is beautiful work
looks lovely
As soon as I start work on UI and get stumped you upload. Great work Bro!
It looks so good! Super clean, and so very pleasant to look at. I'm so hyped for this game!
Nice call on adding the little accents to the bubbles, it does help give the UI some personality
As always amazing! My partner has recently started a UI UX course so she has found this fascinating also, can't wait to see more!
Wow. the design is sooo good!
I really like your UI Design approach - keep it up!
Great improvement on the UI!
Always a pleasure to see progress. Loving the new UI.
Graphic designer here with some feedback: The buttons with text could use a little more padding. It will be easier to read and will look less cluttery. love the faux drawn icons!
Amazing work like always! I so can't wait to play another amazing game from you. This one is my fav as i love gardening and always wanted a game that is like this!
Going to watch the whole video now
Looks amazing! I really like the big juuuuuuuicy outlines, and the fluffy UI shapes are really nice :D
You’re slowly motivating me to start out and make some small games just for educational reasons. Love your content
Amazing!! Nice video.
This game is really coming together. Great devlog
Dude I REALLY like this UI design. This is so impressive for real!
I first watched you and bought Equilinox when I got out the hospital about 5-6 years ago. still very underated.
amazing job keep it up 👍
LOVE the hand drawn look on icons and buttons!!!
The most anticipated episode is here!!!! I haven't been this excited before!
Having the ui be adjustable in code is so cool. I'll keep this approach in mind :)
Your game already looks so professional.
The colorscheme at 11:37 looks the best in my opinion.
UI is one of my favourite parts of programming! Thank you for this video.
Nice work as always, I think the UI looks great, love the button style you've gone for and I especially like the transition button too!
I think knowing where to draw a line under a task (at least for stage 1) is a good skill to have in development as you could keep doing the UI until its perfect...then you add the menu and realise you have to change it again!
There's always so much work that goes into the little things that people look over. UI is absolutely one of these things. Glad there's a video discussing the process that goes into it!
That idea of trying to draw over/around a professional icon to give it more personality is really smart. Wow. Thank you.
Looking good! I recommend removing the boxes from the hotbar totally and perhaps adding a single wide element as the background. The slots would still be there but a bit less visible 👌
The UI is absolutely beautiful, congratulations
The UI looks great. I particularly like the render for each item.
UI looks fantastic, perfect for this style of game
More impressed with the place you live 😮
So much Nature around❤️
looking insane. Must be hard to keep work so consistent for so long and after all that time seeing the end result. Very satisfying feeling i am wondering
I think I watched your LWJGL videos a long time ago and now you have a game released and even working on another? That is amazing man! Trying to get back into my hobby of game dev can be difficult but once you're in it your locked down and I love every second of it.
You are doing great and living a lot of peoples' dreams!
I think you've done an excellent job with the design but also setting the foundations for future changes. Cell shading looks good, but I believe the animations play a bigger role in this specific type of game, they provide feedback and make the game feel more "alive" (icon wiggling or zooming in, etc).
Also, make sure you run the animations on the icons when using the keyboard, and not just the mouse.
Game is looking great, thank you for sharing your talent with us!
I like the UI. Suits the game nicely. I didn't know there is a game UI database. Thanks for the info!
I think the cell shading looks nice for the icons despite the models in-game not having cell shading. It fits the UI thematically
I think it looks great!
4 years since the city builder already? Feels like yesterday to me, time sure flyes by!
Very nice. Gives different feel to the game. Big improvement. Happy you've corrected perspective on top-left clock icon, to be the same as coin.
Always inspirational.
The new UI genuinely looks so amazing, I love it! For someone who struggles with designing UI you did a really good job!
The blue colors look great. My favorite is the darker blue palette
That UI looks really good! Gives the whole game a lift.
Your irl garden inspired me to have my own garden! So far it's growing well! )
UI looks really good, clean, simple and fits the game perfectly
These curvy bits in the UI make me think that we're in the sky / clouds.
Looks good!
Implementing your UI controls as separate parts you can color through code is actually a big step towards accessibility because then you can allow the user to adjust the color scheme to fit their personal needs. Vision impairments are varied and personal. If they can adjust font size or the whole UI scale as well, that’s great too.
I cant wait to play the game actually, I love it!
The UI looks pretty good! I think you hit on a good base, just gotta tweak and polish now.
Great video. I'd say you're doubting your own ability to make good UI - your concepts, ideas, styles and implementations are really awesome! Great work
AMAZING AS ALWAYS
Thanks!
Good job man
ui look great imo u can be proud, crazy how you seem to be able to learn anything
one thing id change would be making the outlines white rather than black, maybe it would fit better with the general color scheme of the game while still keeping the readability that an outline gives
id try it at least
also idk if you plan implementing a day night cycle in the game but if you do, the ui could change depending on the time
all in all great work man love these videos always make me happy to watch
I like how smooth/rounded the new UI looks. It fits well with the aesthetic of your vegetables.
If you need inspiration for icons and stuff, it might also be helpful to look at how e.g. plants are sold/presented, the next time when you're buying something for your balcony.
Keep up the good work. I'm looking forward to your next devlog.
I’ve been playing skyrim and i think their potion mixing system is amazing and could be incorporated in your compost system. Basically so that when you first start the game, you do not know the effects of the fertilizers in the shop and you have to add them and wait for the compost to be ready and only then will you discover the effects of the fertilizers. That could give some progression to the compost system and also, could allow you to have a few sneaky fertilizers with negative buffs;)
Man, every time you release a video I feel the urge to work on game development again. Your work is just so inspiring; it's polished, but doesn't feel overly complicated where you'd just have no idea where to start.
I really should just focus on getting my degree though.. I mean, one day of programming couldn't hurt, right? Maybe 2?..
Every time I watch you, I realize how grateful I am that I use an engine. You have to code to simply rotate a UI element? No, thanks :)
Your art style great btw. I really liked it.
I love the ambient light around your set up. And the video is nice!
Also: perhaps a radial menu around wherever the mouse pointer currently is and selecting a tool by moving the mouse into the radial sector of the tool would help the usability.
the UI Colour could maybe be a option in the settings that players can change them self if they want
wow ui looks really good
I am currently at university studying game development. I've love watching these videos and they really help me stay motivated with my own work.
i compiled a list f really cool features that you may consider adding to the game here it is:
*1.* Currently some players will think that making their farm good and look good is useless, so why not make a competition that happens from time to time
and its a competition for the best farm, and the rewards may be: ingame coins, etc..
*2.* Make guides for everything because if you're a new player you wouldn't know the mechanics without watching the devlogs
*3.* And for the paths getting dirty mechanic make it so that for the dirt paths the thing you clean is fallen leaves instead of dirt
because cleaning dirt from dirt paths is kinda stupid
and a fun little idea! : make the harvesting sound effects of the game from your irl little garden, record sounds of you harvesting and add it to
the game, if it sounds good of course
Hey great video! I think the brown color scheme is a lot more clean than the others, you can still see the buttons perfectly fine but there is a lot less jarring contrast.
The design is very well consistently stylized and overall cohesive with the rest of the game. It even matches the color palette pretty well. I do like the organic drawing but it may be overaccentuated in the plain buttons. Maybe it's too much shadow or something, but, if there were any weak points in the overall design, that'd probably be it
UI is overlooked by many players, but spending the time to get it into a great state pays off. Overall great progress!
The UI looks great! As a software developer myself I also struggle with creating professional looking UI. I would be very happy with myself if I produced that UI!
Awesome update!! What might make the ui design a bit better is a backdrop blur for the transparent boxes mabe? It would definetely look cool
It's all looking really cool, man! The UI looks great. Maybe it could switch between the tan and blue colors when going from day to night, if a day and night cycle is added.