HOME | DD

Bayushi-Tai — Inara UI WIP for Rainmeter by-nc-nd

Published: 2013-12-19 09:07:55 +0000 UTC; Views: 3077; Favourites: 9; Downloads: 60
Redirect to original
Description This is Inara UI , my new user interface i'm designing for Rainmeter.
It is not finished yet, is at %90, almost done.

Here we got 6 screenshots, i'll describe them now.

Screenshot 1 Main (interfaces closed) 

Here you can see the main interface, at left in the first window (family) there are space for 3 buttons for specific folders of users in my family.
Below that there's a small Slideshow, there are some random photos, i coded to be show at grayscale and keeping the aspect ratio.

In the next window (Launchers) you can see the Inara UI logotype, that is a button that close any of the interface sections (Work, Play, Watch...)
and under the logo we got the 5 main launchers, each one of them is the next screenshot below, if you pay atention the words are in blue, that means
that section is being displayed.
At bottom of the left side we got a simple Recycle Bin with the data i like to know about it.  ...and some rotation effect to make it cooler.
In the right side of the main interface we got a window (Date/Time) with that data. Below there is the (Weather) window, actually that is not mine,
is "VClouds Weather 2" by VClouds but i change the background and some coordinates and other things to make it fit in the space i left for it.

Below the weather we got another window (Network) there will be the IP, the Upload and Download data... still in progress.
The last window (System) shows the SSD & HDD with their total size and free space, two access to my most used folders, Downloads and My Passport.
Ending the main interface there are an image button of the earth with net conections, that my friends is the web browser access (Chrome in this case)

Screenshot 2  Work>> 

Here you can see some programs access, the most used. They are transparent but when you put the mouse cursor over they turn in solid, here
the cursor is over the "Adobe Photoshop" button, also there are a transparent animated effect in the corner spaces between the buttons.

Screenshot 3  Play >> 

Here you got the games access !!In the middle there is a preview window, when you place the cursssor in a game button this window shows a video
of 1 minute of that game. In this case you can see the cursor placed over the GTA V button (wich i still haven't yet...) and the preview window is
displaying a video of GTAV.

Screenshot 4  Watch >>

Here you can see six windows, this are buttons to my video folders: Movies, Series, Documentals, etc. I still have to finish 2 buttons, obviously this
buttons are displaying a video inside, not a picture, a 1 minute video about the folder category. Just click over and access to the folder. Oh and the
mouse cursor here is placed over the MOVIES button, i still have to change the video of this one.

Screenshot 5  Listen >>

Here you see the NowPlaying data, the CD cover or image tagged in huge size and the main buttons below. (Stop, Pause/Play, Prev & Next)
In the (metadata) window, below the cover, the Title of the song, the artist, album and release year. Under that data there is the actual time of
the track and at the right of that the bitrate and the Rating stars.
At the right place you can see a big window (Lyrics) were the song lyric is displayed.

Screenshot 6  Search >>

Here there are an animation i took borowed from g3xter called "Rotating Globes" and around that there is place for some web search engine access
or links to web pages at choice (i still haven't decided wich ones)

That's all for now, i'm still working on it.

This skins was inspired after seen a skin by virgiles named "Smart UI" i start to work over it and at the end i'd changed everything.
Please leave your comment and feel free to ask anything.
Related content
Comments: 8

rabra [2014-12-04 10:10:36 +0000 UTC]

Hey man. This looks so good.
Completely new user interface. Can't wait to see it done.

👍: 0 ⏩: 1

Bayushi-Tai In reply to rabra [2014-12-04 18:14:26 +0000 UTC]

Thanks Nikola, i'd finished that Inara Skin, but i'd never upload it 'cos it's too personal, too many access to personal folders,
also it work ONLY with 1920x1080 resolution, so i only did it for personal use. Later when you lear a lil' bit more you realize
that some access button should be withthe name in text, not as an image, in this way you can upload it and the other users
can change the name of an access and route, but in PNG button with the name of the folder on the image is too personal. 

Now that i only got one or two problems in my player skin for rainmeter i'll be ready to create new
RM skins based on the one i'm doing now, when i get one that works fine i'll upload it.

👍: 0 ⏩: 1

rabra In reply to Bayushi-Tai [2014-12-04 23:13:18 +0000 UTC]

Great design I must say. And I understand if you decided to keep it for your personal use since it is complicated work and needs additional configuration after installation and majority of users simple don't pay enough attention to do it for themselves. The more you code the more you learn so I am sure you'll make more beautiful skins.

And I am sorry I couldn't help you with player skin, I was so caught up with some projects so... Can't wait to see how your player turns out. All best.

👍: 0 ⏩: 1

Bayushi-Tai In reply to rabra [2014-12-05 08:51:12 +0000 UTC]

Thanks for the compliments Nikola, don't worry, i understand you, no need to apologies.

👍: 0 ⏩: 0

ActiveColors [2014-11-22 08:43:16 +0000 UTC]

Nicely done! I like the opulent choose of widgets.

👍: 0 ⏩: 1

Bayushi-Tai In reply to ActiveColors [2014-11-22 09:00:50 +0000 UTC]

Thanks, "opulent" describe it very well, hahaha !!!

👍: 0 ⏩: 0

Painkiller4life [2014-08-18 22:19:46 +0000 UTC]

This is Fraking Incredable! What a great idea, i have been searching through skins forever looking for something special, and this is it, I can totally see this being featured on many sites. On a 1920x1080 screen most skins are to small for me to read at any distance, I am dying to know what level of customization this will have? So clean yet very complex, like the video preveiws and games are you kidding me, I have many questions, i dont know where to start, like.
will there be an option to change the boarder colors and transparency?
will the media player support Winamp?
will there be a cpu and ram meter?
can you select your own websites or put RSS feeds in the web boxes?
Can I use Firefox as my browser?
 I apologize for all the questions, my curiosity getting the best of me.
Regardless of any of this I will be watching with great anticapation, putting this in my favorites, and letting my friends know.
Once again I must say well done sir, this is amazing, good luck to you!     

👍: 0 ⏩: 1

Bayushi-Tai In reply to Painkiller4life [2014-08-19 09:20:06 +0000 UTC]

Wow, thanks for the kind words an welcome to deviantART !!!

There's no option to change the colors but the transparency can be done, RM allows it !
Yes, it support Winamp, i have configurated for AIMP3, but is easy to erase AIMP and write Winamp in the skin file !!
There's no CPU and RAM, sorry. I'm using this skin (Inara UI) since i upload this image but i haven't finished, it must be 90%...
Yes, in the web browser you can write any website but the image of the button will display those of the screenshot.
I use it with Google Chrome, but i think that works with any browser, you just have to edit the text and done !

Don't apologize, after all you're the only one who had paid atention to this skin (c'mon, someone in my family had paid you to do this, speak!!)
I haven't uploaded Inara UI, it has some personal buttons, as you can see there's a window at the left top that it got 4 buttons with images
of my sons and wife, (in the screenshot the are holes, now that is complete)

I'll upload a video of Inara UI benn used, if you like !

Again, thank you for watching this, and i invite you to take a look to my CD Art Display skins, there i'd left many hours of hard work !
Check them here: bayushi-tai.deviantart.com/gal…

👍: 0 ⏩: 0