Just wanted here to give the default nodes a fresh look too and tried to match the flat and simple UI we see a lot nowadays. Guess in a far feature it would be great to get some customization options to match all users styles with some node roundness options, opacity, perhaps font, custom canvas backgrounds with tiled images, whatever, but I guess there are some more important stuff for Vuo in a near future.
This was an attempt to roundness here, and I will try to add some other UI parts on the same style in this thread, perhaps we should separate topics by style, like you could create a flat square design one ) Perhaps will try one too.ĭesign is very subtile and subjective and always evolving. Another style, even flatter, all in square. Yeah I remember your comment on the lib cinders GUI in the UI Feature Request. I will try some projects and mockups for the editor when I have time, takes a lot of time ) I have made some custom editor buttons and some stuff for myself. Yes an unified UI is something important in a software. My god ! Spent some hours of work here ! Hope you'll like it )Īlexmitchellmus thanks man ! I really appreciate the kind comment ! Walls could be shown with just a bar of the height of the port inside the node (or outside, on the port). The ports also have been expanded a little, they touch each other, no pixel between them anymore, an endless node hug )Īt this level, the borders on the ports could be removed too ! This allows to remove all ovals ports from on the sides of the nodes to ensure a simple and readable UI. If the FR to show values even with connected cables would be implemented, the cable could just connect at the left side of the value port. so this could be added later.Īs already written, I think those different ports could be merged as when we connect a cable the value port disappears. OK this is the part that could require more work from the original nodes as it changes the place of the ports. Light gray for unconnected cables, color matching for connected ones. Not the most important part to me but it would be cool if the connected ports would match the color of the node. Moderner look without, looks great on both clear and dark mode (the ports still have borders here). One with less serif and straighter characters to get a simpler read. I'd use another font for the nodes then Signika.
An oval for empty values and for single number values, expands on wish for each added characters. The value ports also have more equal scales.
#Plogue bidule program change event full#
I don't know why the value ports would need an arrow shape on their right part so the port now is a full rounded square. I'd prefer round borders for the value ports too (or go full square rather then 10px roundness). It is now aligned with the space line between the Node title and node class (the original Vuo node alignes with the top of the duo class characters it seems). That way the design is consistent with the other data ports but still is easily recognizable by the big triangle in the middle. I wouldn't make the node transparent as they make the nodes look so pale :(ĭ - New Event Only port design + Rounded value ports.Īs I couldn't get to make a rounded triangle with his border for the event only port I put a rounded white triangle in an oval. I'd use solid colors, with HSL in full brightness and a saturation of about 40-50 to ensure a good read on the port labels. The walls on the ports are useful enough ! I believe this is useless and only adds clutter. I also removed the bottom bar that displays a node with wall. The node is slightly expanded to allow the higher roundness (just a little). I like both square and rounded stuff, but if I choose round, I like round roundness ) 10 is too few to me. I have updated the "Event only" ports since the original submission as I understood I had been drawing them too big, they should be no bigger then the data + event ports, but that sharp triangle is hurting my soul ) I love it smooth and round.Ī - The Original Node I tried to recreate in vector drawingī - Rounder Node + A little growth - No bottom wall bar. Each step is small but still changes a lot and could be used progressively or separately as a roadmap. Exported the steps I made to get from the original node to the final result.
0 kommentar(er)
