Page MenuHomePhabricator

New interface and logo
Closed, ResolvedPublicDesign

Assigned To
Authored By
Eavqwiki
Dec 12 2019, 10:59 AM
Referenced Files
F31672862: lingua-libre6.png
Mar 9 2020, 1:57 PM
F31666611: 1.png
Mar 5 2020, 11:14 AM
F31666613: 2.jpg
Mar 5 2020, 11:14 AM
F31666612: 4.jpg
Mar 5 2020, 11:14 AM
F31666614: 3.jpg
Mar 5 2020, 11:14 AM
F31651080: lingua-libre3.png
Feb 29 2020, 3:50 PM
F31651078: lingua-libre5.png
Feb 29 2020, 3:48 PM
F31651075: lingua-libre4.png
Feb 29 2020, 3:47 PM

Description

Voici les propositions de logo et maquettes graphiques pour Lingua Libre :
Here are proposals for a new logo and interface for Lingua Libre:
HOMEPAGE

Homepage(1).png (5×2 px, 3 MB)
Homepage hover(2).png (5×2 px, 3 MB)

WIZARD [test du micro]
Record wizard(1).png (2×2 px, 202 KB)

WIZARD [profil du locuteur] (2)
Record wizard Step 2(1).png (2×2 px, 273 KB)
Record wizard Step 3(1).png (2×2 px, 276 KB)

WIZARD [mots à enregistrer]
Record wizard Step 10.png (2×2 px, 213 KB)

WIZARD [studio] (5)
Record wizard Step 4.png (2×2 px, 316 KB)
Record wizard Step 7.png (2×2 px, 317 KB)
Record wizard Step 8.png (2×2 px, 331 KB)
Record wizard Step 9.png (2×2 px, 340 KB)
Record wizard Step 11.png (2×2 px, 458 KB)

ENREGISTREMENTS (2)
Enregistrements(1).png (2×2 px, 510 KB)
Enregistrements_Filtres(1).png (2×2 px, 519 KB)

LOCUTEURS
Locuteurs(1).png (2×2 px, 808 KB)

HELP
Help(2).png (2×2 px, 400 KB)

DISCUSSION
Discussion(1).png (3×2 px, 293 KB)

LOGOS
[Proposition #1]
Logo Proposition #1(1).png (1×1 px, 77 KB)

[Proposition #2]
Logo Proposition #2(1).png (1×1 px, 80 KB)

[Proposition #3]
Logo Proposition #3.png (1×1 px, 71 KB)

[Dernière proposition] (2)
Logo Suggestion.png (1×1 px, 41 KB)
Logo Dernière proposition(1).png (1×1 px, 29 KB)

Donnez-nous vos retours et votez pour garder le logo ou adopter la proposition #1, #2, #3 ici : https://notes.wikimedia.fr/p/Maquettes_et_logo_Lingua_Libre
Please give your feedback and vote whether you prefer keeping the logo, or adopting the proposal #1, #2 or #3 here: https://notes.wikimedia.fr/p/Maquettes_et_logo_Lingua_Libre

Event Timeline

lingua-libre2.png (177×127 px, 6 KB)

lingua-libre.png (173×144 px, 6 KB)

propositions de logos (prononciation audio, langue des signes, visuels)

Critères

  • plus sérieux que les propositions actuelles, géométrique
  • pas le nom dans le logo, ou lisible au moins lisible ou en-dessous
  • des mains pour les ailes de l'enregistreur
  • rec plutôt que mains et la langue
  • flat (pas de superpositions) ?

Proposition WikiLucas00 Lingua Libre Rec Play V1.png (500×500 px, 34 KB)
Proposition WikiLucas00 Lingua Libre Rec Play V2.png (500×500 px, 31 KB)

Variations autour des symboles Recording et Play (communs à l'enregistrement audio et vidéo et l'écoute/visionnage de langues parlées ou signées) et des couleurs Wikimédia (présence du nom du projet facultative)

lingua-libre3.png (2×572 px, 105 KB)

lingua-libre5.png (213×254 px, 6 KB)

D'autres variations. Vers la fin, feeling un peu "commons" avec le rouge et bleu wikimédiens.
Perso j'aime beaucoup le dernier... simple et efficace.

Note : aucun des deux bleus de la maquette n'est le même que celui du logo wikimédia.

Pour info si besoin pour les tests : les typos c'est Linux Libertine italic (pour Wikipédia) et Montserrat bold (pour Wikimédia).

lingua-libre4.png (518×279 px, 20 KB)

Bon faut que je me calme.
Bises :)

lingua-libre3.jpg (1×288 px, 828 KB)

lingua-libre4.jpg (141×136 px, 677 KB)

D'autres variations. Vers la fin, feeling un peu "commons" avec le rouge et bleu wikimédiens

Je ne suis pas forcément en faveur de l'intégration du logo dans un phylactère (bulle), qui réfère surtout aux langues prononcées

Je ne suis pas forcément en faveur de l'intégration du logo dans un phylactère (bulle), qui réfère surtout aux langues prononcées

Je comprends l'idée, mais quelle autre symbole pour la parole ? C'est déjà plus neutre que le micro ou la bouche... Sans ça, avec juste le bouton record, ça pourrait être de l'enregistrement de n'importe quoi d'autre que des langues, non ?

VOTE : https://framadate.org/hDWmCjUFBdJfEhu3

PROPOSITION 1 :

1.png (155×220 px, 13 KB)

PROPOSITION 2 :

2.jpg (180×220 px, 4 KB)

PROPOSITION 3 :

3.jpg (220×212 px, 4 KB)

PROPOSITION 4 :

4.jpg (163×220 px, 8 KB)

Faut-il vraiment voter à ce stade ?
Ça me paraît précipité. On n'a même pas discuté des propositions... AMHA ce sont juste des pistes à approfondir.

Ce serait bien aussi de solliciter des avis extérieurs, de gens qui ne connaissent pas forcément le projet (wikimédiens ou non), de personnes qui utilisent la langue des signes... pour savoir ce que leur évoquent ces logos.

Je repense à la proposition bouche+main qui faisait penser aux violences faites aux femmes : quand on a le nez dedans, on ne voit plus ce qui saute aux yeux du premier venu.

Faut-il vraiment voter à ce stade ?
Ça me paraît précipité. On n'a même pas discuté des propositions... AMHA ce sont juste des pistes à approfondir.

Ce serait bien aussi de solliciter des avis extérieurs, de gens qui ne connaissent pas forcément le projet (wikimédiens ou non), de personnes qui utilisent la langue des signes... pour savoir ce que leur évoquent ces logos.

Je repense à la proposition bouche+main qui faisait penser aux violences faites aux femmes : quand on a le nez dedans, on ne voit plus ce qui saute aux yeux du premier venu.

Je suis du même avis, il me paraît plus raisonnable d'attendre encore avant le vote.
J'aime beaucoup le deuxième logo sur cette image (à part les mains qui me semblent un peu bizarres), la notion de polyphonie avec les phylactères bleu vert et rouge est très intéressante.

lingua-libre4.png (518×279 px, 20 KB)

Que pensez vous de l'idée de choisir un micro incliné, et de faire figurer les mains comme des ailes, mais en gardant le signe en LSF qui signifie "langue des signes" ? Un peu comme sur la proposition que j'avais griffonnée rapidement (ci-dessous), en intégrant mieux les mains sur le micro pour qu'on voit mieux qu'il s'agit d'ailes (et en gardant l'idée des bulles bleues, vertes et rouges) ?

Proposition WikiLucas.png (500×500 px, 40 KB)

Sinon, pour la version avec les boutons play/record, j'aime finalement bien l'idée de les intégrer dans une (ou plusieurs) bulle, pour symboliser le langage. Il faudrait par contre se mettre d'accord sur la forme de la bulle, et peut être aussi essayer d'intégrer le vert Wikimédia au sein du logo.

Sur celui-ci le 2e est pas mal oui, mais je suis d'accord avec toi que le design des mains est à revoir, pour y amener de la souplesse et que ça fasse davantage penser à des ailes.

lingua-libre4.png (518×279 px, 20 KB)

Sur celui-ci, effectivement j'aime bien le fait de garder la position des mains qui signifie "langue des signes".

Proposition WikiLucas.png (500×500 px, 40 KB)

Ce qui me chiffonne c'est l'asymétrie qui n'est pas très élégante. Mais peut-être qu'un graphiste serait capable de faire quelque chose de cette idée ?
Personnellement je ne saurais pas trop comment m'y prendre pour esthétiser ça :/

Sinon, pour la version avec les boutons play/record, j'aime finalement bien l'idée de les intégrer dans une (ou plusieurs) bulle, pour symboliser le langage. Il faudrait par contre se mettre d'accord sur la forme de la bulle, et peut être aussi essayer d'intégrer le vert Wikimédia au sein du logo.

Oui on peut réfléchir la forme. Pour les couleurs, je suis partie du principe que tous les logos n'ont pas forcément toutes les couleurs (typiquement, Commons n'a pas le vert). Mais on peut aussi tester des trucs du genre :

lingua-libre6.png (544×256 px, 15 KB)

Mais pas sûre que ça apporte vraiment qqch...?

Je suggère qu'on garde le logo actuel pour le moment (voire de façon permanente), qu'est-ce que vous en pensez ? https://framadate.org/gSfBpVYeqzYWXLn6

0x010C changed the subtype of this task from "Task" to "Design".Apr 10 2020, 3:17 PM
0x010C claimed this task.
0x010C subscribed.

To implement this new UI, I did a hard fork of the previous foreground-based skin to achieve a brand new skin, BlueLL. See all commits that lead to the current result.

Some work was also needed on the RecordWizard's side to achieve this, see tasks T247860, T248983 and T195763.