> ## Documentation Index > Fetch the complete documentation index at: https://www.macaly.com/docs/llms.txt > Use this file to discover all available pages before exploring further. # Ulkoasu Asettelut, kuvat, kuvakkeet, valokuvat ja visuaalinen suunnittelu projektiisi. *** ## Oma ulkoasu Näytä agentille mikä tahansa kuva, kuvakaappaus tai luonnos, ja se mukailee tyyliä. Se valitsee fontit, värit, välistykset ja asettelut antamasi suunnan perusteella. Kaikki on oletuksena responsiivista eri laitteilla. **Näin käytät sitä** Kuvaile ilme ja tunnelma, jonka haluat. Jaa kuvakaappauksia, moodboardeja tai esimerkkisivustoja. Sano milloin tahansa "tee tästä parempi", niin ulkoasu muokataan uusiksi. **Esimerkkikehotteita:** ``` Rakenna minulle laskeutumissivu ravintoloiden varastonhallinta- SaaS:illeni. Haluan selkeän ja luotettavan tunnelman, joka on samanlainen kuin Linearilla tai Stripellä. Tumma hero-osio tuotekuvituksella, ominaisuusruudukko kuvakkeilla ja kolmitasoinen hinnoittelutaulukko sivun alaosassa. ``` ``` Uudista etusivuni käyttäen tätä Airbnb-kuvakaappausta mallina. Vuokraan lomakohteita Algarvessa ja haluan samanlaisen asettelun, mutta lämpimämmillä väreillä: terrakotta ja kerma. Pidä hakukenttä näkyvästi esillä ja lisää osio kuudelle esittelykohteellemme. ``` ``` Muokkaa sivustoani niin, että se tuntuu ylellisemmältä ja editoriaalisemmalta. Olen brändistrategi luksusmuodin asiakkaille. Ajattele Vogueta yhdistettynä huipputason toimistoon. Käytä suuria koko leveyden kuvia, vähän tekstiä ja runsaasti tyhjää tilaa kaikkialla. ``` *** ## Kuvien luonti ja muokkaus Kuvaile kuva, ja agentti luo sen. Lataa valokuva ja kerro, mitä siihen muutetaan. Lataa mikä tahansa kuva ja pyydä poistamaan tausta. Jokainen kuva saa pysyvän linkin. Valitset muodon: vaaka, neliö tai pysty. Muokkauksissa voi käyttää useampaa kuin yhtä kuvaa. Lataa muokattava valokuva ja enintään 13 viitekuvaa, ja agentti ottaa tyylin, värit tai kohteet viitekuvista ja soveltaa niitä alkuperäiseen kuvaan. Taustan poisto tuottaa aidon läpinäkyvän PNG-kuvan, jonka voit asettaa mille tahansa taustalle. **Näin käytät sitä** Kuvaile, millainen kuvan pitäisi olla: tyyli, tunnelma, värit, aihe. Muokkauksissa lataa kuva ja selitä muutokset. Kun lisäät viitekuvia, kerro, mikä kuva on muokattava ja mitä muista otetaan. Taustan poistossa riittää, että lataat kuvan ja pyydät sitä. **Esimerkkikehotteita:** ``` Luo hero-kuva fintech-laskeutumissivulleni. Haluan abstraktin, virtaavan liukuvärin syvän sinisin ja violetein sävyin hienovaraisilla geometrisilla muodoilla. Vaakasuuntainen, jotta se kattaa sivun koko leveyden. ``` ``` Poista sotkuinen keittiötausta tästä keraamisen maljakkomme tuotekuvasta. Korvaa se siistillä, pehmeän beigellä taustalla ja säilytä luonnolliset varjot, jotta kuva näyttää edelleen realistiselta. ``` ``` Luo kolme tasaista kuvitusta SaaS-palveluni käyttöönoton kulkuun: yksi tilin määrittämiselle, yksi tiimin yhteistyölle hallintapaneelissa ja yksi valmistumisen juhlistamiselle. Käytä pääväreinä petroolia ja lämmintä oranssia. ``` ``` Muokkaa ensimmäistä sohvakuvaamme niin, että valaistus ja puulattia vastaavat toista kuvaa, ja lisää sohvan viereen kolmannen kuvan kasvi. Säilytä itse sohva täsmälleen sellaisena kuin se on. ``` *** ## Sivustokuvake Luo faviconin selaimen välilehteä varten. Yksinkertaiset mallit toimivat parhaiten, koska faviconit ovat pieniä. Ajattele rohkeita muotoja, yksittäisiä kirjaimia tai minimalistisia kuvakkeita. **Näin käytät sitä** Kuvaile haluamasi kuvake. Mainitse brändin nimi, värit ja tyyli. Yksinkertainen toimii paremmin pienessä koossa. **Esimerkkikehotteita:** ``` Luo favicon pienpaahtimolleni, jonka nimi on "Ember". Tee siitä minimalistinen liekkikuvake palaneen oranssina tummalla taustalla. Sen täytyy olla tunnistettava 16 x 16 pikselin koossa, joten pidä se yksinkertaisena. ``` ``` Luo favicon konsulttiyritykselleni. Pelkkä kirjain "A" selkeällä pääteettömällä fontilla, valkoinen teksti laivastonsinisellä ympyrällä. Sen pitäisi sopia sivuston muun osan ammattimaiseen sävyyn. ``` ``` Tee favicon fitness-sovellukselleni, jonka nimi on "Pulse". Käytä sydämenlyöntiviivan kuvaketta kirkkaanvihreänä mustalla pohjalla. Jotain energistä ja modernia, Stravan kuvakkeen tyyliin. ``` *** ## Valokuvien haku Etsii ilmaisia kuvapankkikuvia ja lisää ne suoraan projektiisi. Lisenssimaksuja tai lähdemerkintöjä ei tarvita. Suodata suunnan, koon ja värin mukaan. **Näin käytät sitä** Kuvaile tarvitsemasi valokuvat: aihe, tunnelma, valaistus ja se, mihin ne tulevat sivustolla. **Esimerkkikehotteita:** ``` Etsi minulle 4–5 elämäntapakuvaa coworking-tilan verkkosivustolle. Tarvitsen kuvia ihmisistä työskentelemässä valoisissa moderneissa toimistoissa luonnonvalossa, kannettavat auki, mukana myös yhteistyökuvia. Vaakasuuntaisia hero-osioon ja neliöön rajattuja tiimiosioon. ``` ``` Etsi lämpimiä ruokakuvia lähiruokaravintolani sivustolle. Lähikuvia annoksista, rustiikkisia puupöytiä ja tuoreita raaka-aineita. Maanläheisiä sävyjä, ei mitään liian lavastettua tai keinotekoista. ``` ``` Etsi hero-kuva fintech-startupini laskeutumissivulle. Jotain abstraktia ja ammattimaista. Kaupunkimaisema hämärässä, selkeää arkkitehtuuria tai hillitty teknologiaaiheinen tausta. Laaja kuvasuhde, viileät siniset sävyt. ``` *** ## Kuvakkeiden haku Etsii kuvakkeiden, kuvitusten ja emojien kirjastosta. Saat yhtenäisiä sarjoja samalla tyylillä sen sijaan, että kuvakkeet olisivat eri lähteistä ja sopimattomia toisiinsa. Voit mukauttaa värejä, kokoa ja tyyliä. SVG tai PNG. **Näin käytät sitä** Kuvaile, mitä kuvakkeita tarvitset ja mihin ne tulevat. Mainitse tyyli (viiva, täytetty, litteä) ja värit. Kun pyydät toisiinsa liittyvät kuvakkeet yhdessä, ne pysyvät yhtenäisinä. **Esimerkkikehotteita:** ``` Etsi minulle yhtenäinen viivakuvakesarja SaaS-palveluni ominaisuusosioon: analytiikka, yhteistyö, tietoturva, integraatiot ja tuki. Kaikki samalla minimalistisella viivatyylillä, laivastonsinisenä. ``` ``` Etsi värikkäitä kuvituksia hyvinvointisovelluksen käyttöönoton kulkuun. Tarvitsen yhden jokaiseen vaiheeseen: profiilin luominen, terveystavoitteiden asettaminen, puettavan laitteen yhdistäminen ja ensimmäisen raportin katsominen. ``` ``` Hae minulle täytettyjen kuvakkeiden sarja verkkokauppani alatunnisteeseen: rahtiauto, palautusnuolet, turvallisen maksun lukko ja asiakastuen puhekupla. Tummanharmaa, yhtenäinen tyyli, kooltaan noin 24 px. ``` *** ## Videon luonti Kuvaile kohtaus, tuotepaljastus tai lyhyt animaatio, ja agentti tuottaa sen. Luodut videot tallentuvat suoraan tiedostoihisi, joten voit käyttää niitä missä tahansa projektissasi tai upottaa ne sovellukseesi. Voit myös antaa viitekuvan aloituskuvaksi ja kuvailla, mitä seuraavaksi pitäisi tapahtua. **Näin käytät sitä** Kuvaile video: aihe, liike, tunnelma, kuvakulma ja tyyli. Mainitse kesto (5 tai 10 sekuntia) ja suunta, jos niillä on merkitystä. Jos haluat animoida olemassa olevan kuvan, jaa se ja selitä, mitä pitäisi tapahtua. **Esimerkkikehotteita:** ``` Luo 5 sekunnin hero-video SaaS-laskeutumissivulleni. Siisti tumman tilan hallintapaneeli hehkuvine datakaavioineen, pehmeä kameran loitontaminen, futuristinen teknologian tunnelma. Vaakasuuntainen. ``` ``` Luo toistuva taustavideo meditaatiosovellukselleni. Hidas ilmakuva liukuu sumuisen vuoristometsän yllä auringonnousun aikaan. Pehmeitä sinisiä ja vihreitä sävyjä. Pystysuuntainen mobiilinäyttöjä varten. ``` ``` Animoi tämä hajuvesipullomme tuotekuva lyhyeksi klipiksi. Sen pitäisi pyöriä hitaasti, ja kultainen valo pyyhkäisee lasin yli. Siisti valkoinen tausta, 5 sekuntia, vaakasuuntainen. ``` This documentation is built and hosted on [Mintlify](https://mintlify.com), a developer documentation platform.