I. Vienota krāsu sistēma: zīmola atpazīstamības fonda izveide
Krāsa ir pirmais uztvertais vizuālais elements. Katra slāņa krāsām daudzslāņu etiķetē-jāatbilst vienotai krāsu shēmai:
1. Konsekventa primārā krāsa: izmantojiet vienu un to pašu primāro zīmola krāsu augšējam un vidējam slānim (piem., sarkanu, lai nodrošinātu vitalitāti, zilu – profesionalitāti), lai uzlabotu atpazīstamību.
2. Hierarhiskās sekundārās krāsas: izmantojiet sekundārās krāsas, lai atšķirtu informācijas veidus (piem., zaļā, lai sniegtu padomus par vidi, oranžu, lai brīdinātu), lai izvairītos no neskaidrībām.
3. Caurspīdīguma un kontrasta kontrole: ja apakšējā -slāņa informācija tiek parādīta logā, pārliecinieties, ka kontrasts starp tekstu un fonu atbilst lasāmības standartiem (ieteicams, lielāks vai vienāds ar 4,5:1).
II. Fontu standarti: skaidras un konsekventas teksta hierarhijas nodrošināšana
Fonta konsekvence tieši ietekmē lasāmību, īpaši mazās vietās, kur nepieciešama rūpīga uzmanība:
1. Vienotā fontu saime: visām iezīmēm. 1. izmantojiet vienu un to pašu fontu saimi (piem., Source Han Sans), atšķirot līmeņus tikai pēc fonta svara (parasts/treknraksts)
2. Standartizējiet fonta lielumu un rindstarpas:
Virsraksts: 16–18 pt, treknrakstā
Pamatteksts: 10–12pt, parasts
Piezīmes: 8–9 pt, pelēka (#666)
Vienotais līdzinājums: galvenokārt līdzināts{0}}pa kreisi, izvairoties no jauktiem kreiso un labo izkārtojumiem, kas rada lasīšanas grūtības
III. Vienota ikona un grafiskais stils: vizuālās valodas konsekvences stiprināšana
Ikonas ir vairāku{0}}valodu informācijas nesēji, un to stilam ir jābūt konsekventam:
1. Vienots līnijas platums un noapaļoti stūri: visām ikonām tiek izmantots vienāds līnijas platums (piem., 2 pikseļi) un noapaļota stūra rādiuss (piem., 2 pt), izvairoties no līniju un apgabalu ikonu sajaukšanas.
2. Vizuālais svara līdzsvars: ikonas izmērs un aizpildījuma blīvums ir līdzīgi, lai dažas ikonas nebūtu "vizuāli smagas".
3. Funkcionālās diagrammas Fiksētas etiķešu pozīcijas: Ikonas, piemēram, "Skenēt kods", "Atbloķēt" un "Vides aizsardzība" vienmēr parādās apakšējā labajā vai augšējā kreisajā stūrī, radot neaizmirstamu darbības atmiņu.
IV. Izkārtojuma struktūra: saglabājiet modularitāti un telpisko ritmu
Lai gan daudzslāņu etiķetēm ir fiziski slāņi, vispārējam izkārtojumam ir jāatspoguļo iekšēja loģiska vienotība:
1. Režģa sistēmas pielietojums: izmantojiet vienotu režģi (piemēram, 8 pt bāzes līniju), lai kontrolētu atstarpes starp elementiem, nodrošinot malu izlīdzināšanu un līdzsvarotu balto laukumu starp slāņiem.
2. Fiksētās moduļu pozīcijas: zīmola logotips vienmēr atrodas augšējā kreisajā stūrī, un ražošanas informācija ir fiksēta apakšējā slāņa apakšējā labajā stūrī, veidojot "vizuālo enkura punktu".
3. Salocītu laukumu paredzamais dizains: iepriekš simulējiet izkārtojuma efektu nesalocītā stāvoklī, lai izvairītos no līniju pārtraukumiem un novirzes pēc atlocīšanas.
V. Konsekventas mijiedarbības uzvednes: ļaujiet lietotājiem uzzināt nākamo soli
Daudzslāņu etiķešu būtība{0}}ir "interaktīvais iepakojums", un tā darbība prasa... Nepieciešama arī konsekvence:
1. Vienots atklāšanas simbols: visās nolobāmajās vietās tiek izmantots viens un tas pats bultiņas stils (piem., ▲ vai ↑) + teksta uzvedne “Novilkt šeit”.
2. Animācijas simulācijas efekts: pievienojiet nelielas ēnas vai gradientus uz etiķetes malām, lai modelētu "noņemamu" tekstūru, uzlabojot darbības sajūtu.
3. Konsekventa atsauksme par statusu. Atzīmei "Atvērts" (piemēram, VOID), kas atstāta apakšā pēc atdalīšanas, ir konsekvents stils, kas uzlabo uzticamību pret-viltošanu.
VI. Vairāku-platformu un vairāku{2}}termināļu konsekvence (ja piemērojams)
Ja etiķete tiek izmantota vairākos tiešsaistes un bezsaistes kanālos (piemēram, e-komercijas informācijas lapās, AR QR koda displejos), ir jānodrošina arī tālāk norādītā informācija.
1. Konsekvents vizuālais stils starp digitālajām un fiziskajām etiķetēm.
2. Konsekvents QR koda stils, pozīcija un krāsa, lai izvairītos no lietotāja apjukuma.
3. R satura ielādes animācija atkārto etiķetes atklāšanas efektu, radot zīmolam -specifisku pieredzi.
