Impostazioni banda

Cattura lista di controllo inserimento.

Caratteristiche PRO:
Impostazioni fascia è una funzione disponibile nella versione a pagamento (enBlocks PRO); questo pannello non è disponibile per Versione gratuita.

Sovrapposizione

Potrebbe differire leggermente dall interfaccia reale.

Punti:
Imposta un livello di colore sull'elemento Sfondo. È utile per regolare la leggibilità di foto e video.

Cosa cambia questa impostazione:
Può rendere il testo più leggibile uniformando le differenze di luce e buio nel soggetto.

Consigli per la regolazione:
È meno probabile che si verifichino rotture se si decide prima la densità in un singolo colore e si espande a Gradiente solo quando necessario.

Impostazioni.

• Coloree / Gradiente: impostare un singolo colore o Gradiente e regolare la rappresentazione Sfondo.
• Opacità: impostare Opacità per regolare la visibilità complessiva dell'elemento.
• Modalità di fusione: imposta la modalità di fusione e regola la sovrapposizione con Sfondo.
• Responsivo*: attiva le impostazioni individuali specifiche del dispositivo e impedisce il collasso di Visualizzazione.

Motivo

Potrebbe differire leggermente dall interfaccia reale.

Punti:
Imposta il tipo e l'intensità di Motivo di sfondo. Questo aumenta la quantità di informazioni ed evita la monotonia.

Cosa cambia questa impostazione:
Aggiunge una sensazione di texture e dà maggiore espressione rispetto ai colori semplici.

Consigli per la regolazione:
Poiché il protagonista è il testo, un contrasto basso di Motivo sarà più stabile nel funzionamento effettivo.

Opzioni di impostazione.

• Tipo di motivo: seleziona il tipo di Motivo e determina la struttura dello Sfondo.
• Coloree del motivo: imposta il colore della Motivo e regola il contrasto con la Sfondo.
• Dimensione motivo: imposta la dimensione della Motivo e ne regola la densità.
• Opacità del motivo: imposta il grado di MotivoTrasparente e regola la richiesta di decorazione.
• Modalità di fusione: seleziona la modalità composita e ottimizza la sovrapposizione tra Sfondo e il testo.
• Responsivo*: attiva le impostazioni individuali specifiche del dispositivo e impedisce il collasso di Visualizzazione.

Immagine.

Potrebbe differire leggermente dall interfaccia reale.

Punti:
Impostare il metodo Immagine o Visualizzazione del video. L'adattamento, la posizione e la ripetizione possono cambiare in modo significativo l'aspetto del video.

Cosa cambia questa impostazione:
Il fascino dello stesso materiale può cambiare drasticamente a seconda dell'impostazione.

Consigli per la regolazione:
Una sequenza efficace consiste nel decidere prima l'adattamento, poi regolare la posizione e infine rifinire la leggibilità con Opacità e Sovrapposizione.

Voci di impostazione.

• Tipo Media (Immagine / Video): selezionare il tipo di Media da utilizzare per Sfondo.
• Immagine: Ripetizione, Metodo di adattamento, Rotazione (deg), Opacità: regola ImmagineVisualizzazione per Sfondo e controlla l'intensità della decorazione.
• Responsivo*: abilita le impostazioni individuali specifiche del dispositivo e impedisce il collasso di Visualizzazione.

Funzioni PRO (video):
Le impostazioni video per il nastro sono disponibili nella versione a pagamento (enBlocks PRO). Se si desidera utilizzare il video URL o il video Posizione visualizzazione, è necessaria la versione PRO.

colore

Potrebbe differire leggermente dall interfaccia reale.

Punto:
Imposta il colore di base. Questo colore costituisce il fondamento della struttura del livello.

Cosa cambia questa impostazione:
L'impressione finale è determinata dalla relazione con Sovrapposizione e il colore del testo.

Consigli per la regolazione:
La priorità va data ai colori leggibili in combinazione con il testo e Sfondo piuttosto che ai colori che si presentano bene da soli.

Voci di impostazione.

• Colore base: imposta il colore di base dell'elemento.
• Opacità: imposta lo Opacità e regola la visibilità complessiva dell'elemento.
• Modalità di fusione: seleziona la modalità di fusione e ottimizza la sovrapposizione tra Sfondo e il testo.
• Responsivo*: attiva le impostazioni individuali specifiche del dispositivo e impedisce il collasso di Visualizzazione.

Transizione colore in hover:
la banda colore usa internamente una dissolvenza incrociata (stato normale e stato hover su livelli separati, commutati tramite opacità). Per questo motivo, anche il passaggio normale = colore pieno -> hover = gradiente (o viceversa) avviene in modo fluido.

Dimensione icona

Potrebbe differire leggermente dall interfaccia reale.

Punti:
Imposta la larghezza dell'elemento, Altezza, ecc VisualizzazioneDimensione icona. Utilizzato per ottimizzare la visibilità per ogni dispositivo.

Cosa cambia questa impostazione:
L'impostazione Dimensione icona modifica la visibilità e l'impressione della stessa quantità di contenuto.

Consigli per la regolazione:
Controllare sempre i singoli SP dopo la preparazione sul PC per verificare che non ci siano pieghe o margini insufficienti.

Voci di impostazione.

• Larghezza: imposta la larghezza e regola la larghezza dell'area Visualizzazione.
• Altezza: imposta la Altezza e regola il senso di densità e visibilità dell'elemento.
• Responsivo*: abilita le impostazioni individuali specifiche del dispositivo e impedisce il collasso di Visualizzazione.

Bordo

Potrebbe differire leggermente dall interfaccia reale.

Imposta il colore, lo spessore e il tipo di linea del bordo che definisce il contorno di Pulsante e lo rende riconoscibile come elemento cliccabile.

Cosa cambia questa impostazione:
Ha l'effetto di rendere il bordo più chiaro, anche nei progetti con colori Sfondo più chiari.

Consigli per la regolazione:
Un bordo troppo spesso indebolisce l'insistenza del testo, quindi è più facile gestirlo iniziando con circa 1px.

Impostazioni.

• Bordo (ON/OFF): attiva/disattiva il bordo e determina se il contorno è enfatizzato o meno.
• Coloree: imposta il colore e regola la visibilità e la conformità al design dell'elemento.
• Larghezza: imposta la larghezza e regola l'estensione dell'area Visualizzazione.
• Stile: seleziona Stile e regola la visibilità di linee e decorazioni.
• Responsivo*: abilita le impostazioni individuali specifiche del dispositivo e impedisce il collasso di Visualizzazione.

Raggio bordo

Potrebbe differire leggermente dall interfaccia reale.

Punti:
Imposta la rotondità degli angoli dell'elemento; il tono Marchi (duro/morbido) può essere regolato a livello di impressione.

Cosa cambia questa impostazione:
Il valore Raggio bordo modifica l'aspetto in proporzione a PulsanteDimensione icona.

Consigli per la regolazione:
Puntare a circa il 20-35% di Altezza per ottenere un equilibrio che non sia né troppo rotondo né troppo duro.

Voci di impostazione.

• Raggio del bordo: imposta il raggio Raggio bordo e regola l'impressione dell'elemento.
• Responsivo*: abilita le impostazioni individuali specifiche del dispositivo e impedisce il collasso di Visualizzazione.

Posizione

Potrebbe differire leggermente dall interfaccia reale.

Punto:
Imposta la posizione di inserimento dell'elemento. È possibile controllare la sovrapposizione e la distanza dagli elementi circostanti.

Cosa cambia questa impostazione:
L'impostazione della posizione è un elemento molto influente in quanto può causare il fallimento di Layout.

Consigli per la regolazione:
È più facile da mantenere se Relativo viene stabilito per primo e Assoluto è limitato solo alle parti necessarie.

Elementi di regolazione.

• Direzione Orizzontale (sinistra / centro / destra): imposta la posizione di posizionamento in direzione Orizzontale e regola il baricentro di Layout.
• Direzione Verticale (superiore / centrale / inferiore): imposta la posizione di posizionamento in direzione Verticale e ottimizza il bilanciamento verticale.
• Responsivo: attiva le impostazioni individuali specifiche del dispositivo e impedisce il collasso della visualizzazione.

Trasparente gradi.

Potrebbe differire leggermente dall interfaccia reale.

Punti:
Imposta la modalità composita con Opacità per l'intero elemento; consente di regolare la sovrapposizione con Sfondo in modo progettuale.

Cosa cambia questa impostazione:
L'impressione dello stesso colore può essere modificata in modo significativo da Opacità e Sfumatura.

Consigli per la regolazione:
Se la leggibilità è ridotta, correggere prima il colore del testo e il contrasto Sfondo prima di regolare l'Opacità.

Opzioni di impostazione.

• Opacità: impostare Opacità per regolare la visibilità complessiva dell'elemento.
• Modalità di fusione: imposta la modalità di fusione e regola la sovrapposizione con Sfondo.
• Responsivo*: attiva le impostazioni individuali specifiche del dispositivo e impedisce il collasso di Visualizzazione.

Trasformazione

Potrebbe differire leggermente dall interfaccia reale.

Punti:
Imposta deformazioni quali rotazione e inclinazione. Può essere utilizzato per guidare l'occhio e decorare Accento.

Cosa cambia questa impostazione:
Anche piccole deformazioni possono fare una grande impressione, e deformazioni eccessive possono danneggiare la leggibilità.

Consigli per la regolazione:
È consigliabile iniziare con regolazioni fini intorno a 0 gradi ed evitare forti deformazioni durante il funzionamento effettivo.

Voci di configurazione.

• Skew X: imposta lo skew nella direzione dell'asse X e aggiunge la decorazione Accento.
• Skew Y: imposta l'inclinazione lungo l'asse Y e regola l'aspetto dell'elemento.
• Responsivo*: attiva le impostazioni individuali specifiche del dispositivo e impedisce il collasso di Visualizzazione.

Esce come transform: skew() per CSS; Trasformazione nello stato Hover può anche essere impostato individualmente. Più grande è l'angolo di skew, più è probabile che sia fuori dallo stato Pulsante, quindi controllare questo aspetto insieme allo stato dell'impostazione overflow: hidden.