search

solus-project / budgie-desktop

I Tawt I Taw A Purdy Desktop
https://solus-project.com/
2.33k stars 158 forks source link

Budgie 11 mockups discussion #763

Open christiankaindl opened 7 years ago

christiankaindl commented 7 years ago

Budgie 11

Budgie 11 will definitely bring some good enhancements and one of them is its look and feel - or the theme. As planned by project leader Ikey Doherty Budgie 11 will ship with an updated or even completely new theme, thus now is a good time to talk about in which direction it should go and what aspects are important. For this reason I want to share some ideas in the form of mockups specifically made for Budgie 11.

This issue is just for discussion. I am not a team member of the Solus project. Also, not all UI components are finished yet and they get added while time goes by and discussion raises.

Mockups!

I tried to make things as tangible as possible and please be ugly about the details so it can improve. There are separate mockups for all the corresponding UI elements. Also, all images are available as a .svg file and thus easily editable. For more details on the images view them full screen.

Colors

Currently used colors:

Panel

The height of the panel is 39px, just like it is today in Budgie. The main difference with this design is the color selection. Also as can be seen in the other images spacing has been generally increased - especially the "dock" on the rightmost.

panel_1920x1080_2 panel_1920x1080

Menu

not yet finished

End Session Dialog

Not yet finished

Run Dialog

Not yet finished

Raven

The sidebar is a crucial part of the desktop experience and should get a lot of attention to make it a great user experience. View them in full screen!

On the left Raven's default screen and on the right its notification screen main2 main notifications

Here is everything on one picture: all

More importantly, these Raven mockups take care of almost all things pointed out from Ikey Doherty:

Notifications

PolicyKit

The Whole Thing™

~So for you to be happy, of course there is a all in one file. But... be cautious: Maybe you would not expect this but it is pretty power intensive to all those elements at once (especially the shadows), so a decently fast computer is needed if you want to edit them.~

Resources

Some info

I used Inkscape to make these mockups (especially v0.91). All images and corresponding .svg files are licensed under CC0 as you can see below. So please feel free to download and work with them :)

License

CC0
To the extent possible under law, Christian Kaindl has waived all copyright and related or neighboring rights to Budgie 11 mockups. This work is published from: Austria.

Thisuu commented 7 years ago

This looks really good to me,would like to suggest making a light variation of these to showcase how this will look like (Since budgie 11 will most likely be shipped with a light theme by default)

Also a side note: About the color palette of the previous mockup with light theme,i guess colors could be further improved to look it more 'Not kde nor metallic'.(bright variant?)

Excellent work by the way.

TheBabu commented 7 years ago

I agree with @Thisuu I think a light variation of this would be really nice! And another question, has the Alt-Tabbing Business been already solved in Budgie 11?

cunidev commented 7 years ago

Alt+tab should be solved in Budgie 10.3 IIRC

QORTEC commented 7 years ago

@villekivela I really love your latest most mockup, I think you did a great job making the darker theme.

General feedback:

Final thoughts:

cybre commented 7 years ago

@QORTEC I think it has been decided (or just discussed) already that Raven should overlap the panel(s). Currently, it feels like it's a part of the panel (and it kinda is when you look at how it's implemented) when it really shouldn't since it's a sidebar/drawer. A close button can be added to Raven itself and the issues you're talking about are likely to be nonexistent in the rewrite.

ckrzen commented 7 years ago

Great work! I really like dark themes. I also like the way the Task List app with current focus is highlighted.

Question: How did you get those great CPU/MEM/HDD monitors into Raven?

On Sat, Feb 18, 2017 at 10:31 AM, Stefan Ric notifications@github.com wrote:

@QORTEC https://github.com/QORTEC I think it has been decided already that Raven should overlap the panel(s). Currently, it looks like it's a part of the panel (it kinda is when you look at how it's implemented) when it really shouldn't be since it's a sidebar/drawer.

— You are receiving this because you were mentioned. Reply to this email directly, view it on GitHub https://github.com/budgie-desktop/budgie-desktop/issues/763#issuecomment-280856614, or mute the thread https://github.com/notifications/unsubscribe-auth/AGnuRbIxN6TBzTnNRa83dSZmMsEeOw74ks5rdxzTgaJpZM4LYkaD .

cybre commented 7 years ago

@ckrzen It's a mockup. That widget doesn't exist yet :P

archevist commented 7 years ago

Great mocks. Do you guys think idea of Chameleon type of stuff with slight opacity would rock for raven theming?

ikeydoherty commented 7 years ago

"Chameleon" ?

TheBabu commented 7 years ago

@archevist Do you mean something that would imitate the colors on the background?

archevist commented 7 years ago

@ikeydoherty saving a few keystrokes (not intending to thread-troll), quote (years ago when term first appeared):

"Ubuntu 11.10 brings a lot of nifty changes in Unity featuring – chameleon theming, active blur, ability to change launcher opacity, relocation of the Ubuntu button from the panel to the launcher, and so on. "

i.e. color of panel/sidebar changes to match background and system theme colors with bit of opacity.

villekivela commented 7 years ago

Thanks for the feedback. Here's my try on a light theme (updated the dark theme also). Panel: 01-budgie_bonsai_panel

Widgets and menu: 01-budgie_sierra_widgets

Notifications: 01-budgie_lakelouise_notifications

Ogromny commented 7 years ago

I just want to say this theme is the most beautiful ever, Villekivela you are the best. Thanks to Ikeydoherty, and Villekivela <3 from France

livingsilver94 commented 7 years ago

This is gorgeous! But IMHO there's too much transparency, it's a bit distracting especially in Raven. A mix between this screen and this https://github.com/budgie-desktop/budgie-desktop/issues/763#issuecomment-277537867 would be the great deal.

TheBabu commented 7 years ago

@livingsilver94 I think its perfectly ok! I mean there is a lot of blur and its not that transparent so its easy to read!

rawsh commented 7 years ago

Beautiful @villekivela! This is looking pretty Mac os-esque, lol.

How resource intensive would this blurring be (I know it does not exist now, but if it was implemented in the future)? Also, what kind of blur are you doing there, Mipmap (like the old compiz)?

cakedoer commented 7 years ago

I like everyone's attempts, but I think there is a happy middle ground to be found between no transparency at all and transparency everywhere. In my mind, it would look very similar to @villekivela's examples, but with the primary (information) elements opaque, and the secondary elements (UI/menus/fluff, etc.) transparent.

Maybe I will try my hand at this when I have some spare time.

ghost commented 7 years ago

Really like villekivela design, especially the dark theme (though perhaps the actual windows would look better without transparency).

The minimal transparent app drawer looks amazing and more delicate lines separating widgets in Raven are nicer than solid black lines. With the move to Qt and new tech I was wondering about couple of small things:

1) Would this be a good time to redesign the log in and lock screen so it scales nicely in HiDPI and follows the nice theme of the desktop?

2) Since Gnome apps are staying (which I am very happy about) but the window manager/tech might change, how would we control Gnome settings? For example I always change the font scaling and get rid of the application menu from the window top bar. Would this need to be implemented in Budgie settings?

3) Atm we have a gorgeous Firefox theme but after the change it might not fit so well. Any thoughts on providing a theme for Firefox and Thunderbird so it matches the system theme?

Looking forward to Budgie 11!

ikeydoherty commented 7 years ago

So we can move this convo over into budgie-rd repo if you guys are up for it, and try to make it a reality

christiankaindl commented 7 years ago

I opened an issue on the budgie-rd branch for continued conversation: https://github.com/budgie-desktop/budgie-rd/issues/1

ikeydoherty commented 7 years ago

Cheers!