Wikipedia

Wikiprojekt:Badania i rozwój Wikipedii/Archiwum/Ikonki/efekty graficzne

< Wikiprojekt:Badania i rozwój Wikipedii‎ | Archiwum/Ikonki

W zasadzie należy podjąć kilka trudnych decyzji. Aby je podjąć, trzeba wpierw pokazać przykłady, by było wiadomo o co chodzi ;)

Czy wikonki mogą zawierać efekt pseudo-3D?

przykłady
walety
  • łatwiej wykonać ładną ikonkę p3D, niż 2D
zady
  • pstrokacizna

Dyskusja

ewnetualne głosowanko ;)

za p3D
przeciw p3D

Czy wikonki mogą być 3D

przykłady
walety
  • logo Wikipedii jest 3D
zady
  • problemy ze skalowaniem do bardzo małych rozmiarów

Dyskusja

ewnetualne głosowanko ;)

za 3D
przeciw 3D

Czy wikonki mogą zawierać gradienty?

przykłady
walety
  • ładne
  • proste do manipulacji i edytowania nowych
  • dużo informacji wyrażonych zwięźle w zupełnie nowy sposob
  • nowe pole do popisu dla GUI designera
zady
  • pstrokacizna (contra: pstrokaciznę to mamy po dziurki w nosie i to bez gradientowych ikonek. A właśnie mądre użycie gradientu w SVG jest stosunkowo nowym, prostym, i nie używanym jeszcze ad nauseam podstawowym mechanizmem. Obecnie MediaWiki i tak skonwertuje SVG w określonym rozmiarze na PNG i każdy nie muzealny ekran/User Agent wyświetli gradient wzorowo. Jego ikoniczne możliwości są jeszcze niezmierzone. Właśnie tu jest otwarte pole to popisu.)
  • wprowadzają bliskonieskończoną liczbę użytych kolorów zamiast ściśle ograniczonej palety (contra: I co z tego? Ważny jest tylko efekt końcowy w rozmaitym skalowaniu, a nie drewniana zasada stosowania 16 czy 8 kolorków.)

Dyskusja

  • Liczba kolorów, o ile nie będą wywoływać efektu pstrokacizny, nie powinna być problemem. Ta ikonka   zawiera odcienie, a mimo to ma duże walory prostoty oraz jest estetyczna, nie jest pstrokata. W powiększeniu widać, że gradient jest użyty subtelnie w dwóch miejscach grafiki. Przykuta (dyskusja) 21:07, 23 gru 2008 (CET)
  • Gradient pakuje dużo łatwo rozpoznawalnej informacji do prostego zapisu matematycznego, przynajmniej w SVG. Jest to bardzo prosty do manipulacji "suwak", w celu uzyskania innych, pochodnych. Proszę:

Ten kod: 

<?xml version="1.0" standalone="yes"?>
<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 20010904//EN"
"http://www.w3.org/TR/2001/REC-SVG-20010904/DTD/svg10.dtd">
<svg version="1.0" width="64" height="64" xmlns="http://www.w3.org/2000/svg">
 <defs>
  <radialGradient id="Shiny"
    cx="0.5" cy="0.5" r="0.50" fx="0.25" fy="0.25">
   <stop offset="0%" stop-color="#ffffff" />
   <stop offset="50%" stop-color="#dd3333" />
   <stop offset="75%" stop-color="#990000" />
   <stop offset="100%" stop-color="#000000" />
  </radialGradient>

 </defs>
 <circle r="30" cx="32" cy="32" fill="url(#Shiny)" />
</svg>

...wyświetla:

 
...gradient w temacie czerwonej kuli z połyskiem...
 
 
 
 
 


A ja go trywialnie zmanipulowałem (znając zasady i paletę CSS3 X11 colors, jak i konkretne kolorki przez lata ich użytkowania, spodziewając się dobrych rezultatów. Raczej szybko uzyskałem kod: 

<?xml version="1.0" standalone="yes"?>
<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 20010904//EN"
"http://www.w3.org/TR/2001/REC-SVG-20010904/DTD/svg10.dtd">
<svg version="1.0" width="64" height="64" xmlns="http://www.w3.org/2000/svg">
 <defs>
  <radialGradient id="Shiny"
    cx="0.5" cy="0.5" r="0.50" fx="0.25" fy="0.25">
   <stop offset="0%" stop-color="white" />
   <stop offset="25%" stop-color="aliceblue" />
   <stop offset="55%" stop-color="lightsteelblue" />
   <stop offset="100%" stop-color="black" />
  </radialGradient>

 </defs>
 <circle r="30" cx="32" cy="32" fill="url(#Shiny)" />
</svg>

...wyświetla:

 
light still blue... podwójny gradient udający światełko... I git.
 
 
 
 
 


Oba nadają się (nie tylko!) świetnie jako znaczniki do map lokalizacyjnych o białym tle; niestety, gościu od map lokalizacyjnych, NordNordWest, nie chce ich zmienić z powodów poruszonych w jego dyskusji na Commons; czas wyprodukować tu consensus na naszej wiki, wtedy może się ruszy. Albo po prostu ominąć zawalidrogę ładując na Commons "białą alternatywę" :).

ewnetualne głosowanko ;)

za gradientami
przeciw gradientom

Czy wikonki mogą zawierać cienie?

przykłady
walety
  • ładne
zady
  • problemy z cieniami w małych powiększeniach (contra: poprawnie użyte nie sprawiają kłopotów)

Dyskusja

ewnetualne głosowanko ;)

za cieniami
przeciw cieniom
Źródło: „https://pl.wikipedia.org/w/index.php?title=Wikiprojekt:Badania_i_rozwój_Wikipedii/Archiwum/Ikonki/efekty_graficzne&oldid=59480168”