search

Codeinwp / logo-maker

Another Logo Maker app made for fun and profit.
https://themeisle.com/logo-maker/
MIT License
71 stars 23 forks source link

[ Proposal ] Freehand Mode #36

Open Soare-Robert-Daniel opened 3 years ago

Soare-Robert-Daniel commented 3 years ago

Introduction

The current layout settings on Logo Maker are based on predefined templates: TOP, LEFT RIGHT. I suggest adding one more option: Freehand - in which the user can drag the SVG to the desired positions.

Preview: image

Implementation

For dragging the SVGs, we can use native functions based on mouse events - you can have a peak in this tutorial.

Besides the drag option, it will be nice to have a way to scale ( only the logo, slogan & text have this option via font-size in Typography ) or rotate. Scaling and rotating the SVG might some problems for the user with small screens. Unlike dragging which occurs on the mouse, these options will available via floating element - they will appear when you select an element.

Preview: image

image

@ineagu, @HardeepAsrani, @selul, @mghenciu, @mileamadalin what do you think?

ineagu commented 3 years ago
  1. I think we can bring the logo-size feature in the logo tab, maybe before displaying the 50 logos
  2. Definitively we can add freehand option if it's not too complicated, 1 sounds more important for me.
mghenciu commented 3 years ago

@Soare-Robert-Daniel Having the option to move the Logo sounds really good, especially for the cases where you need to optically align elements. Same thing for the rotation, it's a good idea, maybe for now it's worth adding it only for the logo (rotating the text I don't think has a lot of popularity).

Something to keep in mind about the moving option, is that usually you'll want to make small changes (in terms of moving distance), and make the moves as precise/frictionless as possible, that's why most of the time I use snapping options or I move the elements with arrow keys, knowing that each key tap has 8px. Long story short, make sure that items move slowly (than usual) when you drag them.