Adobe XD vai Figma? Mitä eroa ohjelmistoilla ja mihin ne parhaiten soveltuvat?

Käyttäjäkokemuksen, käytettävyyden sekä käyttöliittymien suunnitteluun on tarjolla useita työkaluja sekä myös työtapoja. Työkaluilla kuten Adobe XD ja Figma tuotettavien versioiden kautta voidaan todentaa käytettävyyteen, käyttäjäkokemukseen ja myös saavutettavuuteen liittyviä ongelmia sekä ratkaista niitä ennen kuin ne virallisesti toteutetaan ohjelmoimalla. Miten nämä kaksi ohjelmistoa poikkeavat toisistaan ja kumpaa tulisi käyttää, kun tekee käyttäjäkokemuksen, käytettävyyden sekä käyttöliittymien […]
Tekstimuuttujat Indesignissa

Automaattiset tekstimuuttujat (Text Variables) ovat monelta InDesign-käyttäjältä jääneet huomaamatta, tai ainakin alikäytölle. InDesignissa ei ole Wordista tuttuja ylä- ja alatunniste toimintoja erillisinä toiminnallisuuksina. Tekstimuuttujien avulla voidaan automaattisesti luoda esim. juoksevat ylätunnisteet tekstityylien mukaan, automaattisesti päivittyvä muokkauspäivämääräkenttä sekä julkaisun kokonaissivumäärä sivunumeroinnin perään jne. Komennolla Type – Text Variables – Insert Variable voidaan sivupohjaan luotuun tekstikenttään sijoittaa […]
Mitä uutta Adobe InDesign 2023 versiossa

Otetaanpas pieni katsaus uskollisen työjuhdan uuteen vuosiversioon. Adoben InDesign on nyt päivittynyt versioon 18.0 tai 2023, kuten useimmiten tupataan sanomaan. Ohjelma elää varsin aikuista vaihettaan. Uusia toimintoja ei pusketa enää kymmenittäin, vaan lähinnä parannellaan aiempia tai paikkaillaan aukkoja. Näin on jatkunut nyt muutaman Creative Cloud vuosikierron verran, joten ei tälläkään kertaa turhia hötkyilty. Uusia ominaisuuksia […]
Sisällöntuottaja – koodin oikeellisuus on sinun vastuullasi

HTML osaaminen on edelleen ajankohtaista Kirjoitin noin vuosi takaperin oikein tehdyn HTML-merkkauksen merkityksestä hieman rikinkatkuisen postauksen (linkki artikkelin lopussa). Otti nimittäin ns. pattiin se kuinka virheellistä koodia sivustojen testauksessa tulee vastaan ja kuinka sitä koodia tuottaa kokeneet ja muutoin ammattitaitoiset tekijät. Ottaa muuten edelleen pattiin sama asia 😉 Mutta koskee HTML-koodin oikeellisuuden osaaminen myös muita. […]
Spectra lohkolisäosalla apua sivuston tuotantoon

WordPress sisältöeditori vaihtui jo kauan sitten lohkopohjaiseksi Gutenberg-editoriksi auttamatta vanhanaikaisen classic-editorin sijaan. Gutenberg vaikutti alkuun raakileelta, mutta on kehittynyt parempaan suuntaan. Ja kuten odottaa saattoi – lisäosina ladattavat, muiden valmistamat Gutenberg-lohkot, muuttivat tilannetta merkittävästi paremmaksi. Lohkoeditorin (Gutenberg) ideana on, että jokainen sisältöelementti sivulla on oma lohko, jonka ulkoasu ja asetukset ovat muokattavissa erikseen muusta sisällöstä. […]
Photoshop CC2023 ja sen uudet ominaisuudet ja muutama omituisuuskin

Adobe Max-seminaari oli taas Lokakuun puolenvälin jälkeen ja silloin perinteisesti CC-paketin ohjelmat saavat merkittävimmät uudet ominaisuuspäivityksensä. Reippaana adobe-kouluttajana kiirehdin sitten lataamaan uudet versiot päästäkseni testaamaan uudet jutut mm. tätä artikkelia varten. Heti kun päivitetyn ohjelman avaa Photoshop tarjoaa popup-ikkunan, jossa tärkeimpiä uusia ominaisuuksia on lueteltu. Hämmennys oli suuri, kun uusia ominaisuuksia kokeiltaessa kaikkia ei löytynytkään […]
Illustrator 2023 uudet ominaisuudet

On taas se aika, kun Adobe-maailmassa vuosikello pyörähtää Creative Cloud ohjelmien pääversioiden mukaan, jotka julkaistaan perinteisesti Adobe MAX -tapahtuman yhteydessä. Katsastin mitä uutta löytyy Adobe Illustrator CC 2023 (v. 27.0) ohjelmasta. Intertwine Intertwine – yhteen kietominen – mahdollistaa päällekkäin olevien objektien kietomisen toisiinsa samalla, kun objektien alkuperäinen muoto ja rakenne säilyy. Tämä siis ratkaisee helposti […]
Photoshopin Warp-komennon uudet kikat ja konstit

Warp – Cylinder Taannoin koulutukseen valmistautuessani eteeni tuli päivityksien myötä tullut uusi näppärä ominaisuus Photoshopin Warp-komennossa, joka oli jäänyt kaiken keskellä itseltäni huomaamatta. Hyvin tavallinen tarvehan voi olla esim. etiketin tai vastaavan asettaminen sylinterin muotoon esim. juomatölkkiin, viinipulloon tai vaikkapa lääkepurkkiin. Nyt siihen on valittavissa uusi näppärä Warp-komennon toimintotyyppi, Cylinder. Esimerkissä on tuotu etikettigrafiikka viinipullon […]
Hiusten syväys ja väriheijastuman poistaminen Photoshopissa

Hiusten syvääminen eräs niistä osa-alueista Photoshopissa joka on muuttunut automatiikan myötä paljon helpommaksi muutamassa vuodessa. Vaikka automatiikka tekeekin suuren osan hommasta puolestamme, voimme joutua kuitenkin myös manuaalisesti viimeistelemään lopputulosta. Eräs tällainen tilanne on kun tausta on kovin voimakkaan värinen josta seuraa väri heijastumaa (”fringe”) hiuksiin ja sen poistaminen ei vielä automaatilta onnistu. Syynä on se, […]
Adobe Creative Cloud Express – kelpo kilpailija Canvalle?

Viime vuoden lopulla Adobe julkaisi hiukan ehkä vaivihkaa uuden työkalun nimeltään Creative Cloud Express. Tarkkaan ottaen kysessä ei ole kokonaan uusi kampe vaan uudelleen brändätty ja kehitetty versio Adobe Sparkista. Spark-tuoteperhe olikin aina hiukan beta-tuotteen oloinen, mutta käytössä esim. koulumaailmassa. Oma amispoikanikin teki sillä projekteja opinnoissaan. Creative Cloud Expressiä pääsee käyttämään Adobe tunnuksella maksutta, maksullisessa […]
Adobe Animatesta

Adoben sovellukset ovat tunnetusti kovin …. Hmmm, sanottaisiinko ominaisuuksilta rikkaita. Esimerkiksi Photoshopilla voi tehdä saman asian monella eri tavalla ja esimerkiksi terävöintiin löytyy suoraan valikosta 5 eri vaihtoehtoa. Pitkän historian aikana sovellukseen onkin jäänyt aina uusien ominaisuuksien rinnalle myös ne aiemmin samaan tarkoitukseen käytetyt ominaisuudet. Esimerkiksi; miksi exportissa on nykyisin mm. Export as JPG, Export […]
Saavutettavuuden ohjelmallinen testaus

Mitä selain tietää saavutettavuudesta? Palataanpa taas aiheeseen, josta olen ennenkin kirjoittanut mutta jatketaan, koska asia ei vanhene ja on aina ajankohtainen. Mitä selain tietää saavutettavuudesta tai oikeastaan miten päteviä tuloksia saa selainten saavutettavuustarkistustyökaluilla? Vähän aikaa sitten palautimme ja selostimme asiakkaalle suorittamamme saavutettavuusauditoinnin tulokset. Auditoinnin kohde oli varsin uusi sivusto, joka oli julkaistu viime vuoden lopulla. […]