Minulla on ammatillinen alku design-maailmassa erikoislehden kustantajana. Lehden ulkoasu ja muotoilu on siksi hyvin lähellä sydäntäni.

Paljon lehtiartikkeleiden ja -asettelun periaatteita siirretään helposti web-suunnitteluun. Jotkut näistä ovat melko ilmeisiä, kun olet ehkä unohtanut muille. Mutta oikeastaan, kyse on hyvästä mallista, joka ylittää keskipitkän.

Tässä olen tutkinut joitain suosikkikohteistani aikakauslehden suunnittelusta ja siitä, miten he voivat hakea web-suunnittelua. Mutta tärkeintä, mitä toivon, että voitte poimia tämän artikkelin, on se, että voit ottaa suunnittelun ideoita ja sopimuksia yhdestä mediamuodosta ja soveltaa sitä muille.

Joten jos taustasi on jotain sisustusta tai graafista suunnittelua tai jopa jotain teollista muotoilua, voit ottaa ne periaatteet, jotka sinä tiedät ja käytä niitä web-suunnitteluprojekteihisi.

Yksinkertainen tausta = parempi luettavuus

Jos avaat 90 prosenttia aikakauslehdistä, pääkustanon taustaväri on valkoista. Vaikka perinne on tärkein syy tähän, se perinne alkoi hyvästä syystä (painotekniikan lisäksi). Jopa silloin, kun valkoista taustaa ei käytetä, on yksinkertainen, värillinen tai hienovaraisesti kuvioitu tausta. Tämä tekee kehon kopiosta erittäin luettavissa ja auttaa estämään silmäkokoonpanon.

Joissakin tapauksissa voit löytää runkokopiointityylin kuvan yli, mutta näissä tapauksissa usein ilmenee, että tyyppikokoa on lisätty ja erityistä huomiota kiinnitetään tekstin ja kuvan välisen riittävän kontrastin varmistamiseen. Ja harvinaista on löytää koko artikkelityyppi kuvista. Samaa olisi sovellettava mihin tahansa sivuston suunnitteluun.

font size differences

Pidä johdonmukaisuus koko ajan

Selaa minkä tahansa lehden läpi ja huomaat todennäköisesti, että sivusta toiseen on paljon johdonmukaisuutta. Fontit ovat samat. Otsikot ovat samat. Perusasetukset ovat samat. Toki, artikkeleilla saattaa olla joitain poikkeamia siitä, miten ne on asetettu, mutta asiat, kuten sivunumerot, löytyvät suunnilleen samasta paikasta ja kuvat näytetään todennäköisesti samassa tyylissä, muun muassa sommitelmissa.

consistency

Tämä johdonmukaisuus on vakuuttavaa lukijalle. He kääntävät sivulta toiselle ja tietävät, mitä odottaa. Sama pätee lehden toiseen numeroon.

Tällainen johdonmukaisuus voidaan helposti siirtää web designin maailmaan. Varmista, että otsikoiden, navigoinnin ja muiden asettelun tärkeimpien elementtien kaltaiset asiat ovat samat koko sivustolla. Varmista samalla, että fontit ovat yhdenmukaiset koko sivustossa, ei ainoastaan ​​fontin kasvot, vaan myös käytettyjen koko ja tyylit.

Kaikki poikkeamat kiinnittävät huomiota

Koska aikakauslehtiset ovat niin johdonmukaisia, poikkeaminen standardin ulkoasusta kiinnittää huomiota. Se erottuu muista sivuista. Siksi usein huomataan, että lehden tärkein artikkeli sisältää ainakin otsikkosivun muotoillun eri tavalla.

Samaa periaatetta voidaan soveltaa verkkosivustoosi. Jos sinulla on tietty sivu, jonka haluat erottaa, tee muutokset tavallisesta ulkoasusta. Tämä tehdään usein kahdella erityyppisellä sivulla: aloitussivuilla ja taiteellisilla blogiviesteillä. Kummassakin tapauksessa kohta on tehdä sivusta erityinen vierailijasi silmissä.

Mainonta on selkeästi merkitty eikä inhottavaa

Aikakauslehtien mainonta on selkeästi leimannut lehden sisällöstä. Joko se on visuaalisesti erillinen toimituksellisesta sisällöstä tai se on merkitty nimenomaan mainonnaksi.

Tämä liittyy luottamukseen. Jos lukijat eivät ole varma, mikä on toimituksellinen ja mikä mainonta, he eivät todennäköisesti luota sisältöisi. Tämä pätee erityisesti sellaisiin asioihin kuin sponsoroidut blogiviestit. Jos ei ole selvää, että se on sponsoroitu, lukijat saattavat tuntea olettunsa, jos he alun perin uskovat, että se on toimituksellinen vain selvittää myöhemmin myöhemmin.

Suuret kuvat ovat parempia kuvia

Lehdet käyttävät yleensä suurempia kuvia. Itse asiassa näet paljon kuvia, jotka kattavat koko sivun tai jopa kahden sivun levityksen.

big images

Sama voi varmasti hyväksyä verkkosivuilla. Käytä kuvia, jotka vievät käyttäjän koko näytön. He tarttuvat kävijän huomion, samalla kun he ovat myös visuaalisesti houkuttelevampia. Suurten kuvien sisällyttäminen suunnitteluun on rohkea liike, joka voi todella erottaa sivuston suunnittelun.

Ditch suuria tekstilohkoja

Tämä ei välttämättä ole aivan yhtä ilmeinen aluksi. Loppujen lopuksi useimmilla aikakauslehdillä on valtavia tekstilohkoja. Koko sivuja, itse asiassa.

Nämä suuret tekstilohkot hajotetaan yleensä esimerkiksi vedä lainausmerkkejä tai kuvia. Harvoin on sivulla sivun jälkeen sivun teksti kuluttajalehdissä (kauppa tai tieteelliset julkaisut voivat olla eri tarina).

Joten sen sijaan, että sijoitat sivustosi pääteksti suurissa palasissa, hajota se typografisilla elementeillä, kuvilla ja jopa mainonnalla. Jopa asioita yhtä yksinkertainen kuin pitäminen kappaleiden lyhyt ja hajottaa sisältösi osioihin otsikoilla voi tehdä valtava ero luettavuus ja pitämällä kävijöitä kiinnostusta.

Käytä verkkoa, mutta älä pelkää rikkoa sitä

Lehdet asetetaan melko tiukasti ruudukon päälle. Mutta samaan aikaan näet usein asetteluja, jotka tarkoituksellisesti rikkoavat verkkoa. Elementit kuten kuvat tai vedä lainausmerkit haastavat sarakkeita, lisäämällä visuaalista kiinnostusta ulkoasun suunnitteluun.

break the grid

Vaikka rikki verkon ulkopuolelta voi olla hieman teknisesti haastava web-suunnittelija kuin tulostussuunnittelija, se on silti jotain, joka kääntää hyvin tulosta digitaaliseen muotoiluun.

Tarvitset vahvan teaser

Lehden kansi toimii sen teaserina. Kun kuluttaja selailee lehtikioski, lehden kannessa on houkutella huomionsa. Se on ainoa mahdollisuus, että useimmat lehdet saavat houkutella uutta lukijaa tai houkutella olemassaolevaa lukijaa tutustumaan uusiin kysymyksiin.

cover

Verkkosivustolla ei ole todellisia "katteita" (en todellakaan suosittele, että käytät animoituja introja tai roiskesivuja vetämään vieraita), mutta niillä on teasers. Tämä on se, mitä kävijä näkee, kun ne näkyvät sivustossasi. Se on otsikko, otsikko, navigointi, visuaalinen tyyli ja helppokäyttöisyys. Pohjimmiltaan alkuperäinen käyttökokemus.

Ilman suurta härkätaistelua kävijä todennäköisesti napsauttaa selaimen takaisinpainiketta, aivan kuten he jättävät unohtamatta lehteä, jolla ei-kiinnostunut kattaa lehtikioski. Katso vaikutelman, että sivustosi antaa aluksi kriittisen silmän ja kysy itseltäsi, olisiko rehellisesti kiinni todella lukea enemmän sivustoa.

johtopäätös

Vaikka monet aikakauslehtien ulkoasun ja suunnittelun periaatteet voidaan helposti soveltaa web-suunnitteluun, muista, että kyse ei todellakaan ole siitä, että periaatteita sovelletaan suoraan mediasta toiseen. Sen sijaan se on tutkia muita muotoilua, tietyn muodon tietoja ja selvittää, mitä voidaan siirtää yhdestä kurinalaisuudesta toiseen. Ajatteleminen mallistasi näissä termeissä johtaa melkein varmasti kokeilemaan uusia asioita ja kokeilemaan ideoita muista muodoista. Jotkut saattavat toimia ja jotkut eivät ehkä, mutta hyvä suunnittelu on hyvä muotoilu.

Sivun esimerkit otettu .net -lehti ja Puutarha & Gun .