forked from germedeb/aleta-postre
modifying the design.md file.... (modified it and added two images for it)
This commit is contained in:
parent
a0b094f9f3
commit
d304fed561
@ -1,29 +1,37 @@
|
||||
# Setup inkscape
|
||||
* import the inkscape palette in the Tools folder. how?:
|
||||
* copy other/aleta-inkscape.gpl to:
|
||||
* flatpak inkscape version: `~/.var/app/org.inkscape.Inkscape/config/inkscape/palettes`
|
||||
* native inkscape version: `~/.config/inkscape/palettes`.
|
||||
* copy `other/aleta-postre.gpl` to your inkscape folder.
|
||||
In gnu linux are two possibilities:
|
||||
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
|
||||
|
||||
* the position of the icon will fit in the hints.
|
||||
* the drawing must be white.
|
||||
* the final icon must be only paths.
|
||||
* the minimal width is a square of the grid. preferably make -2 squares lines- as minimum.
|
||||
* if the icon is complex, simplify it,
|
||||
* 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.
|
||||
* the position of the foreground will fit in the hints.
|
||||
* 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 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.
|
||||
* please use the **original color**¹; 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
|
||||
|
||||
* instead of the template.svg, use the template-folder.svg.
|
||||
* in that template are two hints more; they are for the subicon.
|
||||
* the pink is the limit of the icon.
|
||||
* 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.
|
||||
* this template is specific for folders and **NOT** FOR ICONS.
|
||||
* this template hast only one hint.
|
||||
|
2055
other/Screenshots/design-concepts.svg
Normal file
2055
other/Screenshots/design-concepts.svg
Normal file
File diff suppressed because it is too large
Load Diff
After Width: | Height: | Size: 62 KiB |
2039
other/Screenshots/design-filled.svg
Normal file
2039
other/Screenshots/design-filled.svg
Normal file
File diff suppressed because it is too large
Load Diff
After Width: | Height: | Size: 61 KiB |
Loading…
Reference in New Issue
Block a user