Sztenderdizálás · öt ikonkészlet

DFT-Hungária · Sztenderdizálás · ikonrendszer

Öt készlet, öt építési szabály.

Minden koncepció saját ikonkészletet kapott, ugyanarra a 19 jelentésre és az öt fejlettségi szintre. 24 × 24-es rács, currentColor, egy építési rendszer készletenként. Az ikon soha nem helyettesít szót, csak jelentést ad hozzá: a chipeken, a két szektoron, a négy lépésen, a fejlesztési térképen, a szinteken és a kapcsolatnál. A kék csak ott jelenik meg, ahol az ikon a sztenderd fölötti eltérést mutatja.

Amit a nagyoktól vettem

  • Susan Kare. Egy ikon = egy metafora, szigorú rácson. Amit nem lehet egy mozdulattal elmondani, abból nem lesz ikon.
  • Otl Aicher, München 1972. Egy rács, rögzített szögek, és a készlet együtt születik, nem darabonként.
  • Neurath és Arntz, Isotype. A jel egy egység; a mennyiséget ismétlés mutatja. A fejlesztési térkép 12 négyzete ezért 12 terület.
  • Cook & Shanosky, AIGA/DOT. Nemzetközi olvashatóság: ismert tárgy, egyértelmű sziluett.
  • SF Symbols, IBM, Material. Kulcsvonal-sablon (négyzet, kör, álló és fekvő téglalap), optikai kiegyenlítés, alapvonalhoz igazítás és méretfüggő vonalvastagság.

Az elvont szavak metaforái

  • Állandósítás. Kiesett: horgony, lakat, szög, pecsét. Maradt: a vonalra leült pont, és a kaizen-ék, amely nem engedi visszagurulni a labdát.
  • Jobbítás. Kiesett: nyíl, lépcső, csillag, izzó. Maradt: a vonalról felemelkedő egység – az eltérés pályája.
  • Paradoxon. Kiesett: Möbius-szalag, Venn-kör, jin-jang. Maradt: ugyanaz az egység egyszerre a vonalon és fölötte; a rajzlapon a ± tűrésjel.
  • Sztenderd. Kiesett: pajzs, kitűző, pipa. Maradt: az egyenlő osztású mérce és a rajzlap szövegmezője.

Koncepció {{ s.koncepcio }}

{{ s.nev }}

{{ s.szabaly }}

Élő oldal ↗
Építési ábra: 24-es rács, kulcsvonalak (négyzet 18, kör 20, álló és fekvő téglalap), zöld szaggatott vonallal a készlet saját vezetői.
{{ i.label }}SVG ↓

Mérettest · világos

{{ r.label }}

Mérettest · sötét

{{ r.label }}
ÁllandósításJobbításA folyó szövegben a paradoxon a betűk alapvonalán áll.
Előtte · Hogyan? szakasz ikon nélkül
Utána · a négy lépés ikonnal

Mikromozgás

Egyetlen mozdulat, csak ott, ahol jelentése van: amikor egy ikon, amelyben kék eltérés van, 60%-ban a képbe ér, a kék rész 3 egységről a helyére emelkedik (translateY 3 → 0, opacity .3 → 1, 700 ms, 250 ms késleltetés, cubic-bezier(.15,.85,.35,1)). A többi ikon nem mozog. Csökkentett mozgásnál és a ?ikon=0 nézetben nincs animáció.

Kritika

Rangsor, őszintén

  1. {{ r.n }}{{ r.cim }}{{ r.t }}

Nem érthető egy másodperc alatt, felirat nélkül

  • Rajzlap · Jobbítás – a revíziós háromszög figyelmeztető jelnek olvasódik. Cserélni kell.
  • Rajzlap · Állandósítás – a bázisjelet csak mérnök ismeri fel.
  • Mérce · Sztenderdizátor – a tolómérő 16 px-en fésűnek látszik.
  • Vonalon és Rétegek · Fejlesztés – a „vonal folytatódik” gondolat felirat nélkül nem egyértelmű.
  • Isotype · Paradoxon – két kör egymás fölött: jelzőlámpának is olvasható.

A legerősebb, és ami az egész DFT-é lehet

Vonalon. A rendszer egy szabály: minden ikon a saját alapvonalán áll, ezért a szöveg alapvonalán ülve is pontos, és ugyanazt mondja, amit az oldal – a sztenderd a vonal, a jobbítás fölötte van. A Hibaok-átvilágítás ugyanezzel a nyelvtannal élhet: a hiba a vonal alatt, mélyzöldben, a pozitív eltérés fölötte, kékben. A többi készlet egy-egy koncepcióhoz kötött; ez szolgáltatásokon átívelően is működik.

Őszinte korlát: a 24-es rácson rajzoltam, 24, 48 és 96 px-en éles. 16 px-en a vonal 1,5 egységre (1 px) vékonyodik, de az egész koordináták ott nem esnek pixelre – igazi 16-os mesterpéldány még hiányzik.