finally, the final look of progenflares plugin

[mustafaGFX]

I finally have finished the UI/UX of the plugin :) I made some improvements to the UX and rearrange the settings and renamed some settings and parts to a better

the final look :

https://user-images.githubusercontent.com/70863817/128253990-d7fa5bdf-5d1f-4cf6-b257-ddd190fbb7f5.mp4

UX

the new arrangement :

i have divided the settings into 5 sections/windows, they are : (dimensions - theme - rays - lens - light effects)

• dimensions: is the window that has all dimensions controls, I felt this name it better than "global"

• theme: I merged the window " glow" and all color settings into this window, it's easier now to edit the overall look

• rays: I merged starburst and glint windows into one window called rays to reduce the number of windows and also they both have the same setting and are very related to each other

• lens: I have made the same thing to streak and lens orbs and put them into "lens", for the same reasons

• light effects: the extra settings were related to each other and to light effects, so I put them into this window

the 2 main buttons

of course, the most important buttons are "finish" and "reset". and I had to make them the main buttons and remove the extra options away to some more logical place.

I have set a specific part to import files so that users know this feature easily, I also was thinking about making a preset store like photopea PSD templates, but let's talk about it later

I put the extra options like set defaults and export preset in a small menu on the import page

now you can try and it here : https://framer.com/share/cto1WhLEsg4WhaflmVRE?fullscreen=1&highlights=0

[yikuansun]

Looks great! The design is very thoughtful and much cleaner than my original. Could you send over the icons and color codes, and the names of the fonts if necessary? I'll start working on it as soon as possible.

[mustafaGFX]

Thanks :) and of course I will send all icons and vector illustrations and fonts and colors. I am not at home Right now... I will send them tomorrow

[mustafaGFX]

hi I am so sooooorry for being too late, I was on travel and couldn't send you the assets and icons of the plugin icons and illustrations : vectors.zip

colors : primary : orange #FF9E0F secondary : Dark #1F1F1F secondary : too Dark #1A1A1A

[yikuansun]

@mustafaGFX I've implemented most of the features we've talked about and you can now play with the plugin or the standalone app. I am still, however, working on the aesthetics... I've found them to be surprisingly difficult compared to technical features.

Note that I changed a few words from the Framer page, as I thought they'd fit better.

Also, I'm not sure about the rounded corners... I think they would obstruct the preview image a little bit, and if I made the preview image have hard corners I think it'd be best to make everything have hard corners for consistency. Additionally, I think hard corners may look a little more "high tech." Do you think there could be an alternative?

For some reason, I struggle with the "set defaults" button, as I'm not really experienced with Cookies. The feature is temporarily gone. I'll have to research it more, then I'll add it back.

Finally, I'd like to thank you for helping me out with what was initially a very small personal project. People may look at my repository and think I did all the work, even though you played a crucial role in design. I was wondering how you'd prefer to be credited?

[mustafaGFX]

ooh finally it looks amazing, and yeah I liked the sharp corners more, and the changes you made to some words are good, good job regarding the aesthetics additions, maybe these pages can be useful for you : https://semantic-ui.com/collections/menu.html https://semantic-ui.com/modules/accordion.html#/definition https://semantic-ui.com/modules/transition.html

I'm not sure if they are really useful but let's see,

Finally, I'd like to thank you for helping me out with what was initially a very small personal project. People may look at my repository and think I did all the work, even though you played a crucial role in design. I was wondering how you'd prefer to be credited?

oh man I'm glad to hear this, I really appreciate these really amazing words

[mustafaGFX]

but I have some notes one of the most important things is to implement an inner scroll bar, as I showed you in the framer project, all sections have the same height, is too difficult to do that?

[mustafaGFX]

one little more thing, the drag and drop icon is too big and bright, can you make it more invisible, smaller and darker

[yikuansun]

Quick update:

one of the most important things is to implement an inner scroll bar, as I showed you in the framer project, all sections have the same height

I've implemented this. It turned out surprisingly simple. However, in certain window sizes, the height of the scrollbar might be a little short. I don't find this to be a big issue, but I'll continue working on it.

one little more thing, the drag and drop icon is too big and bright, can you make it more invisible, smaller and darker

Yup! Let me know if it looks good now.

[mustafaGFX]

hi, so sorry for this late, it was a dark time of my life and I'm happy that I'm back again, and I have a lot of ideas for plugins, they are easy but very very useful for almost every user on photopea, and we will use free APIs for them

are you ready ?

[mustafaGFX]

the result that we have in progenflares plugin is amazing, all we need is to customize it to the new size of plugins ( almost 9:21 ratio )

[mustafaGFX]

and to make it perfect, make a custom slider

[yikuansun]

Glad you're back! Take good care, I'd totally understand if you need to take a break or take your time with this project.

all we need is to customize it to the new size of plugins ( almost 9:21 ratio )

Done. It looks a lot more sleek now, very happy with the result.

and to make it perfect, make a custom slider

I have also added this, let me know if I should adjust size or color or whatnot.

I also added a simple help/info button which opens the repository's README. It has your user linked in the credits. If you want me to change your display name or the page it links to, feel free to tell me.

Do you think we are ready to show our product to Ivan?

I have a lot of ideas for plugins, they are easy but very very useful for almost every user on photopea, and we will use free APIs for them

are you ready ?

For sure 😄 I'm very excited!

[mustafaGFX]

yo, i'm very happy my friend, it looks amazing and i'm happy that i was part of it ❤️

Do you think we are ready to show our product to Ivan?

all we need to do this is to design the brand identity and the logo design of it, let me do it to night

[yikuansun]

all we need to do this is to design the brand identity and the logo design of it, let me do it to night

Any news?

[mustafaGFX]

hi so so sorry for being late :( my exams in collage will be finished the next week, I had to study and prepare for it to pass it,

[yikuansun]

@mustafaGFX It's all good. Best of luck with your exams!!

[mustafaGFX]

thanks ❤️ but hey, i will try to finish it ASAP i want it to be commercially profesional-looking

[yikuansun]

@mustafaGFX By the way, I was experimenting with this outlined button look. Do you think we should use it, or keep the current button style?