Budgie 11 mockups discussion #763
Comments
|
I think I'd want to go with a charcoal tone instead of straight up black, with at least 2 tones for it (i.e. status, "dim" type) |
|
I think the Notifications label is redundant fwiw |
|
^ Yes, it's distracting me from the actual content. |
|
RE: Grouped notifications, the start of each notification text should be xaligned with the label for the group (i.e. "Firefox) - otherwise the grouping is unclear. The icon could probably be outdented a bit too |
|
All feels really Plasma / KDE esque if I'm honest. |
|
|
Could probably drop the "back" label, the |
|
I hope that first round of feedback is help, @christiankaindl. Thanks for getting this kicked off, and your mockups :D |
|
Totally not digging the white panel, but that my taste. The transparency is good, however can be problematic with maximized windows. To me at least its distracting. Having the panel go opaque with max windows is a good way to have your eye candy and eat it to. |
|
Disagree with most, sorry. |
|
No worries, its your show. You listened that's all I can ask. Out of curiosity what don't you disagree with? |
|
Well a fair amount of it disagrees with what I've set down for Budgie 11, a quick example is the fact that we must split settings out of Raven. We're thoroughly restricted with it in terms of screen estate, and in almost all translations the sidebar grows immensely. We're also not phasing out icons. Symbolic icons make sense in place of text. Icons and text is a dated concept. When you don't use monochrome icons it also looks tacky. I'd recommend checking the info repo first so you know what it is I have in mind. Buttons beside the "search bar" looks utterly offensive and disgusting so I won't be doing that. Look at latest Brisk it doesn't suffer from placement issues. I'll get back to this tomorrow with some more thoughts. |
|
Hi all,
I just wanted to throw my hat in with the following:
1. Budgie has become my go-to standard for transitioning folks from
"Windows 10(ver. 1607)" to Linux and as such, the really 'helpful' parts
are:
a. Win-10 themeable(arc-darker + faba icons)
b. Bottom panel position
c. 54-pix panel size for the elderly and sight-impaired(cramps up against
volume and brightness indicator bars, though, at sizes larger than 40 or so
pix)
d. Settings(gnome-control-center) button at bottom of Raven(similar to
"All Settings" tile in Win-10 'Status / Notification' thingy)
e. Right-side window controls(:minimize,maximize,close)
f. Clean, elegant & familiar, if somewhat 'traditional' design elements
for those who have been "clicking & drooling" for many a decade in other
W.I.M.P. based desktop environments. ;-)
2. GREAT alternative to gnome-session-flashback
3. Budgie brings a fresh approach to a lightweight, yet modern & featureful
looking D.E. for *nix's.
4. I'm pretty sure that I read that Mark Shuttleworth over at Canonical got
excited about an official Budgie spin added to the *buntu family. And he
bought a seat on a Russian space shuttle up to the International Space
Station just for fun ... how cool is that?
Thanks for all your work and looking forward to Budgie-11 as the best-yet !!
~Chris Rainey
Tulsa, OK
U.S.A.
…On Sat, Dec 31, 2016 at 4:23 PM, Ikey Doherty ***@***.***> wrote:
Well a fair amount of it disagrees with what I've set down for Budgie 11,
a quick example is the fact that we *must* split settings *out* of Raven.
We're thoroughly restricted with it in terms of screen estate, and in
almost all translations the sidebar grows immensely.
We're also not phasing out icons. Symbolic icons make sense *in place* of
text. Icons *and* text is a dated concept. When you don't use monochrome
icons it also looks tacky.
I'd recommend checking the info repo first so you know what it is I have
in mind.
Buttons *beside* the "search bar" looks utterly offensive and disgusting
so I won't be doing that. Look at latest Brisk it doesn't suffer from
placement issues.
I'll get back to this tomorrow with some more thoughts.
—
You are receiving this because you are subscribed to this thread.
Reply to this email directly, view it on GitHub
<#763 (comment)>,
or mute the thread
<https://github.com/notifications/unsubscribe-auth/AGnuRVRDjkyi4-iBii9g9u4uDYQHZambks5rNtXVgaJpZM4LYkaD>
.
|
|
Fair points, But I didn't mean to say keep the settings in raven. Just that it was good to have simple stuff, fonts, themes, etc.. in their own tab and everything else in another tab in your new Budgie settings app. One that is extensible to 3rd party setting dialogs, like plank as an example. Throw the rest of the stuff I said out if you like. My thoughts for settings is just me trying to visualize something that "feels" like it belongs to Budgie, and evolution of how raven split things up. |
This is a little bit of a nitpick, but I think that the way the panel is sized is a little odd. Often I find myself having to contort the panel size in order to get the icons on the task list to look sharp. I think it'd be nice if the panel sizes followed more standard heights (16, 24, 32, 48, 64, 72...) Or if that's not something that could be done, it might be nice to have the task list be smart enough to always size the icons to where they'll look sharpest... |
|
Good point!
I usually find the default panel size to be 24 and then I increase to
48(sometimes only 46 for icon sharpness ... gnome-flashback, in this case,
seems to need this).
…On Sat, Dec 31, 2016 at 6:36 PM, Kylie McClain ***@***.***> wrote:
The height of the panel is 39px, just like it is today in Budgie.
This is a little bit of a nitpick, but I think that the way the panel is
sized is a little odd. Often I find myself having to contort the panel size
in order to get the icons on the task list to look sharp. I think it'd be
nice if the panel sizes followed more standard heights (16, 24, 32, 48, 64,
72...)
Or if that's not something that could be done, it might be nice to have
the task list be smart enough to always size the icons to where they'll
look sharpest...
—
You are receiving this because you commented.
Reply to this email directly, view it on GitHub
<#763 (comment)>,
or mute the thread
<https://github.com/notifications/unsubscribe-auth/AGnuRXcdM4VTF5J184ibo-y_0wTAYmhEks5rNvUXgaJpZM4LYkaD>
.
|
|
I like android Clear all notification button. Scroll-bar is too thick. |
|
Here's my update I am working on: First of all I looked at the colors that were criticized and left too much contrast.
These follow more or less the Material Design Guide's color scheme now.
As it can seen here these two snippets have the same visible color although one has the value #212121 and one is pure black with a bit of transparency. The advantage of the latter being it is more flexible against background color changes: So this could be an interesting thought as a integrated customization option in the future: being able to easily change the theme or accent color without lots of modification. Note that these .svg files do not yet use the transparent variant although that might change as design development for Budgie 11 goes on. Second major change that was made happened in Raven's notifications screen. The positioning changed to put the focus more on the content itself - the notifications. An unsolved problem I see is the double usage of the word "notifications" which still resist in this iteration and is also present in currents Budgie implementation. Please view it in full screen and let the color changes take effect:
The scroll-bar is a bit thinner now:
Finally, for those who are interested in the .svg files I'll set up a GitHub repo so everyone can mess with them. |
|
Repeating ikey's point here
|
Looked at it now, current approach being:
This does not only solve the mentioned issue but also makes them actionable. Btw, here's the GitHub repo for all the files: Budgie 11 mockups @ikeydoherty What do you mean with Groups have a "last time", sort by this. |
|
When a new notification is added to a group, the group's |
|
Just a little thing I want to add for notifications... because you have so many animations, when opening up windows and such, it feels very... out of place for the notifications not to have a sliding away thing, when clearing them. |
|
Small update on my front: Raven Widget viewI've put more thoughts into Raven's Widget view, which is now a lot cooler :B
As further work gets done I will update the initial post of this issue with the updated mockups and resources so it is clear to newcomers what the status quo of this issue is. |
|
The Input/Output sinks below the volume bar are actually radio buttons. Yours look like bullet points. |
|
@cybre What do you mean "radio buttons"... Can you explain that to me? |
|
@Hacksaurus https://en.wikipedia.org/wiki/Radio_button |
|
oh I see... I think I like them as bullet points actually... |
|
Yeah, but there has to be some distinction between the selected sink and other sinks in the list. |
|
Isn't there?... In the normal budgie, it changed color... I assume that he did that? |
|
@QORTEC Thanks for the answer! Could you give some specifics for Qt? I understand that GTK and Qt are both responsible the the GUI. Is that I just never really heard about Qt... |
|
@Hacksaurus, sadly I don't think I would be able to describe Qt that well. I wouldn't call my self a programmer and I've only took a quick look at Qt a year ago... I think that you would get more knowledgeable answers form someone else, if you have specific questions you can try asking @ikeydoherty on Solus IRC channel. (irc.freenode.net | #Solus) |
|
@QORTEC Sure I'll try that! Thanks for the help anyways! |
|
I fiddled with the mockup some more. Raven widgets and menu: Raven notifications: The purely informative notifications would be automatically shrinked eg. the Inkscape one and similar notifications could be grouped up eg. Terminal. Actionable notifications would show the full information with the actions. Edit: Updated pictures with more consistent design |
|
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. |
|
I agree with @Thisuu I think a light variation of this would be really nice! |
|
Alt+tab should be solved in Budgie 10.3 IIRC
|
|
@villekivela I really love your latest most mockup, I think you did a great job making the darker theme. General feedback:
Final thoughts:
|
|
@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. |
|
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 ***@***.***> 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
<#763 (comment)>,
or mute the thread
<https://github.com/notifications/unsubscribe-auth/AGnuRbIxN6TBzTnNRa83dSZmMsEeOw74ks5rdxzTgaJpZM4LYkaD>
.
|
|
@ckrzen It's a mockup. That widget doesn't exist yet :P |
|
Great mocks. Do you guys think idea of Chameleon type of stuff with slight opacity would rock for raven theming? |
|
"Chameleon" ? |
|
@archevist Do you mean something that would imitate the colors on the background? |
|
@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. |
|
Thanks for the feedback. Here's my try on a light theme (updated the dark theme also). Widgets and menu: Notifications: |
|
I just want to say this theme is the most beautiful ever, Villekivela you are the best. |
|
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 #763 (comment) would be the great deal. |
|
@livingsilver94 I think its perfectly ok! I mean there is a lot of blur and its not that transparent so its easy to read! |
|
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)? |
|
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. |
|
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:
Looking forward to Budgie 11! |
|
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 |
|
I opened an issue on the budgie-rd branch for continued conversation: |
|
Cheers! |
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.
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
Here is everything on one picture:
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
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.
The text was updated successfully, but these errors were encountered: