Page 2 of 11

Re: Work on modern icon theme

Posted: Sun Jun 07, 2020 9:19 pm
by st_phan
Chendy wrote: Thu May 28, 2020 7:35 am @st_phan your WIP looks amazing! 💪

Having modern professional UX really really helps push the Freecad project forwards.The psychological benefits, Freecad seems less scary to new users. But also to potential contributors: It shouts 'this project is going places!'
Thank you very much for the kind words! I really hope that a bit of visual touches help make it appear more professional.
And in the future ideally of course make some additions to the UX itself :)

carlopav wrote: Thu May 28, 2020 7:40 am Please do a miracle for that Std_DrawStyle icon: after 2 years using FreeCAD i still need a couple of seconds to catch it in the toolbar!
Haha thanks for the info – I am on it :D:

test_draawStyles.png
test_draawStyles.png (62.63 KiB) Viewed 4717 times


————


I have now some 60+ icons ready. Mainly for the start and part / part design workbench:
icons_current.png
icons_current.png (123.21 KiB) Viewed 4717 times
I am still focussing on steady progress which is also why many icons look somewhat wrong when imported in FreeCAD.
This is due to sloppy exporting (strokes not outlined, bad use of opacity, etc.).

I am posting it here in any case, if somebody wants to give it a try already:

Demo.rcc.zip
(19.66 KiB) Downloaded 234 times

You have to install the IconThemes-addon and use the Demo.rcc inside the .zip as explained in the repo – if installed correctly you can select the Demo.rcc which adds the OpenIko 0.1.0 (working title) to FreeCAD:
icons_addon.png
icons_addon.png (48.38 KiB) Viewed 4717 times

FYI: This is what the icons look like right now:
Screenshot 2020-06-07 at 23.14.30.png
Screenshot 2020-06-07 at 23.14.30.png (170.91 KiB) Viewed 4717 times

CC
triplus wrote:

Re: Work on modern icon theme

Posted: Mon Jun 08, 2020 5:16 pm
by triplus
Have just tested it, nice progress.

Re: Work on modern icon theme

Posted: Tue Jun 16, 2020 9:04 pm
by st_phan
Small progress update:

Will be hard to see, but I started exporting correctly because I am happy with the style:
(I also discovered the available themes and the icons look really nice with the bright theme :) )

icons_current.png
icons_current.png (63.7 KiB) Viewed 4424 times

I am not entirely sure what the best approach is since there are maaaaany icons to be done ...
My current plan is to finish all general UI icons + the ones for the workbenches "part" and "part design" and then see from there.

Re: Work on modern icon theme

Posted: Wed Jun 17, 2020 10:43 am
by carlopav
definitely really clear... i'd like it to be the default theme :)

Re: Work on modern icon theme

Posted: Wed Jun 17, 2020 1:58 pm
by czinehuba
:D :D Keep up the good work. Really nice

Re: Work on modern icon theme

Posted: Wed Jun 17, 2020 3:59 pm
by fc_tofu
Very delicious icons.

Re: Work on modern icon theme

Posted: Thu Jun 18, 2020 7:36 pm
by triplus
st_phan wrote: Tue Jun 16, 2020 9:04 pm I am not entirely sure what the best approach is since there are maaaaany icons to be done ...
My current plan is to finish all general UI icons + the ones for the workbenches "part" and "part design" and then see from there.
Sounds like a plan.

P.S. Note that i haven't made much progress reports in icon themes thread, but i am working on the things discussed.

Re: Work on modern icon theme

Posted: Sun Jun 21, 2020 4:40 pm
by st_phan
carlopav wrote: Wed Jun 17, 2020 10:43 am definitely really clear... i'd like it to be the default theme :)
Really glad to hear that you like 'em. If others from the community also like them we could make them the default once I am done :)

fc_tofu wrote: Wed Jun 17, 2020 3:59 pm Very delicious icons.
Thanks <3

czinehuba wrote: Wed Jun 17, 2020 1:58 pm :D :D Keep up the good work. Really nice
Thanks!

triplus wrote: Thu Jun 18, 2020 7:36 pm
st_phan wrote: Tue Jun 16, 2020 9:04 pm I am not entirely sure what the best approach is since there are maaaaany icons to be done ...
My current plan is to finish all general UI icons + the ones for the workbenches "part" and "part design" and then see from there.
Sounds like a plan.

P.S. Note that i haven't made much progress reports in icon themes thread, but i am working on the things discussed.
Cool! Really looking forward to that :)
FYI: I noticed that some icons didn't get applied or sometimes applying in general wasn't working, but I couldn't properly reproduce yet – once I know more I'll post there in the icon themes thread!

Re: Work on modern icon theme

Posted: Sun Jun 21, 2020 5:09 pm
by st_phan
For those that are curious how I work on icons:

(1) Normally I search for reference:
Of course the current FreeCAD icons, but normally what the commercial software world is doing (which I didn't find for the walled object merging)

(2) Then I note what I think could be enhanced:
For the walled object merging for example that they looked very 2D (even though it's a 3D operation), that the style doesn't work well in small size (contrast and gradient) and that the red looks a lot like deleting the entire outer surface.

(3) I then make many variations until I am somewhat happy which involves a lot of copying and pasting (progress from top to bottom):
Screenshot 2020-06-21 at 18.49.19.png
Screenshot 2020-06-21 at 18.49.19.png (311.7 KiB) Viewed 4142 times

(4) Once some more icons are done I export everything and use it a bit to see if they work well in the application:
Screenshot 2020-06-21 at 19.06.42.png
Screenshot 2020-06-21 at 19.06.42.png (95.43 KiB) Viewed 4142 times
(Don't work that well in a small size, but getting there :D )


———


Of course I don't do this for all icons. E.g. most of the 2D sketch icons are super straight forward (once the style is found):
Screenshot 2020-06-21 at 18.55.40.png
Screenshot 2020-06-21 at 18.55.40.png (48.05 KiB) Viewed 4142 times

Re: Work on modern icon theme

Posted: Fri Jul 31, 2020 2:21 am
by triplus
Thanks for sharing your design workflow.

P.S. Yes, a good design in the end usually takes a lot of work invested and involves extensively trying things out. Similar to coding and most of other tasks in real life! :)