Sovelluksen tärkeimpien kuvakkeiden mukauttaminen

Sovelluksen tyyli

App style määrittää yhdestä paikasta sovelluksesi yleisilmeen: värit, fontit, painikkeet, lomakekentät ja paljon muuta.

Napsauta valikossa ”My App” olevaa kohtaa ”App style”.

Asetukset jakautuvat kahteen osaan: ensin perusasetukset, sitten lisäasetukset. Kaikki nämä asetukset koskevat sovelluksesi jokaista osiota. Ne korvaavat osiokohtaisesti määrittämäsi ulkoasun.

Värit

Aloita väreistä.

Väriteema on joukko hyvin yhteen sopivia värejä. Valitse teema kirjastosta… ja esikatselu näyttää sen sovelluksessasi.

Magic palette ehdottaa uuden teeman… jokaisella napsautuksella.

Säädä sitten jokaista väriä tarkemmin: yläpalkki, päävärit, taustat, valikko ja painikkeet.

Napsauta väriä, kirjoita värikoodi tai valitse sävy ja napsauta Choose.

Yläpalkki saa uuden värin.

Napsauta Apply ottaaksesi värit käyttöön kaikkialla tai Cancel pitääksesi nykyiset. Tässä pidämme nykyiset.

Fontit

Seuraavaksi fontit.

Fonttiteema yhdistää kolme hyvin yhteen sopivaa fonttia. Voit valita teeman tästä luettelosta.

Liukusäädin säätää kaikkien tekstien koon kerralla ja säilyttää niiden hierarkian.

Kaikki tekstitasot kasvavat yhdessä.

Sovelluksesi käyttää kahdeksaa tekstitasoa pääotsikosta tavalliseen tekstiin. Jos haluat vaihtaa tason fontin, avaa se… ja valitse fontti. Valittavana ovat kaikki Google Fonts -fontit. Plus-painikkeella lisäät oman fontin, jos sen lisenssi sallii.

Pääotsikko saa uuden fontin.

Jokaiselle tasolle voit myös määrittää lihavuuden, rivivälin ja merkkivälin.

Napsauta tässäkin Apply ottaaksesi fontit käyttöön tai Cancel pitääksesi omasi.

Painikkeet ja lomakekentät

Sitten painikkeet.

Sovelluksesi käyttää kolmea painiketasoa, jotka GoodBarber valitsee kullekin toiminnolle: taso 1 on täytetty, taso 2 on ääriviivallinen ja taso 3 on pelkkä tekstilinkki. Niiden värit tulevat väriteemastasi.

Valitse niiden muoto: kulmikas, pyöristetty tai pyöreä… ja kaikki painikkeesi saavat sen.

Kohta ”Form fields” toimii samoin: valitse kenttien muoto, koko ja otsikon paikka, kentän yläpuolella tai sen sisällä.

Pikkukuvat ja solut

Kohta ”Thumbnails and cells” määrittää luetteloidesi kuvien ja korttien muodon: kulmikas, pyöristetty tai pyöreä.

Tässä kulmat muuttuvat teräviksi.

Verkkosovelluksen tietokoneversiossa voit myös lisätä tehosteen, kun hiiri liikkuu kuvan päällä.

Välistys

Kohta Spacing määrittää sisältösi ympärillä olevat marginaalit pikseleinä.

Leveämmillä marginaaleilla sisällön ympärille jää enemmän tilaa.

Animaatiot ja haptinen palaute

Natiiveissa iOS- ja Android-sovelluksissa voit myös valita, miten sivu avautuu luettelosta, lisätä kevyen värinän napautuksiin ja tuoda elementit esiin vieritettäessä.

Kuvakkeet

Kohdassa Icons valitset sovelluksesi oletuskuvakkeet. Napsauta esimerkiksi kirjanmerkkikuvaketta… ja valitse kirjastosta toinen kuvake.

Uusi kuvake näkyy jokaisessa artikkelissa.

Tausta ja erottimet

Lopuksi sovelluksesi taustaväri tai -kuva sekä erottimien väri.

Tausta vaihtuu jokaisella sivulla.

Julkaisu

Jotta käyttäjäsi näkisivät muutokset, julkaise sovelluksesi päivitys Publish-valikosta.