6 Diseño
germedeb edited this page 2022-09-07 14:30:16 +02:00

Diseño

En esta pagina se abordarán la mayoría de cuestiones de diseño en Aleta

Empezando a contribuir

Clona el repositorio y crea una nueva rama a partir de master.

Partes del icono

El icono está compuesto por tres partes muy básicas:

Background

Es el fondo de color que se ve en todos los iconos de aleta. Este Cuadrado tiene que tener un gradiente. El color debe ser el mismo de la aplicación del icono.

Foreground

Es El "icono" blanco que se ubica por encima de el Background. Es el logo de la app

Hint

La Hint es una guía, para que el Foreground quede completamente centrado dentro del Background.

Diferentes Templates

Aleta tiene varios templates. Aquí tienes una breve descripción:

├── icon.svg | un template para iconos ├── folder.svg | el template de las carpetas ├── symbolic.svg | un template para iconos simbólicos └── template-symbolic presets | varios presets para iconos simbólicos | ├── symbolic-with-error.svg | un icono simbólico con un signo de error, | con un color que gnome-shell y GTK | cambian a rojo* ├── symbolic-with-negation.svg | un icono simbólico que tiene una barra | cruzada. └── symbolic-with-question.svg un icono simbólico con un signo de pregunta

  • Gnome shell (y GTK+), por algúna razón no pone los colores tal cual se le pide, sinó que tiene algunos colores cuales interpreta y muestra otro, como en este caso, que el signo de error tiene que ser un cierto tipo de azul para que se muestre en rojo. No sé a qué viene esto, pero no es de mi agrado. XD

Iconos de Aplicaciones

Los iconos de aplicaciones son los que aparecen en el app grid de gnome, en el dock de XFCE, en el panel de plasma, etc.

Justo en este momento, 8 de Junio de 2022, aleta está en un gran rediseño, cambiando el diseño antiguo de colores planos y 18x18 pixeles a uno de gradientes, transparencias, y 16x16 pixeles por icono. además de que ocurrió un tropiezo en el medio, ya que empecé el rediseño con la misma resolución, 18x18, y me dí cuenta tarde de que había que rehacer muchos iconos en 16x16.

así que este rediseño abarca dos generaciones de iconos a la vez.

Carpetas

Las carpetas Son diferentes de los Iconos (claramente).

Hay dos tipos de carpetas:

Carpetas normales
Carpetas custom

Las carpetas normales son las que ves en la mayoría de sistemas, como la carpeta home, musica, documentos, descargas, videos, etc.

Las carpetas custom son carpetas que no estan presentes en casi ningun sistema, y son para usuarios muy especificos que les gusta tener iconos separados para las carpetas. Estas son folder-github, folder-gitlab, folder-gitea, folder-hg, folder-sourcehut, folder-docker, folder-gnome, folder-wine, folder-cambalache, folder-phone, etc. Los dos tipos de carpetas se diseñan igual; como los iconos, pero ahora con el template de la carpeta (en icons/templates/folder.svg)

Final

Resaltaré que esta wiki es WIP (work in progress (Trabajo en Progreso))

Contactame para mas preguntas