Replies: 18 (Who?), Viewed: 2031 times.
Field Researcher
Original Poster
#1 Old 15th May 2021 at 6:55 AM Last edited by redandvidya : 15th May 2021 at 7:06 AM.
Default Bedrock UI - Sims 3 Dark Mode UI recolor by simstate
Hey all. I'm excited to share the prototype of a full UI redesign for The Sims 3. This is a modern dark UI, in the same style of my similar Starship UI for Sims 2. I've spent about an entire week working on this thing and figuring it out- and I'm really happy and excited on how it's looking so far. This is a true flat redesign from the ground up, not a recolor.



I was led to believe for many years just by looking at the process and files that redoing the entire UI would take years, and that "redoing minor elements would take hours." But surprisingly, fortunately I have found that to be untrue. I set up a pretty simple workflow, and was able to do the entire essential Live mode design in just a day. So maybe some people are just lazy.

I chose to go with a dark grey main color and green highlight states, similar to my Starship UI. I used a lot of references and inspirations for this UI, particularly Chills Flat UI, Dark as Night UI, (which the LAYO files of I actually am temporarily using) and TS3 Clean UI. (Shoutout to Miha for giving me tips along the process and helping me out with a few nasty bugs.) I call it "Bedrock UI." Because dunno I feel like it sounds nice.







I'm not releasing it yet to the public as I don't feel that it's THAT finished yet, I still consider it a prototype, but as for all my other UI mods you can get to try the alpha on my Patreon, as I know there are people who really want to test it and I figured this was a better way instead of being spammed with anon asks on Tumblr. LOL. I can't link my Patreon here due to MTS policy, but you can find it on my about page. The final release will be free for everyone, don't worry, and I'll also release all my PSDs and source files so that people who want to change it, can.

Thanks!
Advertisement
Field Researcher
#2 Old 15th May 2021 at 5:07 PM
I have a quick question: "When will this UI become available to the public?"
Field Researcher
Original Poster
#3 Old 16th May 2021 at 8:59 AM
Quote:
Originally Posted by Train_guy
I have a quick question: "When will this UI become available to the public?"


When it's finished, which might take quite a while considering the amount of assets I have to redo / recolor. an alpha is available on my Patreon if you really wanna test it, but other than that it might take a while. There's still assets in build/buy that I have to fix (as seen by the broken zoom in/zoom out buttons in Build) and generally just a lot of messy stuff to fix. It might take a while before I feel this is ready for the public to test. An example I would give is my Starship UI for TS2. I revealed that UI on 24 October, then released a public beta last March. So, do the math if you can. It takes a while to get a functionning UI, hell there's still stuff in that beta I need to fix, am just having trouble figuring out how.
Field Researcher
Original Poster
#4 Old 16th May 2021 at 4:32 PM
Beta / Early Loading Screen design.


Scholar
#5 Old 16th May 2021 at 9:36 PM
This looks really nice and clean. I'd love to see a light version of this too.

The drop off has been made. You've been warned.
Field Researcher
#6 Old 16th May 2021 at 10:19 PM
Have you thought about testing what the loading screen would look like with the dark background and the plumbob and the relief of the logo in green? It's just an idea that just came to mind. I thought about dark versions for sims 2 and 3 as they appeal to me quite a bit after using Clean UI in sims 2 for so long. So I really like this that you are creating and it looks really great.
Lab Assistant
#7 Old 18th May 2021 at 9:23 PM
Are you going to make recolors as you did for The Sims 2? This may sound weird but I always liked that every expansion and stuff pack had its own theme in its icon and I imagined that it would look nice if it was also implemented in the original UI for each of them. Like, pale green for High-End Loft, dark pink for Late Night, dark green for Supernatural, etc.

And thank you, this is a good job.

Feel free to add me on The Sims 3 and to send me in-game gifts. ^^
You can also find me on The Sims Forums, but inactive.
Inventor
#8 Old 19th May 2021 at 12:51 AM
Will it keep this simple black for supernatural sims? For ex. I have a Djinn and his ui is purple on purple and its hard to see his needs. This green on black is a lot easier to read.

Wren-der Simblr // Sim Art // Pictures // Downloads // Random Nonsensical Rambling
Field Researcher
Original Poster
#9 Old 22nd May 2021 at 6:00 PM
New and refined loading screen design per feedback in this thread, based on chromaticasims remastered loading screen as a template.

Field Researcher
Original Poster
#10 Old 22nd May 2021 at 6:02 PM
Quote:
Originally Posted by Eca
Are you going to make recolors as you did for The Sims 2? This may sound weird but I always liked that every expansion and stuff pack had its own theme in its icon and I imagined that it would look nice if it was also implemented in the original UI for each of them. Like, pale green for High-End Loft, dark pink for Late Night, dark green for Supernatural, etc.

And thank you, this is a good job.


Thanks! It depends on whether or not I can find a way to easily mass batch recolors, and the way TS3 handles UI is very different than how TS2 handles UI (in TS3, UI backdrops and icons are in the same file, so it makes mass batch actions harder.) I'll try to see what I can do, I'm thinking if I go all flat I can simply use the color range tool to manipulate the colors and create mass batchable UI actions THAT way. Thanks.
Lab Assistant
#11 Old 3rd Jun 2021 at 7:28 AM
I love it, I need it, keep up the good work!
Test Subject
#12 Old 3rd Jun 2021 at 11:21 AM
It's very sleek and I'm a fiend for dark colours, so I love how it looks so far! Though if I can make a suggestion, right now the Live Mode and Build/Buy Mode UIs look a little flat to me because there's no clear distinction between most of the various panels and buttons... I don't know if you intended for it to be like that, if not could you try playing with some (subtle) borders and/or gradients to make the "clickable" pieces look a bit more separate from each other and from the background?
Inventor
#13 Old 4th Jun 2021 at 5:09 PM
My mom is gonna love this! She's legally blind, but still loves playing The Sims 3, even if it's really hard for her. But I'm sure it'll be easier for her now with this recolor, as the white buttons on a dark grey background are easier to see than the dark blue buttons on light blue background.
Field Researcher
Original Poster
#14 Old 4th Aug 2021 at 10:20 AM
The project is still ongoing! Just been focused on my other recolor for TS2. I just redid the main menu, what do you guys think? :D

Test Subject
#15 Old 4th Aug 2021 at 4:07 PM
Is it available on your Patreon?
Field Researcher
Original Poster
#16 Old 5th Aug 2021 at 1:42 AM
Quote:
Originally Posted by dockamorpher
Is it available on your Patreon?


Yes!
Field Researcher
Original Poster
#17 Old 17th Aug 2021 at 10:20 AM Last edited by redandvidya : 17th Aug 2021 at 10:58 AM.
I changed the game font to a more modern one to fit with the dark mode.. not gonna lie, I think it looks pretty slick!





Test Subject
DELETED POST
16th Sep 2021 at 10:34 AM
This message has been deleted by Schokobiene. Reason: delete
Field Researcher
#18 Old 21st Sep 2021 at 4:01 PM
How much longer until this becomes available to the public?
Field Researcher
Original Poster
#19 Old 23rd Sep 2021 at 7:43 AM
Quote:
Originally Posted by Train_guy
How much longer until this becomes available to the public?


Here's a list of the things I have to do until I feel like it's ready for the public, in order of priority:
1. Clean up Build & Buy mode (they're the areas that look the worst right now)
2. Fix NRaas, supermarket & book store menus (critical, as everyone relies on NRaas mods)
3. Fix loading screen artifacts
4. Fix white trait backgrounds
5. Revamp map tags
6. Revamp puck menu design (make it slightly less flat)
7. Release font replacements

Coupled with the fact that right now I'm currently saddled with schoolwork and also I'm trying to finish my Sims 2 Dark Mode mod (which is closer to completion than this dark mode) it might take a bit; hopefully school clears up a bit for me so I can continue work on this.
Back to top