How do I contribute in UI design?

[YouEsBee]

I would like to try designing some elements of the AiryxOS to make it more intuitive and user friendly. Is there any way to help?

[mszoek]

Yeah, absolutely. What did you have in mind?

If you're on the Discord we can also chat there.

[YouEsBee]

Hi how else can I help in the UI design?

[mszoek]

There is lots still to do :)

We need a full trash can icon as well, and the new release needs an updated Installer icon. I hacked up the Tanuki one - maybe you can make us a better one that we can use permanently. Here is the crappy one we have now: https://github.com/mszoek/airyx/blob/main/CoreServices/Installer/Icon.png. Some logo assets are here if you want them: https://github.com/mszoek/airyx/tree/main/Logo_Assets

KDE window decorations - dark and light (title bar, button images, etc). Qt/KDE and GTK themes with all the GUI widgets matching your concept art. Color palette matching the concept art (a table of hex codes and description of what each is used for)

[HydraJedi]

looks childish IMHO

[RandomDSdevel]

@HydraJedi:

looks childish IMHO

     Future theming support's still being thought about.

[mszoek]

That and it's not a given we will use all these. Some I like more than others.

[YouEsBee]

[mszoek]

Very nice, and quick work! I'm still not sure about the grid on that calendar - let me think on it.

[YouEsBee]

How about having more subtle grid lines or having just a number on the calendar page?

[mszoek]

The subtle lines are better but I think what bothers me is that there are partial squares at the edges for a total of 8 squares per line. So either 6 days or 8 days? It just seems ... off. If it had 7 squares per line and the edges of those outer squares were the edges of the image, it would probably look more like a calendar to me.

But the number page looks great... how about we go with that for now?

[YouEsBee]

Alright I think its great!

[YouEsBee]

I have amended the grid icon, in times when a static icon is needed.

[mszoek]

Here is a look at some of the icons at their actual size on the Dock

The download folder, trash can and terminal look great.
At this size, I'm not sure I like the finder icon - something about the winking eye looks wrong. Thoughts?

[mszoek]

I think the full trash looks awesome at icon size, actually.

[YouEsBee]

With glasses, gradient A

With glasses, gradient B

Without glasses, gradient A

Without glasses, gradient B

[YouEsBee]

Installer

[mszoek]

Hah, this is perfect!! Adorable.

[YouEsBee]

Light Mode

Font:

Arial

Dock:

Colour: #f4f4f4
Opacity: 55%
Distance between icons: 40px
Padding between icon and dock: 28px
Radius of dock: 50px
Diameter of circle below opened app: 15px
Width of separator: 13px

Windows:

Distance between ‘traffic light’ and window edge: 45px
Distance between 'traffic lights': 15px
Main window contents background colour: #f3f3f3
Description of tab bg colour: #f8f7f7
Line separating tab description and main window contents: 5px
Colour of tab outline: #dedede
Radius of tab: 50px
Outer shadow for depth of window: 21px

Button:

Radius: 15px
Colour: #ffffff
Border colour: #e6e6e6

Global Menu:

Padding between menus: 65px
Opacity: 75%
Colour: #ffffff
Distance between icon shortcuts (e.g. wifi, bluetooth, search): 40px

[HydraJedi]

how about this?

[mszoek]

Naturally. Many people have made very similar icons for Linux desktops without issue (AFAIK) but admittedly we are a bit of a special case... you think it's too similar? Apple does have the blue and graphite Finder icons registered with USPTO.

The purple gradient one is safer for sure.

[YouEsBee]

I guess it's better to not draw too much attention from Apple. We should use an icon that does not seem like a random Finder clone.

[mszoek]

Do you want to try a totally different concept for the Filer icon?

[HydraJedi]

I guess it's better to not draw too much attention from Apple. We should use an icon that does not seem like a random Finder clone.

+1
play it safe, you can let people change the icons later to the icons of their choice

[KevDoy]

You gotta be careful with the face on finder. Apple used to use that as the macOS logo. If it isn’t a registrered trademark, they can still establish a history of usage.

For Trenta Icons, I did it this way.

@YouEsBee maybe you can use these icons as a jumping off point. I plan to continue maintaining that project. Maybe Airyx can fork it?

edit: plus, they’re all SVG!