Verkko-opetusohjelma web-suunnittelusta. Susan Weinshenk. "100 olennaista suunnitteluperiaatetta." James R. Craig, Irina Skala. "Fontti ja muotoilu. Moderni typografia”

Lyhyt kuvaus: Käsikirja keskittyy kieleen HTML ohjelmointi, CSS-tekniikat, Kieli javascript ohjelmointi, graafinen editori Adobe Photoshop, multimediateknologiaa. Koulutukseen erikoisalalla POVTAS.

Web-suunnittelu. Aivan kuin kaksi kertaa kaksi

Lyhyt kuvaus: Jos olet kiinnostunut tästä kirjasta, se tarkoittaa, että tunnet Internetin maailman ja erityisesti maailman valtavan tilan. Laaja verkko— Web-sivustot, joiden määrä kasvaa joka päivä. Olet luultavasti jopa ajatellut, kuinka voit luoda oman web-sivustosi tai lapsillesi omistetun sivun. Jos johtosi on asettanut sinulle tehtäväksi kehittää yrityksen verkkosivusto tai olet vain päättänyt hallita taiteen luoda laadukkaita, miellyttävän näköisiä ja mikä tärkeintä hyödyllisiä verkkoresursseja, tämä kirja auttaa sinua pääsemään Verkkotilaa äläkä tule siinä vieraaksi, vaan mestariksi.

Verkkosuunnittelu: Jakob Nielsenin kirja

Lyhyt kuvaus: Tämän päivän tunnetuin kirja web-suunnittelusta. Kirja sisältää kattavan oppaan tehokkaan vuorovaikutuksen rakentamiseen kenen tahansa käyttäjän kanssa missä tahansa tilanteessa: sisällön ja sivujen suunnittelusta navigointirakenteen yksinkertaistamiseen ja ammattimaisten verkkosivustojen luomiseen. Kirjasta ei löydy kuvauksia erityisiä ohjelmia ja HTML-koodeja. Hän vastaa eniten pääkysymys suunnittelu: Mitä tarkalleen ottaen on tehtävä, jotta sivuston kävijöiden olisi mukava työskennellä sen kanssa?

Web-suunnittelutekniikoita opiskelijoille

Lyhyt kuvaus: Kirja kattaa laajan joukon kysymyksiä, jotka liittyvät HTML- ja CSS-sivustojen kehittämiseen, alkaen yksinkertaiset sivut interaktiivisten ja dynaamisten sivustojen luomiseen. Perusasiat annettu tietokonegrafiikka, kuvaa työskentelyä Photoshop ohjelmat,ImageReady,DreamWeaver. Luomiseen dynaamiset sivut annettu tarvittavat tiedot ohjelmoinnista javascriptissä. Kirja on hyödyllinen opiskelijoille, opettajille ja kaikille, jotka haluavat luoda omia interaktiivisia ja dynaamisia sivuja.

Tehokas opetusohjelma luovaan web-suunnitteluun. HTML, XHTML, CSS, JavaScript, PHP, ASP, ActiveX

Lyhyt kuvaus: Tämä on todellinen "reseptikirja" niille, jotka haluavat nopeasti ja tehokkaasti hankkia vähimmäistiedot ja -taidot aloittaakseen verkkosivustojen kehittämisen välittömästi ammattimaista laatua. Hyvin valitut esimerkit ja niiden ratkaisut todellisissa tilanteissa, yksinkertainen ja tarkka esitystyyli, suuri määrä toimivaa koodia ja kuvituksia - nämä ovat vain muutamia kirjan ilmeisiä etuja, jotka erottavat sen monista vastaavista.

HTML Web Designissa

Lyhyt kuvaus: Kirjassa käsitellään yksityiskohtaisesti ja esimerkein käytännön asioita verkkosivujen rakentaminen HTML:n avulla: sivuston konseptin, ulkoasun ja rakenteen kehittäminen, vakiopalvelujen järjestäminen, interaktiivisten teknologioiden käyttö, graafisen ulkoasun ja sen ulkoasun luominen, sivuston edistäminen, tuki ja ylläpito. Tarpeellinen HTML:n perusteet. Kirja sisältää paljon selittäviä kuvia, esimerkkejä vaiheittaiset ohjeet, vinkkejä ja suosituksia.

Tästä kokoelmasta löydät kirjoja ja oppaita, jotka auttavat sinua ymmärtämään web-suunnittelun perusteita tai parantamaan taitojasi, jos sinulla on jo kokemusta alalta. Listalla on 13 englanninkielistä ja 7 venäjänkielistä kirjaa (samaan aikaan hieno tilaisuus parantaa englantiasi).

Verkkosuunnittelijan menestysopas

Tämän oppaan avulla suunnittelijat ottavat varmemmin ensimmäiset askeleensa freelancerina. Kirjan kirjoittaja kuvailee askel askeleelta, mistä aloittaa freelancerina työskentely, kuinka etsiä uusia asiakkaita ja säilyttää vakituisia asiakkaita, miten saada projektisi onnistumaan sekä mitkä markkinat ovat freelancereiden käytettävissä.

Käsikirja on suunniteltu suunnittelijoille, kehittäjille ja johtajille. Kirjassa hahmotellaan verkkosivustojen luomisen ominaisuuksia, ohjelmisto, laitteisto- ja kulutustuotteet vanhuksille ja kuntoutuksessa oleville. Tutkittuasi annettuja tietoja voit luoda projekteja, jotka ovat hyödyllisiä ja kaikkien käyttäjien saatavilla.

Kirja aloittelijoille ja kokeneille ammattilaisille, jotka työskentelevät JavaScript-verkkoteknologian kanssa. Kirjassa puhutaan JavaScriptin perusteet ja suunnittelukuviot - niiden ominaisuudet, sovellus. Todellinen käytännön esimerkkejä ratkaisuja moniin ongelmiin, joita usein ilmenee ohjelmistotuotteita luotaessa.

Pakollinen kirja niille, jotka ottavat ensimmäisiä askeleitaan HTML5:n oppimisessa. Mark Pilgrimin kirjoittama opas selittää historian ja piirteet moderni versio merkintäkieli. Kirjoittaja paljastaa Mielenkiintoisia seikkoja ja antaa esimerkkejä sovelluksista kangaselementti, flash ja muut ohjelmointitekniikat.

HTML Dog -resurssi on valmistellut lukijoille tietoa HTML5-tekniikasta. Tämä käsikirja suunniteltu ihmisille, joilla ei edes ole perustieto HTML:stä tai CSS:stä. Verkko-opetusohjelma kattaa tagien, attribuuttien, kappaleiden, otsikoiden, luetteloiden ja muiden elementtien luomisen HTML5:n avulla. Käytännön esimerkit auttavat sinua vahvistamaan tietosi.

Kolmas julkaistu ja erittäin suosittu kirja verkkokehityksestä. Verkkokirjan 12 lukua kuvaavat yksityiskohtaisesti verkkosivustojen luomisprosessia ja hahmotellaan tärkeimmät kehittäjien tekemät virheet. Kirjoittaja ei ota käytännön näkökulmasta huomioon vain sivuston rakenteen rakentamisen piirteitä ja yksittäisiä sivuja, mutta myös suunnittelua, käytettävyyttä, käyttöliittymän luomista ja paljon muuta.

Kirja typografiasta. Tarjoaa tietoja erilaisia ​​fontteja– kunkin yksittäisen projektin rakenne, toiminta ja visuaalinen suunnittelu. Käytännön esimerkkien avulla opit valitsemaan suunnittelullesi edullisimman fontin visuaalinen sisältö ja tietojen oikea näyttö.

Fonttiopas. Kirja tarjoaa Yksityiskohtainen kuvaus 10 pääkirjasinryhmää Lyhyt kuvaus, historiaa ja esittelykuvia. Tieto typografiasta on hyödyllistä sekä uusille freelancereille että kaikille muille suunnittelijoille. Tutkimalla fonttien välisiä eroja voit helposti vertailla ja luokitella niitä.

Suosittu opas reagoivan suunnittelun perusteisiin. Kirjailija Aaron Gustafson kuvaa kirjassa käyttäjälähtöisen suunnittelun historiaa, ominaisuuksia ja käytännön sovellutuksia. Tämä opetusohjelma näyttää, kuinka CSS:n, HTML:n ja JavaScriptin avulla voit poistaa teknisiä rajoituksia, jotka estävät käyttäjiä pääsemästä tietoihin.

Stephen Hayn kokoama mielenkiintoinen kokoelma vinkkejä suunnittelijoille. Kirjan kirjoittaja tarjoaa erilaisen katsauksen suunnitteluprojektien luomisprosessiin, mikä tekee siitä luovemman ja johdonmukaisemman. Tämän lähestymistavan ansiosta on mahdollista tehdä edistyneempää, mielekkäämpää ja onnistuneesti toteutettua työtä asiakkaan esittämien ideoiden ja toiveiden pohjalta.

Kirja verkkosuunnittelun perusteiden oppimisesta. Kirjassa kuvataan HTML-, CSS-, JavaScript- ja muiden tekniikoiden käytön ominaisuuksia verkkoresurssien luomisessa. Tämä Jennifer Robbinsin kirjoittama opas on hyödyllinen sekä suunnittelun ammattilaiseksi kiinnostuneille henkilöille että muotoilukouluttajille. harjoituskurssi. Jokaisen luvun teoreettisen materiaalin jälkeen on tehtävä, jolla testataan tietoa.

John Duckettin esittämää kattavaa tietoa suunnittelusta helposti saatavilla olevassa, mielenkiintoisessa ja ei-triviaalisessa muodossa. Tämä käsikirja esittelee parhaat tekniikat web-suunnittelu, tarjoaa teoreettista tietoa ja selkeitä käytännön esimerkkejä HTML:n avulla ja CSS. Kirja tuo web-suunnittelun kaikkien ulottuville selittämällä teknisiä termejä kielellä, jota jokainen lukija ymmärtää.

Kirja suosituksia responsiiviseen suunnitteluun. Julkaisun kirjoittaja ei kutsunut suunnittelua tarkoituksella mukautuvaksi, vaan joustavaksi tai reagoivaksi. Kirja selittää säännöt mukautuvien tekniikoiden käyttämisestä verkkosivustoja luotaessa. Listataan myös tärkeimmät virheet, joita suunnittelijat tekevät työssään. Niitä tutkimalla voit lisätä merkittävästi minkä tahansa projektin menestystä.

Kirjat venäjäksi:

Legendaarinen työopas nykyaikaisille suunnittelijoille ja digitaalisten tuotteiden asiantuntijoille. Julkaisussa esitellyt käytännölliset rajapintojen luomisen ominaisuudet auttavat tehostamaan suunnittelijoiden ja suunnittelijoiden välistä vuorovaikutusta. Kirjoittaja omisti suurimman osan kirjasta suunnittelun aikana ilmenevien virheiden ja puutteiden analysointiin.

Kirja käyttäjäystävällisten ja siten onnistuneiden verkkoresurssien luomisesta. Sisältää johtavien asiantuntijoiden suosituksia, kuvauksen yleiset virheet käytettävyyden, sivujen ja sivustomoduulien latausnopeuden suhteen. Tieto haun optimoinnista, valikoista, navigoinnista, multimedian käytöstä, flashista ja oikeasta suunnittelusta kiinnostaa useimpia ihmisiä. ulkomuoto resursseja.

Kirja aloittelijoille. Se kertoo semanttisen merkintäkielen muodostumisen historiasta, sen erottuvia piirteitä, tekniset tiedot ja tuetut tekniikat. Oppaan avulla opit käyttämään JavaScriptiä, työskentelemään multimedian kanssa, luomaan kuvia palvelimelle, käyttämään kankaita ja muita tekniikoita. Kirjallisuus on hyödyllistä kaikille, jotka ovat mukana luomassa käyttöliittymiä ja verkkosivuja.

Kirja, joka jokaisen JavaScript-asiantuntijan pitäisi olla arsenaalissaan. Lukijoille tarjotaan kattavaa tietoa, joka on kerätty tähän, jo kuudenteen, kaikkialla maailmassa suosittuun oppaaseen. Puhtaasti teoreettisen JavaScript-tiedon lisäksi kirjaa lukemalla saat myös paljon hyödyllistä tietoa O käytännön sovellus tekniikoita luotaessa sovelluksia Web 2.0:lle. Pohjimmiltaan tämä on työpöydän hakuteos, josta voit paitsi löytää vastauksen kaikkiin kysymyksiin, myös oppia paljon käytännön tietoa julkaisussa annetuista esimerkeistä.

Julkaisu sisältää neuvoja typografian ammattilaisilta, sisältää tietokoneiden asettelun perusteet sekä tällaisten toimintojen yksityiskohdat ja säännöt. Lisäykset ja kommentit kotimaisilta taiton, suunnittelun ja painatuksen ammattilaisilta ovat mukana erikseen. Käsikirja on tarkoitettu laaja valikoima lukijoille, ei vain vakiintuneille tulostimille tai verkkokehittäjille.

Toimintaopas suunnittelun ammattilaisille. Tämä on kolmas tarkistettu ja 6 luvulla täydennetty painos. Kirja kertoo mielenkiintoisesti suunnittelun päänäkökohdista, korostaa ongelmia ja vedenalaisia ​​kiviä toimintaa suunnittelun alalla. Tämän julkaisun kuvitetuilta sivuilta löydät vastauksia ikuisimpiin kysymyksiin ja saat selville, mistä löytää ihanteellisen asiakkaan, miten luoda ainutlaatuinen projekti ilman plagiointia, mistä saada ideoita ja miten ne voidaan toteuttaa käytännössä.

Mukautuvan suunnittelun ongelma on tärkeämpi kuin koskaan, koska mobiililaitteet niitä on verkossa yhä enemmän, ja tämä markkinarako on maukas pala moniin projekteihin. Ja näissä olosuhteissa web-suunnittelijoiden ja kehittäjien on otettava huomioon mobiililaitteiden näyttöjen moninaisuus ja kaikki käyttäjien vuorovaikutuksen hienoisuudet. Tämän kirjan avulla opit ottamaan käyttöön uusia teknologioita ja tekniikoita reagoivan suunnittelun luomiseen HTML5:n ja CSS3:n avulla.

Tunnisteet: Lisää tunnisteita

Hyvää päivää, rakas lukija! Olemme laatineet sinulle parhaat Internetissä olevat sivustot ja kirjat. Tämä informaatio on hyödyllistä sekä aloittelijoille että ammattilaisille.

Jokaiselle on monia kirjoja, jotka ansaitsevat jokaisen toiminnastaan ​​intohimoisen huomion. Tarjoamme arvostelun kirjoista venäjäksi ja englanniksi.

TOP 25 hyödyllistä sivustoa web-suunnittelijoille

Niille, jotka haluavat saada tietoa nykyaikaisemmista lähteistä, pysyä ajan tasalla uutisista ja kaikista innovaatioista, olemme laatineet TOP 25 parhaan sivuston. Verkkosuunnittelija on aina luovassa etsinnässä, joten opiskele, inspiroidu, kehity!

• webdesignerdepot.com – mielenkiintoisia uutisia web-suunnittelutilassa.
• ruseller.com– Täällä on paljon malleja ja oppitunteja, erityisesti aloittelijoille.
• flatuicolorpicker.com – kätevä palvelu, joka auttaa sinua valitsemaan käyttöliittymän värin.
• smashingmagazine.com– tämä portaali sisältää tietoa suunnittelusta ja web-kehityksestä.
• instantshift.com– resurssi auttaa sinua valitsemaan sivuston suunnittelun.
• animator.ru– kaikki animaatioista ja videoista.
• paratype.ru– tietoa fonteista.
• www.veerle.duoh.com– ammattimaisesti luotu blogi. Täynnä laadukkaita ammattimaisia ​​artikkeleita. Kirjoittaja tarjoaa konsultaatioita web-suunnitteluun.
• thedieline.com– Tämä sivusto tarjoaa runsaasti tietoa pakkaussuunnittelusta.

• psd.tutsplus.com on hyödyllinen portaali, joka tarjoaa askel askeleelta oppitunteja aloittelijoille.
• dafont.com– Täältä löydät yli yksitoistatuhatta eri fonttia mihin tahansa, jopa hienostuneimpiin makuun.
• bluevertigo.com.ar– Tämä resurssi tarjoaa luettelon verkon suosituimmista valokuvapankeista.
• thefwa.com- inspiroiva valikoima sivustoja.
• flasher.ru- kaikille, jotka haluavat työskennellä flash-tekniikoiden kanssa, täällä on paljon hyödyllisiä vinkkejä, oppitunteja, avoimia työpaikkoja.
• webdesign.tutorials- suurin kirjasto web-suunnittelijalle.
• psd tuts- täällä on kaikki kerätty parhaat oppitunnit Photoshopissa työskentelemisestä ja oppimisesta.

• ekstrapikselillä— Täältä löydät aina uusimmat opetusohjelmat Photoshopista, Illustratorista sekä paljon mielenkiintoisia asioita CSS:stä, WordPressistä. Bonuksena on paljon materiaalia inspiraatiota ja uusia ideoita varten.
• behance– Täällä näet teoksia suosittuja ja ammattimaiset web-suunnittelijat kaikkialta maailmasta.
• adobe jäähdytin– auttaa sinua valitsemaan väriteemoja.
• raikas– tästä resurssista voit valita minkä tahansa siveltimen Photoshopia varten.
• kirjaudu heti sisään on loistava sivusto luovien logojen luomiseen.
• 365psd- paras kokoelma taustoja eri aiheisiin liittyville verkkosivustoille.
• pixelkit.com– valtava määrä ilmaisia ​​malleja.

Johtopäätös

Olemme varmoja, että pystyimme auttamaan sinua löytämään arvokasta kirjallisuutta ja laadukkaita resursseja niin todellisille guruille kuin niille, jotka ovat vasta aloittamassa matkaansa tässä hämmästyttävässä ja mielenkiintoisessa ammatissa. Tämä sarja riittää aloittamaan web-suunnittelun ja parantamaan taitojasi.

Jos tämä artikkeli auttoi sinua jännittävällä matkallasi verkkosuunnittelijaksi, muista jakaa se kommenteissa.

Kaikki parhaat!

Kirjailijalta: Tervehdys, rakas lukija. Aloittaessasi matkaasi web-suunnittelijana törmäät todennäköisesti valtavaan määrään erilaisia ​​seminaareja, kursseja, hakuteoksia, kirjoja ja web-suunnittelutunteja. Kaikilla ei kuitenkaan ole varaa koulutukseen, joka maksaa useita tuhansia ruplaa. Lisäksi todella hyödyllisiä ja laadukkaita web-suunnittelutunteja pidetään vain suurissa kaupungeissa. Mikä uloskäynti?

Hallitaksesi web-suunnittelijan ammatin, käytä tietosi menestyksekkäästi käytännössä ja luo laadukkaita ja hyödyllinen tuote, riittää usein erilaisten verkkoresurssien "tutkiminen" tai aloittelijoille suunniteltujen erikoisvideokurssien suorittaminen.

Kyse ei ole siitä, että vastustan kokopäiväistä verkkosuunnittelun opetusjärjestelmää. Luulen vain, että useimmat näistä kursseista ovat vain hyödyllisen ajan hukkaa tutkiakseen aloittelevalle web-suunnittelijalle tarpeettomia tietoja, kuten "mikä on Internet" tai "miten asennetaan Photoshop" (voit varmasti oppia tämän myös itse ).

Lisäksi maassamme ei opeteta web-suunnittelijoiksi. Eli erikoisuus" graafinen suunnittelu" on olemassa monissa yliopistoissa, mutta se tuottaa tulostimia, kuvittajia, sisustajia, graafisia suunnittelijoita - kaikkia, mutta ei web-suunnittelun asiantuntijoita.

Tänään puhumme sinulle siitä, mitä ilman yksikään johdantotunti web-suunnittelusta tyhjästä ei ole täydellinen - tärkeimmät kriteerit hyvä muotoilu: väri, muoto ja typografia. Ja tietysti web-suunnittelun käsitteestä.

Mitä on web-suunnittelu?

Minkä tahansa verkkoresurssin luominen alkaa sen käyttöliittymän suunnittelusta, jonka ei pitäisi olla vain kätevä ja ymmärrettävä käyttäjälle, vaan myös täytettävä sivuston tavoitteet. Huolimatta siitä, että käyttöliittymän taiteellinen muotoilu vetäytyy taustalle, se Oikeanlainen käyttö lisää sivuston mukavuutta, tekee siitä mieleenpainuvan ja alkuperäisen.

Jos sinulla ei ole syntymästä lähtien ollut taiteellista makua, älä huoli. Pääasia on, että osaat web-suunnittelun perusteet, ja maku tulee kokemuksen myötä.

Väri

Näytön oletusväri on musta. Päävärit - punainen, sininen ja vihreä - lisätään mustaan ​​ja muodostavat kaikki muut värit. Jos lisäät kolme pääväriä, saat valkoisen. Sellainen väri malli nimeltään RGB.

Jotkut web-suunnittelun oppitunnit alusta alkaen alkavat kuvauksella väripyörästä, joka on minkä tahansa web-suunnittelijan tärkein apulainen.

Väripyörän periaatteet

Toisiaan vastapäätä sijaitsevat väriparit ovat kontrastisia. Esimerkiksi sininen keltaisella, violetti vihreällä, syaani punaisella;

kontrastivärit ovat toisensa poissulkevia. Eli jos nostat tasoa sininen väri, tämä vähentää automaattisesti punaista tasoa. Ja päinvastoin;

tietty väri saadaan sekoittamalla vierekkäisiä värejä. Esimerkiksi saadaksesi keltaista, sinun on sekoitettava vihreää ja punaista;

Mitä tahansa väriä voidaan kontrastoida ei yhdellä värillä, vaan kontrastiparilla. Joten lisätäksesi punaista arvoa, voit alentaa syaanitasoa tai alentaa sinistä ja vihreää arvoa samanaikaisesti.

Pieni elämänhakkerointi: voit nopeasti valita kontrastivärin kääntämällä minkä tahansa rasterielementin värin Ctrl+I-komennolla.

Valittaessa väripaletti sivustolle, älä unohda käyttää taulukkoa turvallisia värejä varmistaaksesi, että selain näyttää tietyn värin oikealla tavalla. Jos selain ei tunnista tiettyä väriä, se voi sekoittaa useita lähellä olevia värejä, mikä johtaa vääristymiin värivalikoima sivusto.

Lomake.

Poikkeuksetta kaikilla esineillä on muoto. Voimme luoda kohteen ilman väriä tai tekstuuria, mutta muototietoja ei voi jättää pois. Yleisimmin käytetty yksinkertaiset lomakkeet web-suunnittelussa ovat: viiva, suorakulmio, kolmio ja ympyrä.

Linja voi suorittaa kaksi tehtävää: yhdistää ja erottaa muita kohteita. Kytkentäesimerkki:

Moderneja suuntauksia ja lähestymistapoja verkkokehitykseen

Opi nopean kasvun algoritmi alusta alkaen verkkosivustojen rakentamisessa

Esimerkki jakamisesta:

Suorakulmio. On tärkeää valita mittasuhteet. Olet varmasti kuullut "kultaisesta suhteesta" - segmentin jakamisesta osiin siten, että pienemmän osan suhde suurempaan on sama kuin suuremman suhde segmentin koko pituuteen. Alla on esimerkki, jossa piste C jakaa janan AB siten, että AC:AB= CB:AC.

Joten "kultaisen suhteen" periaatetta ei noudateta vain Leonardo da Vincin maalauksissa, vaan myös kaikilla tieteen ja taiteen aloilla, mukaan lukien web-suunnittelu. Uskotaan, että "kultainen suhde" luo harmoniaa. Esimerkiksi valokuvassa tärkeiden kohteiden tulisi sijaita 3/8 ja 5/8 etäisyydellä reunasta, eli tärkeissä visuaalisissa keskuksissa.

Kolmio. Tämä on monimutkainen verkkosuunnittelun hahmo, jonka avulla voit saavuttaa erilaisia ​​​​tehosteita. Usein se ei kuitenkaan sovi hyvin kokonaiskuvaan, milloin oikea käyttö, esimerkiksi logoissa, voi korostaa yrityksen luotettavuutta ja kestävyyttä.

Ympyrä. Kolmion tavoin tämä muoto on hyvä logoissa, kuvakkeissa ja muissa pienissä esineissä. Suurissa esineissä ja näytön suunnittelussa ympyrää käytetään harvoin.

Typografia.

Verkkosuunnittelijan työ ei ole vain objektien piirtämistä ja oikea sijainti niitä avaruudessa. Yksi tärkeimmistä tehtävistä on tehdä näytön näytöllä näkyvästä tekstistä kaunista ja luettavaa.

Erilaisia ​​alustoja ja selaimet näyttävät mieluummin kirjasimia eri tavalla (mikä on hirveän ärsyttävää sekä käyttäjille että web-suunnittelijoille), joten yritä käyttää turvalliset fontit, jotka taatusti näkyvät kaikissa selaimissa.

perus - sivuston tärkeimmille materiaaleille. Käytä luettavaa yksinkertaiset fontit kätevän kanssa riviväli(noin 1,5 kertaa merkkien korkeus);

näyttö - otsikoille. Tämä fontti voidaan erottaa paitsi koon, myös värin perusteella;

ylimääräinen - navigointiin, tärkeää tietoa, valikon logo, lainaukset jne.

Tässä kaikki tältä erää. Seuraava web-suunnittelun opetusohjelma kattaa Photoshopin perusteet.

Lopuksi haluan sanoa, että jokainen voi hallita suunnittelutaitojen perusteet. Tarvitset vain halua, ponnistelet ja omistat aikaa oppimiseen. Verkkosuunnittelun perusteet (värit, objektien muodot ja fontit) ovat perusta, jolle oppiminen tulisi rakentaa.

Käytä aikaa tarkastellaksesi eri lahjakkaiden suunnittelijoiden portfolioita tai verkkosivustoja kuuluisia yrityksiä ja kiinnitä erityistä huomiota yllä oleviin elementteihin. Tämä auttaa sinua kehittämään hyvää makua ja ehkä kehittämään omaasi oma tyyli.

Tilaa päivityksemme ja saat ensimmäisenä web-suunnittelun oppitunteja. Nähdään taas!

Nykyaikaiset trendit ja lähestymistavat verkkokehitykseen

Opi nopean kasvun algoritmi alusta alkaen verkkosivustojen rakentamisessa

Kun luot verkkosivuston valmiilla verkkosivustojen rakennustyökalulla, sinun ei tarvitse huolehtia tekniset näkökohdat. Sinun ei tarvitse kirjoittaa koodia - valmis mallirakenne ja valtava joukko widgetejä ovat palveluksessasi. Sinun ei tarvitse huolehtia tiettyjen komponenttien suorituskyvystä – järjestelmä tekee kaiken puolestasi. Mutta silti on vivahde, josta sinun on huolehdittava itsestäsi - verkkosivustosi suunnittelusta. Houkuttelevan ja ennen kaikkea kätevän verkkosivuston luomiseksi sinun tulee opetella ainakin web-suunnittelun perusteet ja soveltaa hankittua tietoa käytännössä. Kuinka tehdä se? Ensinnäkin tarvitset moderni verkko kirjan suunnittelu!

Verkkosuunnittelun kirjoja aloittelijoille

Olemme valinneet sinulle 10 kirjaa, jotka auttavat sinua sukeltamaan kiehtova maailma web-suunnitteluun ja luo houkutteleva ja laadukas projekti käyttämällä . Jotkut niistä löytyvät mm vapaa pääsy, ja joistakin joudut maksamaan. Jotkut löytyvät sähköinen versio, mutta jotkut eivät. Jotkut ovat kotimaisten kirjailijoiden kirjoittamia, ja jotkut on käännetty muista kielistä. Mutta kaikilla näillä web-suunnittelukirjoilla on yksi yhteinen piirre - niistä löydät hyödyllistä tietoa houkuttelevan, kätevän ja omaperäisen verkkosivuston luomisesta.

Dmitri Kirsanov. "Web-suunnittelu"

Verkkosuunnittelu – mistä aloittaa? Aloita rohkeasti Dmitri Kirsanovin kirjasta! Siinä selitetään yksityiskohtaisesti ja selkeästi tekniset perustermit, jotka aloittelevan suunnittelijan tulee tietää, ja hahmotellaan fonttien, värien, muotojen ja tekstuurien kanssa työskentelyn perusteet. Kirjoittaja kiinnitti erityistä huomiota verkkosivustojen suunnitteluun - kirjasta löydät paljon tietoa työskentelystä otsikoiden, navigoinnin ja tekstilohkojen kanssa. Voit soveltaa hankittua tietoa käytännössä luomalla verkkosivuston MotoCMS:llä. Loppujen lopuksi sinun tarvitsee vain paikka valmiit lohkot sivulla ja työskentele värimaailman, kuvien ja typografian parissa.

Steve Krug. "Web-suunnittelu: Älä pakota minua ajattelemaan"

Tämän web-suunnittelukirjan suosio ei johdu pelkästään materiaalin mielenkiintoisesta esitystavasta, vaan myös valtava määrä hyödyllistä tietoa suunnittelijoille, ohjelmoijille, verkkovastaaville, johtajille ja markkinoijille. Kirjassa kiinnitetään paljon huomiota käytettävyysongelmiin, joten niille, jotka haluavat luoda suositun ja käyttäjäystävällisen verkkosivuston, tämä on pakollista luettavaa. Samaan aikaan kirja on suunnattu laajalle yleisölle ja on kirjoitettu yksinkertaisella ja selkeällä kielellä- Lukemisessa ei pitäisi olla vaikeuksia.

Tim Kedlec. "Adaptiivinen muotoilu. Teemme verkkosivut kaikille laitteille”

Nykyään responsiivinen verkkosivusto ei ole luksusta, vaan välttämättömyys mille tahansa yritykselle. Työskentelyn perusperiaatteet mukautuva muotoilu hahmottelee Tim Kedlecin kirjassaan. Sinun tulee ehdottomasti tutustua tähän kirjaan ainakin pinnallisesti, jos aiot luoda verkkosivuston MotoCMS 3 builderilla, koska kaikki on täysin mukautuvaa ja näkyy oikein kaikissa nykyaikaisissa laitteissa.

Johannes Itten. "Värien taide"

Johannes Itten on kuuluisa sveitsiläinen taiteilija, koulutuksen kirjoittaja, josta on tullut monien nykyajan ohjelman perusta. koulutusinstituutiot. Ei ole yllättävää, että tämän kirjan kirjoittaja osaa työskennellä värien kanssa paremmin kuin kukaan muu ja opettaa mielellään tätä taitoa muille. Koska ne ovat erittäin tärkeitä, sinun tulee ehdottomasti selata tämän kirjan sivuja. Voit helposti soveltaa hankittuasi tietoa käytännössä työskennellessäsi MotoCMS-hallintapaneelin kanssa, koska sen avulla voit muuttaa väriskeema sivusto vain muutamalla napsautuksella.

James R. Craig, Irina Skala. "Fontti ja muotoilu. Moderni typografia”

Nykyaikaiset web-suunnittelukirjat sisältävät erilaisia ​​tietoja periaatteesta, jolla fontit valitaan verkkosivustoille. Jotkut suunnittelijat pitävät klassisista fonteista, kun taas toiset pitävät kokeiluista. Mutta silti alkaen yksinkertainen lääke Tekstiä siirrettäessä fontit ovat jo pitkään muuttuneet itsenäiseksi taideobjektiksi. Tämän kirjan kirjoittajat kuvasivat modernin typografian perusteita, joista on hyötyä sekä web-suunnittelijoille että webmastereille. Muuten, fonttien kokeileminen MotoCMS-hallintapaneelissa on melko helppoa - jokainen malli sisältää kokoelman Google-fontit, jonka kanssa voit työskennellä turvallisesti.

Heather Bradley. "Design. Moderni luova”

Tämän kirjan nimi puhuu puolestaan. Siitä löydät paitsi paljon hyödyllisiä neuvoja käytännön asiantuntijalta suunnittelun alalla, mutta myös paljon hauskoja vitsejä ja inspiraation lähteitä. Tämän web-suunnittelukirjan etuna on sen yksinkertainen esitystyyli, monia mielenkiintoisia historiallisia tosiasioita ja kaunis visuaalinen suunnittelu. Sanalla sanoen, tämä Heather Bradleyn työ on ehdottomasti huomion arvoinen!

Aaron Walter. "Emotionaalinen web-suunnittelu"

Hyvän web-suunnittelun ei pitäisi olla vain houkuttelevaa ja kätevää, vaan myös herättää käyttäjässä tiettyjä tunteita. Voit oppia luomaan tällaisen mallin lukemalla Aaron Walterin kirjan. Kirja sisältää paljon onnistuneita esimerkkejä tunnesuunnittelua sivustoja, joten se kannattaa ehdottomasti tutustua aloittelijoille (eikä vain) verkkovastaaville. Ja jos haluat harjoitella, suurin osa tunnesuunnittelun luomiseen tarvittavista valmiista lohkoista ja widgeteistä löytyy MotoCMS-kirjastosta.

Steve Krug. "Kuinka tehdä verkkosivustosta kätevä"

Tämä kirjoittaja kirjoittaa erinomainen verkko kirjasuunnittelua aloittelijoille, joten valikoimaan kuuluu kaksi hänen teostaan. Tässä kirjassa kirjoittaja kuvaa hänelle tyypillisellä humoristisella tavalla verkkosivustojen kehittämisen vaiheita ja puhuu myös siitä, kuinka verkkoresurssit tehdään käyttäjille mahdollisimman yksinkertaisiksi ja käteviksi. Kun olet lukenut tämän kirjan, opit arvioimaan objektiivisesti minkä tahansa verkkosivuston käytettävyyttä mahdollisia ongelmia ja poista ne nopeasti. Ja MotoCMS-kirjaston valmiiden elementtien avulla voit luoda kätevän verkkosivuston entistä helpommin!

Susan Weinshenk. "100 olennaista suunnitteluperiaatetta"

Verkkovastaavat voivat turvallisesti aloittaa verkkosuunnittelun oppimisen alusta tämän kirjan avulla. Kirjassa kirjailija puhuu siitä, kuinka muotoilu vaikuttaa ihmisten tunteisiin ja käyttäytymiseen pakottaen heidät tekemään tiettyjä päätöksiä. Ehkä tämä on verkkovastaavalle tärkeämpää kuin väriteorian tai typografian perusteellinen tuntemus. Opit luomaan suunnittelun, joka kiinnittää ihmisten huomion. Lisäksi, jos luot verkkosivun MotoCMS-alustalla, sinun ei tarvitse huolehtia teknisistä seikoista - järjestelmä sisältää jo kaikki valmiit komponentit, sinun tarvitsee vain järjestää ne oikein verkkosivujen sivuilla.

Ethan Marcotte. "Responsiivinen verkkosuunnittelu"

Tämä kirja käsittelee myös verkkosivustojen mukautuvuutta ja käytettävyyttä. Kirjoittaja väittää, että kirjan lukemisen jälkeen voit luoda verkkosivuston, joka tyydyttää ehdottomasti kaikkien käyttäjien tarpeet. Kirjassa Marcotte puhui verkkosivustojen luojien yleisimmistä virheistä ja niiden välttämisestä. Opi harjoittelevalta asiantuntijalta ja käytä heti tietosi käytännössä MotoCMS-suunnittelijan kanssa!

Olemme koonneet vain aloittelijoille sopivia web-suunnittelun peruskirjoja. Toki niitä on monia muitakin. Älä pelkää katsoa tarvittavat tiedot, lue ja herätä kuuluisien suunnittelijoiden ideat eloon MotoCMS-verkkosivuston rakentajan avulla. Toivotamme sinulle onnea ja inspiraatiota!