Tee se itse tai miten mukautat Snom-puhelimesi. Osa 1 värit, fontti, tausta

Monet meistä todella pitävät siitä, kun jotain tehdään meille! Kun tunnemme tietyn "omistustason", jonka ansiosta voimme erottua "harmaan massan" taustasta. Samat tuolit, pöydät, tietokoneet jne. Kaikki on kuten kaikki muutkin!

Joskus jopa niin pieni asia kuin yrityksen logo tavallisessa kynässä saa sen tuntumaan erityiseltä ja siten arvokkaammalta.

Ole samaa mieltä siitä, että useimmat asiakkaat pitävät Snom-puhelimen mieluummin tavallisen puhelimen sijaan (kuten kaikki muutkin), puhelimen, jonka he yhdistävät johonkin erityiseen/henkilökohtaiseen. Olen varma, että jos olet puhelinratkaisujen toimittaja, suostuisit myös yhdistämään yrityksesi tämän "erikoistuotteen" tarjoajaan asiakkaan silmissä.

Monet teistä tietävät, että Snom voi tarjota hyvin erilaisia ​​pöytäpuhelimien räätälöintitasoja: erittäin monimutkaisista laitteisto- ja ohjelmistomuutoksista, jotka vaativat kehitysaikaa, erittäin yksinkertaisiin, jotka ovat kaikkien saatavilla heti valmiina, täysin ilmaiseksi. Juuri jälkimmäisestä haluamme kertoa teille tänään.

Tee se itse tai miten mukautat Snom-puhelimesi. Osa 1 värit, fontti, tausta

Puhelimemme valikon laiteohjelmisto on rakennettu XML-pohjaiseksi, ja sen avulla voit joustavasti mukauttaa seuraavien parametrien käyttöliittymää (lyhyt luettelo):

  • taustakuva
  • fontti ja väri
  • kuvakkeet
  • kieli
  • soittoääniä
  • avaimen määritys
  • ja paljon muuta

Tässä artikkelimme ensimmäisessä osassa puhumme siitä, kuinka voit muuttaa Snom-puhelimesi visuaalista ulkonäköä. Puhutaanpa muutamasta kohdasta:

  1. Värien vaihtaminen
  2. Fontien vaihtaminen
  3. Ladataan taustakuvaa
  4. Aiheesimerkkejä

Artikkelimme osassa 2 (tulossa pian) puhumme muista muokkausvaihtoehdoista. Älä siis "vaihda".

1. Väriteeman muuttaminen

Laiteohjelmistoversiosta 10 alkaen puhelimen värikäyttöliittymä voidaan muuttaa täysin värin ja läpinäkyvyyden suhteen. Tämän avulla voit mukauttaa käyttöliittymää ihanteellisen luettavuuden, selkeyden, värimieltymysten ja lisämuutosten saavuttamiseksi, esimerkiksi yrityksen yritysidentiteettiin.

Ymmärtämisen helpottamiseksi väriasetusten kuvaamiseen on malli:

Tee se itse tai miten mukautat Snom-puhelimesi. Osa 1 värit, fontti, tausta

Värit säädetään RGB-arvoilla

Nimi

Kelvolliset arvot

Arvot
oletusarvo

Kuvaus

otsikkopalkin_tekstin_väri

Ryhmä 4
numerot, kumpikin >=0 ja <=255.

punainen, vihreä, sininen, alfa (alfa-arvo 255 tarkoittaa täysin
näkyvä, ja 0 on täysin läpinäkyvä).

51 51 51 255

Ohjaa tekstin väriä ja läpinäkyvyyttä
otsikkorivi, esimerkiksi "Päivämäärä", "Aika",
"Nimi" jne.

tekstin_väri

51 51 51
255

Ohjaa väriä ja läpinäkyvyyttä
leipäteksti, kuten "Valikko", "Valmiustila" ja
kaikki muut päätekstinäytöt.

subtext_color

123 124 126 255

Ohjaa väriä ja läpinäkyvyyttä
alateksti, esimerkiksi "Valikko", "Valmiustila" ja kaikki
muut alatekstinäytöt.

extratext_color

123 124 126
255

Ohjaa ensimmäisen väriä ja läpinäkyvyyttä
valikon oikealla puolella näkyvät tekstirivit, kuten soittohistoria, päivämäärä ja
aikaa.

extratext2_color

123 124 126
255

Ohjaa toisen väriä ja läpinäkyvyyttä
valikon oikealla puolella näkyvät tekstirivit, kuten soittohistoria, päivämäärä ja
aikaa.

otsikkopalkin_taustaväri

226 226 226
255

Ohjaa taustan väriä ja läpinäkyvyyttä
otsikkorivit

taustaväri

242 242 242
255

Ohjaa taustan väriä ja läpinäkyvyyttä
jokainen näyttö.

fkey_background_color

242 242 242
255

Ohjaa väriä ja läpinäkyvyyttä
tilannekohtaisia ​​painikkeita.

fkey_pressed_background_color

61 133 198
255

Ohjaa taustan väriä ja läpinäkyvyyttä
tilannekohtaisia ​​näppäimiä painettaessa.

fkey_separator_color

182 183 184
255

Ohjaa väriä ja läpinäkyvyyttä
Tilanneherkät painikkeen jakoviivat

fkey_label_color

123 124 126
255

Ohjaa tekstin väriä ja läpinäkyvyyttä,
käytetään kontekstiherkissä painikkeissa

fkey_pressed_label_color

242 242 242
255

Ohjaa tekstin väriä ja läpinäkyvyyttä,
käytetään kontekstiherkissä painikkeissa, kun sitä napsautetaan

valittu_viivan_taustaväri

255 255 255
255

Ohjaa taustan väriä ja läpinäkyvyyttä
valitulla rivillä, esimerkiksi valikossa tai missä tahansa valittavassa näytössä

valittu_viivan_ilmaisimen_väri

61 133 198
255

Ohjaa väriä ja läpinäkyvyyttä
-osoitin valitun rivin vasemmalla puolella, esimerkiksi valikossa tai missä tahansa näytössä, jossa on
valitut elementit

valittu_viiva_tekstin_väri

61 133 198
255

Ohjaa tekstin väriä ja läpinäkyvyyttä
valitulla rivillä, esimerkiksi valikossa tai missä tahansa näytössä, jossa on valittuja kohteita.
Ohjaa myös nykyisen symbolin väriä sen kiertäessä
erilaisia ​​vaihtoehtoja syöttöikkunassa

viivan_taustaväri

242 242 242
0

Ohjaa taustaväriä ja läpinäkyvyyttä
jokainen valikon tai valikkokohdan rivi tai mikä tahansa luettelokohde.

line_separator_color

226 226 226
255

Ohjaa väriä ja läpinäkyvyyttä
jakoviiva valikkojen tai valikkokohtien välillä ja näkyy vain
kun useampi kuin yksi valittu kohde on käytettävissä.

scrollbar_color

182 183 184
255

Ohjaa raidan väriä ja läpinäkyvyyttä
vieritys näkyy missä tahansa näytössä.

kohdistimen_väri

61 133 198
255

Ohjaa kohdistimen väriä ja läpinäkyvyyttä,
näytetään näytöillä tulosignaalin avulla.

status_msgs_background_color

242 242 242
255

Ohjaa taustaväriä ja läpinäkyvyyttä
tilaviestit, jotka näkyvät lepotila- ja puhelunäytöissä. Tämä arvo koskee myös taustaa
äänenvoimakkuuden muutoksia.

status_msgs_border_color

182 183 184
255

Ohjaa reunuksen väriä ja läpinäkyvyyttä
tilaviestit, jotka näkyvät lepotila- ja puhelunäytöissä. Tämä arvo koskee myös reunaa
äänenvoimakkuuden muutoksia.

smartlabel_background_color

242 242 242
255

Ohjaa SmartLabelin taustaväriä ja läpinäkyvyyttä.

smartlabel_pressed_background_color

61 133 198
255

Ohjaa SmartLabelin taustaväriä ja läpinäkyvyyttä, kun toimintonäppäintä painetaan.

smartlabel_separator_color

182 183 184
255

Ohjaa viivojen väriä ja läpinäkyvyyttä
erotin jokaisen SmartLabel-toimintonäppäimen välillä.

smartlabel_label_color

123 124 126
255

Ohjaa tekstin väriä ja läpinäkyvyyttä,
käytetään SmartLabelissa.

smartlabel_pressed_label_color

242 242 242
255

Ohjaa tekstin väriä ja läpinäkyvyyttä,
käytetään SmartLabelissa, kun painat toimintonäppäintä.

Nyt kun tiedämme missä ja mikä sijaitsee, voimme siirtyä puhelimen verkkokäyttöliittymään osioon Asetukset/Asetukset, sitten toinen välilehti Esiintyminen:

Tee se itse tai miten mukautat Snom-puhelimesi. Osa 1 värit, fontti, tausta

Täällä voit muuttaa arvoja, ja jos napsautat kysymysmerkkiä, siirryt kuvaussivulle, jossa on myös huomautus tämän arvon määrittämisestä, jos käytät XML-tiedostoa määritykseen. Esimerkiksi ensimmäiselle rivillemme "Tekstin väri":

Tee se itse tai miten mukautat Snom-puhelimesi. Osa 1 värit, fontti, tausta

2. Fontin vaihtaminen

Kaikkien snom-puhelimien fontit ovat vapaasti muokattavissa ja niitä voidaan muuttaa automaattisen hallinnan avulla. Huomaa, että jos tällä hetkellä käytössä oleva TrueType- tai bittikarttafontti korvataan mukautetulla fontilla, tekstin toistossa voi olla epäjohdonmukaisuuksia, koska käyttöliittymä on optimoitu yhdelle tietylle TrueType-kirjasimelle.

Jos haluat korvata minkä tahansa fontin, sinun on luotava tar-tiedosto, joka sisältää uuden fontin, jonka nimen on oltava täsmälleen sama kuin vanhalla korvattavalla fontilla.

"tar -cvf fonts.tar fontfile.ttf"

Tähän tar-tiedostoon on sitten viitattava xml-tiedostossa, jotta se latautuu oikein, kun puhelin käynnistetään uudelleen.

<?xml version="1.0" encoding="utf-8" ?>

<settings>

 <uploads>

  <file url="http://192.168.23.54:8080/fonts.tar" type="font" />

 </uploads>

</settings>

Lisätietoja esiasennetuista fonteista löytyy verkkosivustoltamme. wiki
Näin voit ladata oman fontin puhelimeesi.

3. Lataa taustakuva

Näytämme esimerkin avulla, kuinka tausta ladataan oikein ja millä asetuksilla on merkitystä.

Tee se itse tai miten mukautat Snom-puhelimesi. Osa 1 värit, fontti, tausta

Voit ladata taustakuvan verkkokäyttöliittymän kautta → Asetukset Esiintyminen:

Tee se itse tai miten mukautat Snom-puhelimesi. Osa 1 värit, fontti, tausta

Tämä asetus on määritettävä esteettömäksi kuvan URL-osoitteeksi. Kun asetusta muutetaan, taustakuva vaihtuu.

Tai voit muuttaa tätä asetusta käyttämällä automaattista käyttäjien hallintaa lisäämällä tunnisteen kelvollinen arvo xml-tiedostoon.

Jos tämä parametri on tyhjä tai kuvan URL-osoite on virheellinen, puhelimen oletustaustakuvaa käytetään.

On tärkeää: Jos käytät versiota 10.1.33.33 vanhempia ohjelmistoja, sinun on asetettava taustaväriarvo täysin läpinäkyväksi.

Tee se itse tai miten mukautat Snom-puhelimesi. Osa 1 värit, fontti, tausta

Tämä on välttämätöntä, koska taustakuva sijaitsee tavallisen taustavärin alapuolella olevalla tasolla. Tämä voidaan saavuttaa asettamalla taustavärin alfa-arvoksi 0.

Laiteohjelmistoversiosta 10.1.33.33 alkaen taustavärin läpinäkyvyys mukautuu automaattisesti puhelimessa näkyvään taustakuvaan. Se ei kuitenkaan tule olemaan täysin läpinäkyvää. Täydellisen läpinäkyvyyden saavuttamiseksi säädä alfa-arvon pitäisi silti olla 0.

Jotta taustakuva näkyy oikein, sinun on tallennettava se png-, jpg-, gif-, bmp- tai tga-muodossa. Suosittelemme käyttämään .png-tiedostoja ja optimoimaan ne "optpng" pienentää tiedostokokoa ja parantaa suorituskykyä.

Kuvan koko mallista riippuen:

Malli
lupa

D375/ D385/ D785
X 480 272

D335/ D735/ D765
X 320 240

D717
X 426 240

4. Esimerkki teemakokoonpanosta

1. "Tumma teema":

Tee se itse tai miten mukautat Snom-puhelimesi. Osa 1 värit, fontti, tausta

katso

<?xml version="1.0" encoding="utf-8"?>
<settings>
<phone-settings>
  <!-- When the background image is set, it automatically applies alpha changes to all elements. 
  Therefore it has to be listed at the beginning, so that all styles afterwards correctly apply-->
  <custom_bg_image_url perm=""></custom_bg_image_url>
  <!-- Background color is set to be not transparent because no background image is configured -->
  <background_color perm="">43 49 56 255</background_color>
  <titlebar_text_color perm="">242 242 242 255</titlebar_text_color>
  <titlebar_background_color perm="">43 49 56 255</titlebar_background_color>
  <text_color perm="">242 242 242 255</text_color>
  <subtext_color perm="">224 224 224 255</subtext_color>
  <extratext_color perm="">158 158 158 255</extratext_color>
  <extratext2_color perm="">158 158 158 255</extratext2_color>
  <fkey_background_color perm="">43 49 56 255</fkey_background_color>
  <fkey_pressed_background_color perm="">61 133 198 255</fkey_pressed_background_color>
  <fkey_separator_color perm="">70 90 120 255</fkey_separator_color>
  <fkey_label_color perm="">224 224 224 255</fkey_label_color>
  <fkey_pressed_label_color perm="">242 242 242 255</fkey_pressed_label_color>
  <line_background_color perm="">242 242 242 0</line_background_color>
  <selected_line_background_color perm="">50 60 80 255</selected_line_background_color>
  <selected_line_indicator_color perm="">61 133 198 255</selected_line_indicator_color>
  <selected_line_text_color perm="">61 133 198 255</selected_line_text_color>
  <line_separator_color perm="">70 90 120 255</line_separator_color>
  <scrollbar_color perm="">70 90 120 255</scrollbar_color>
  <cursor_color perm="">61 133 198 255</cursor_color>
  <status_msgs_background_color perm="">43 49 56 255</status_msgs_background_color>
  <status_msgs_border_color perm="">70 90 120 255</status_msgs_border_color>
  <!-- Settings for SmartLabel -->
  <smartlabel_background_color perm="">43 49 56 255</smartlabel_background_color>
  <smartlabel_pressed_background_color perm="">61 133 198 255</smartlabel_pressed_background_color>
  <smartlabel_separator_color perm="">70 90 120 255</smartlabel_separator_color>
  <smartlabel_label_color perm="">224 224 224 255</smartlabel_label_color>
  <smartlabel_pressed_label_color perm="">242 242 242 255</smartlabel_pressed_label_color>
</phone-settings>
</settings>

2. "Värikäs teema":

Tee se itse tai miten mukautat Snom-puhelimesi. Osa 1 värit, fontti, tausta

katso

<?xml version="1.0" encoding="utf-8"?>
<settings>
<phone-settings>
  <!-- When the background image is set, it automatically applies alpha changes to all elements.
  Therefore it has to be configured at the beginning so that all styles afterwards correctly apply-->
  <custom_bg_image_url perm="">http://192.168.0.1/background.png</custom_bg_image_url>
  <!-- Background color has to be transparent because a background image is configured -->
  <background_color perm="">0 0 0 0</background_color>
  <titlebar_text_color perm="">242 242 242 255</titlebar_text_color>
  <titlebar_background_color perm="">43 49 56 40</titlebar_background_color>
  <text_color perm="">242 242 242 255</text_color>
  <subtext_color perm="">224 224 224 255</subtext_color>
  <extratext_color perm="">224 224 224 255</extratext_color>
  <extratext2_color perm="">224 224 224 255</extratext2_color>
  <fkey_background_color perm="">43 49 56 40</fkey_background_color>
  <fkey_pressed_background_color perm="">43 49 56 140</fkey_pressed_background_color>
  <fkey_separator_color perm="">0 0 0 0</fkey_separator_color>
  <fkey_label_color perm="">224 224 224 255</fkey_label_color>
  <fkey_pressed_label_color perm="">224 224 224 255</fkey_pressed_label_color>
  <line_background_color perm="">0 0 0 0</line_background_color>
  <selected_line_background_color perm="">43 49 56 40</selected_line_background_color>
  <selected_line_indicator_color perm="">61 133 198 255</selected_line_indicator_color>
  <selected_line_text_color perm="">61 133 198 255</selected_line_text_color>
  <line_separator_color perm="">0 0 0 0</line_separator_color>
  <scrollbar_color perm="">61 133 198 255</scrollbar_color>
  <cursor_color perm="">61 133 198 255</cursor_color>
  <status_msgs_background_color perm="">61 133 198 255</status_msgs_background_color>
  <status_msgs_border_color perm="">61 133 198 255</status_msgs_border_color>
  <!-- Settings for SmartLabel -->
  <smartlabel_background_color perm="">43 49 56 40</smartlabel_background_color>
  <smartlabel_pressed_background_color perm="">43 49 56 140</smartlabel_pressed_background_color>
  <smartlabel_separator_color perm="">0 0 0 0</smartlabel_separator_color>
  <smartlabel_label_color perm="">242 242 242 255</smartlabel_label_color>
  <smartlabel_pressed_label_color perm="">242 242 242 255</smartlabel_pressed_label_color>
</phone-settings>
</settings>

Toivomme, että tämä aihe auttaa sinua ymmärtämään manuaalisen mukauttamisen ongelman.

Jatkuu ...

Lähde: will.com

Lisää kommentti