UI/UX Transform Panel
-
Made a Redesign of the Transform panel, and establishing some design language for everything to be cohesive. The "Reset Transform" from the drop-down menu is now named "Apply Changes", as in my opinion is quite confusing, also added a button to "Reset" all the changes made to the original state.
also made some Close Button States:
Normal:
Hover:
Clicked:
-
The panel looks great, and I think the design language can be implemented.
The "Reset Transform" is used to reset the bounding box of the object to a new empty transform.
I would not use the "Apply Changes" button as nowadays applying any changes from a panel is expected to be automatic (on pressing enter, or leaving the edited field).What font/size was used for the X/Y/W/H text?
-
@vectoradmin The font for all the text is Apple's San Francisco PRO TEXT, Regular at 13pt, thought that using the font that is used by Apple in all its OSs would help with that Native Feeling which will surely draw a lot of users to it :), though I'm not quite sure about the licensing if you want to make a Windows version of the app.
-
@vectoradmin About the "Apply Changes" you're right... hmm... but "Reset Transform" still doesn't sound right to me, for what it actually does. What about something in the lines of "Update Bounding Box" or "Set as Default" ?
-
Will think about the "Reset Transform" (could it be "Flatten"?)
-
@vectoradmin Sounds definitely better! What do you think about "Adjust Bounding Box" ?
-
or "Reset Bounding Box"
-
@vectoradmin Yup sounds good!
-
Build 165 brings a new UI style. The panel designs have been updated.
