XD- ja Figma-rautalankamallit pyritään pitämään yhtenevinä Höyrymoottorin kirjaston kanssa, jotta jokaiselle rautalankamallin osiolle löytyy vastinpari myös Höyrymoottorista. Huom: suunnitteluohjelmien rautalankamallikirjastossa on laajempi valikoima moduulityylejä. Höyrymoottorin lohkoissa käytetään oletustyylejä, jotka muokataan aina projektin lopullisen ilmeen mukaisiksi.

Voit suunnitella rautalangan joko XD:ssä/Figmassa tai koota sen suoraan verkkoon Höyrymoottorin osioilla. Jos kokoat rautalangan verkkoon, tee vähintään etusivun ja tärkeimpien alisivujen tyylit suunnitteluohjelmassa, jotta sivusto ei jää rautalankamaiseksi.

Höyrymoottori-kirjaston tarkoitus on helpottaa sivuston bildausta: saat rungon nopeasti kohdilleen valmiilla osioilla, jonka jälkeen viimeistelet toteutuksen projektin suunnitelmien mukaiseksi.

Kun rakenne ja sisällöt ovat paikoillaan, varmista aina lopullinen viimeistely: typografia (fonttikoot, rivikorkeudet ja välistykset), lohkojen ja osioiden paddingit ja marginaalit sekä muut tyyleihin liittyvät yksityiskohdat. Vaikka rautalankamalli voi näyttää jo tässä vaiheessa “valmiilta”, lopputulos syntyy viimeistelyssä — näin sivusto ei jää rautalankamaiseksi tai valmispohjan tuntuiseksi, jossa on vaihdettu vain fontit ja värit.

Höyrymoottori-kirjasto auttaa rakentamaan sivuille siistejä ja yhtenäisiä sisältöosuuksia ilman, että kaikkea tarvitsee tehdä alusta asti. Valitse kirjastosta sopiva sisältöosio ja täytä se teksteillä ja kuvilla — näin rakenne pysyy hallittuna ja lopputulos viimeistellyn näköisenä.

Jotta kokonaisuus säilyy viimeistellyn näköisenä, hyödynnä otsikkotasot (pääotsikot ja väliotsikot) ja pidä tekstimäärät kohtuullisina. Lisää kuvat niille paikoille, joihin sisältömalleissa on suunniteltu kuvapaikat, jotta ulkoasu pysyy tasapainoisena.