modifying the design.md file.... (modified it and added two images for it)

This commit is contained in:
germedeb 2022-01-13 19:54:21 -03:00
parent a0b094f9f3
commit d304fed561
3 changed files with 4122 additions and 20 deletions

View File

@ -1,29 +1,37 @@
# Setup inkscape # Setup inkscape
* import the inkscape palette in the Tools folder. how?: * import the inkscape palette in the Tools folder. how?:
* copy other/aleta-inkscape.gpl to: * copy `other/aleta-postre.gpl` to your inkscape folder.
* flatpak inkscape version: `~/.var/app/org.inkscape.Inkscape/config/inkscape/palettes` In gnu linux are two possibilities:
* native inkscape version: `~/.config/inkscape/palettes`. if you have the flatpak version: `~/.var/app/org.inkscape.Inkscape/config/inkscape/palettes`
if you have the native version: `~/.config/inkscape/palettes`.
# Concepts
here is an image describing the parts of an icon of aleta.
![concepts](../../other/Screenshots/design-concepts.svg)
# Filled or not?
there is two designs in aleta. Lined and Filled. Filled is preferred over lined.
here is the two designs over the same icon:
![concepts *note that this is an example and this icon doesn't exists*](../../other/Screenshots/design-filled.svg)
# Design # Design
* the position of the icon will fit in the hints. * the position of the foreground will fit in the hints.
* the drawing must be white. * the foreground must be white. *This don't mean that you will draw every path in white. you can use any color you want while drawing. this means that the* **result** *of your drawing session is an icon with a white foreground*
* the final icon must be only paths. * the minimal width is a square of the grid. preferably make «2 squares lines» as minimum.
* the minimal width is a square of the grid. preferably make -2 squares lines- as minimum. * if the icon is too complex, try to simplify it.
* if the icon is complex, simplify it, * please use the **original color**¹; if the original icon shows many colors, decide by yourself what are the best color to use.
* please use a color that is aproximated to the original; if the original icon shows many colors, decide by yourself what are the best color to use. * you can use plain colors, but gradients are appreciated.
¹: in aleta postre, i have changed the color rules and now aleta uses the original colors of the apps. there is no more the needing of a palette.
## folder design ## folder design
* instead of the template.svg, use the template-folder.svg. * instead of the template.svg, use the template-folder.svg.
* in that template are two hints more; they are for the subicon. * this template is specific for folders and **NOT** FOR ICONS.
* the pink is the limit of the icon. * this template hast only one hint.
* the red is the limit of the icon's stroke.
# subicons and folder
* the subicon of an icon that use the subicon template need to have a stroke of 1 px, the same color of the background, the order: "makers, stroke, fill", and it need to be converted to path.
## Note:
if you have questions about how to draw icons, contact me on my telegram.

File diff suppressed because it is too large Load Diff

After

Width:  |  Height:  |  Size: 62 KiB

File diff suppressed because it is too large Load Diff

After

Width:  |  Height:  |  Size: 61 KiB