Základy rozloženia stránky v CS5

Rozloženie stránky zahŕňa text a obrázky (a niekedy aj iné formy multimédií) na vytvorenie dizajnu na webovej stránke v Adobe Creative Suite 5. Pri vytváraní dizajnu stránky musíte zvážiť, ako ľudia vidia rozloženie, ako napr. oko sa pohybuje po stránke, aby zachytilo tok informácií. Zvážte tiež, ako sú prvky usporiadané a koľko prázdneho priestoru ich obklopuje.

Dva hlavné druhy rozloženia stránky sú rozloženie pre tlač a web. Oba formáty vyžadujú, aby ste pracovali s mnohými rovnakými prvkami.

Rozhodnite sa, ktoré programy Creative Suite použijete

Existuje veľa rozdielov medzi prípravou rozloženia pre web a prípravou na tlač; Zistíte však, že pre obe používate mnohé rovnaké nástroje a medzi týmito dvoma médiami prechádza veľké množstvo informácií.

Manipulácia s obrázkami pre web sa často vykonáva vo Photoshope. Je to tiež štandardný program na manipuláciu a opravu obrázkov určených na tlač. Môžete dokonca navrhnúť stranu na tlač a tiež ju umiestniť online pomocou príkazu Export XHTML/Dreamweaver v aplikácii InDesign.

Pri uverejňovaní informácií online však musíte vziať do úvahy určité úvahy. Navigácia, použiteľnosť, veľkosť súboru, rozmery a možnosti počítača sú aspekty webu, ktoré nie sú pri práci na tlači dôležité. Rozlíšenie, farby a orezanie (aby sme vymenovali aspoň niektoré) sú však úvahy pri navrhovaní diela na tlač, ktoré sa netýkajú webu.

Ďalšou možnosťou na vytvorenie rozloženia webovej stránky je použitie Adobe Fireworks, ktorý je súčasťou Creative Suite. Fireworks vám nielen pomáha vytvárať webovú grafiku, ale poskytuje aj vynikajúce nástroje na tvorbu prototypov pre web. Pomocou Fireworks môžete vytvoriť štýly, vytvoriť vzorovú stránku a dokonca na svoje stránky použiť interaktivitu. Vytváranie prototypov viacerých stránok s hypertextovými odkazmi je synchronizované pomocou Fireworks.

Navrhnite rozloženie pre tlač

Keď navrhujete rozloženie strany na tlač, musíte brať do úvahy veľkosť a typ papiera, ktorý sa použije. Niekedy vytvoríte hlavičkový papier s určitými prvkami na stránke, ktoré zostávajú rovnaké, zatiaľ čo iné prvky (hlavný obsah) sa na jednotlivých stránkach líšia.

Môžete tiež vytvoriť rozloženia strán, ktoré slúžia ako šablóny pre knihu a opakovane používať konkrétne prvky (ako sú odrážky alebo bočné panely) rôznymi spôsobmi na stránkach. Veľkosť strany, veľkosť písma a rozlíšenie obrázka sú dôležité faktory pri tlači.

Šablóny pre rozloženie strán zohľadňujú bežné rozmery papiera a pomáhajú vám rozložiť obsah do definovaných oblastí. Napríklad, ak vytvárate brožúru, musíte myslieť na to, kde bude stránka zložená a ako orientovať obrázky a text tak, aby boli otočené správnym smerom.

Mnoho druhov šablón je dostupných online a niekedy si ich môžete stiahnuť zadarmo; ostatné sú dostupné za malý poplatok v závislosti od šablóny.

Tu je niekoľko problémov, na ktoré treba myslieť pri rozvrhnutí stránky:

  • Vždy, keď je to možné, použite mriežku a zarovnanie prvkov. Ak niektoré prvky na vašej stránke nie sú zarovnané, mali by ste na to mať dobrý dôvod.

  • Oko sa pohybuje v smere prvkov na stránke. Napríklad, ak je obrázok osoby otočený smerom od stredu šírky, oko sa pohybuje týmto smerom. Uistite sa, že oko cestuje k dôležitým prvkom na stránke.

  • Dodržujte pravidlo tretín a rozdeľte strany na tretiny. Časti vášho rozloženia by mali spadať do týchto troch oblastí.

Rozlíšenie obrazu na obrazovke sa meria v pixeloch na palec (ppi), čo predstavuje počet pixelov, ktoré sú na obrazovke v rámci 1 palca. Vytlačené rozlíšenie obrázka sa meria v bodoch na palec (dpi) – pre každý pixel sa vytlačí bod atramentu.

Vyššie dpi znamená, že obrázok je jasnejší a má jemnejšie detaily, čo je pri tlači mimoriadne dôležité. Vytlačené obrázky takmer vždy používajú vyššie rozlíšenie ako obrázky na obrazovke, takže môžete zistiť, že obrázok s rozmermi 4 x 4 palce na obrazovke (pri 72 ppi) sa vytlačí s rozlíšením menej ako 1 x 1 palec (pri 300 dpi).

Leave a Comment

Vlákno a prepojenie textových rámov InDesign CS5

Vlákno a prepojenie textových rámov InDesign CS5

Naučte sa, ako prepojiť (prepojiť) textové rámčeky v InDesign Creative Suite 5, aby medzi nimi mohol plynúť text a optimalizovať tak svoje publikácie.

Prepojiť a vložiť obrázky do dokumentov InDesign CS5

Prepojiť a vložiť obrázky do dokumentov InDesign CS5

Obrázky, ktoré importujete do dokumentov InDesign, môžu byť prepojené alebo vložené. Pochopte, kedy použiť každú metódu pre optimalizované publikovanie.

Ako upraviť akciu vo Photoshope CS6

Ako upraviť akciu vo Photoshope CS6

Adobe Photoshop CS6 vám umožňuje upravovať akcie. Naučte sa, ako upraviť akcie, aby ste dosiahli požadované výsledky pri práci s obrázkami.

Ako umiestniť a orezať kresbu v aplikácii Adobe Illustrator

Ako umiestniť a orezať kresbu v aplikácii Adobe Illustrator

Predtým, ako sa naučíte orezávať obrázky v aplikácii Adobe Illustrator, musíte najprv umiestniť obrázky. Preskúmajte, ako vložiť a prepojiť súbory a umiestniť text do cesty.

Prispôsobenie a používanie pravítka a príručky Adobe CS5 Illustrator

Prispôsobenie a používanie pravítka a príručky Adobe CS5 Illustrator

Adobe Illustrator v rámci Adobe CS5 ponúka pokročilé metódy pre efektívne usporiadanie a umiestňovanie ilustrácií. Prispôsobenie pravítka a sprievodcov vám pomôže dosiahnuť presné výsledky.

Zmeňte nastavenie dokumentu InDesign CS5

Zmeňte nastavenie dokumentu InDesign CS5

Naučte sa, ako zmeniť nastavenie dokumentu v InDesign Creative Suite 5 vrátane veľkosti strán a počtu strán. Toto je praktický sprievodca pre efektívnu prácu s dokumentmi.

Ako vytvoriť orezové cesty v programe Adobe Photoshop CS6

Ako vytvoriť orezové cesty v programe Adobe Photoshop CS6

Naučte sa, ako vytvoriť orezové cesty v Adobe Photoshop CS6 pre dokonalé siluety, ktoré sú vhodné na prenášanie do iných aplikácií na zalamovanie textu. Orezové cesty sú základom pre efektívnu prácu s grafikou.

Ako nastaviť zásady správy farieb vo Photoshope CS6

Ako nastaviť zásady správy farieb vo Photoshope CS6

Naučte sa, ako nastaviť zásady správy farieb vo Photoshope CS6, aby ste optimálne spravovali farebné profily a dosiahli presné farby vo svojich projektoch.

Úprava tabuľky v programe Adobe CS5 Dreamweaver

Úprava tabuľky v programe Adobe CS5 Dreamweaver

Adobe Creative Suite 5 (Adobe CS5) Dreamweaver ponúka efektívne metódy na úpravu tabuliek, vrátane pridávania a odstraňovania riadkov a stĺpcov. Naučte sa optimalizovať svoje tabulky pre lepšie SEO.

Ako zmeniť veľkosť tvarov v aplikácii Illustrator

Ako zmeniť veľkosť tvarov v aplikácii Illustrator

Pri navrhovaní v aplikácii Adobe Illustrator CC často potrebujete presnú veľkosť tvarov. Zmeňte veľkosť tvarov rýchlo pomocou nástroja Transformácia a rôznych techník.