Jak strukturovat soubory Photoshopu

Autor: Randy Alexander
Datum Vytvoření: 28 Duben 2021
Datum Aktualizace: 16 Smět 2024
Anonim
How to Prep Photoshop Files for After Effects
Video: How to Prep Photoshop Files for After Effects

Obsah

Jako kreativní vývojář se mě často ptají, jaké mám přednost při přijímání kreativ od mých návrhářů. Osobně raději dostávám vrstvený soubor s maketami namísto předem nakrájených obrázků. Toto je osobní volba a chápu, že to není upřednostňovaný formát pro každého. Ve skutečnosti se zdá, že v průmyslu existuje docela debata o nejlepší metodě přijímání kreativity.

Bez ohledu na vaši osobní volbu si však myslím, že je pro designéry nezbytně nutné vytvářet a dodávat čisté soubory. Příliš často mi byl předán spis, který vypadá podobně jako ten níže.

Trvá jen chvilku, než zjistíte, jak špatně vytvořený a neuspořádaný je tento soubor. Konvence pojmenování a seskupení neexistují.

Znamení lenivosti

Je to, jako by můj návrhář měl intimní vztah se svými klíči pro kopírování a vkládání. Použití výchozích názvů, jako je skupina 1, skupina 2 a tvar 5, je nepřijatelné. Také ponechání prvků, které již nejsou potřeba, například prázdné skupiny, je jen známkou toho, že jste líní.


Jistě, za těchto podmínek můžeme pracovat, ale proč byste chtěli? Díky několika jednoduchým úpravám mohou designéři proměnit nepořádný soubor v něco, v čem se může snadno pohybovat kdokoli.

I když nemáte v úmyslu sdílet svou práci s ostatními, zvažte, že se budete muset k jednomu ze svých souborů vrátit později. Představte si, jakému zmatku se můžete vyhnout dodržováním několika základních pravidel.

Jak to udělat správně

Začněme seskupením. Pokud je váš návrh rozložen se základním záhlaví a zápatí, spolu s některými obsahovými a navigačními částmi, vaše skupiny (a jejich názvy) by se měly shodovat.

Podívejte se na ukázku níže. Vidíte, že náš designér rozbíjí věci na základě celkového designu. Dává každé skupině smysluplné jméno a udržuje věci pohromadě.


Tímto způsobem vytvoří strukturovaný a organizovaný soubor, který pomáhá identifikovat klíčové komponenty každé sekce nebo skupiny. Trvá to jen chvíli, ale má potenciál ušetřit spoustu času.

Konvence pojmenování

Další často přehlíženou, ale silnou stránkou konstrukce vrstev, je konvence pojmenování.

Konvence pojmenování může trvat dlouhou cestu. Několik minut času vám pomůže vytvořit neuvěřitelně snadnou navigaci v souboru. Jen si pamatujte, že když přicházíte se jmény, jednoduché je často lepší.

Pojmenujte své vrstvy konzistentně a stručně. Pokud přidáte vrstvu, která se týká úkosu na úrovni, pojmenujte ji tak. Pokud máte prvek, který se používá pro platformu dolní karty, proč jej nenazvat jako takový. Snažte se o to!

Barevně označte své vrstvy

Posledním bodem, který chci zmínit, je možnost barevného kódování vašich vrstev. I když se to nemusí jevit jako obrovská výhoda - a jistě některé projekty nebudou tuto úroveň organizace vyžadovat - barevné kódování může hrát užitečnou roli.


V níže uvedeném příkladu můj návrhář použil čtyři odlišné barvy, aby pomohl identifikovat různé prvky v tomto souboru.

Když jsem to krájel pro náš projekt, rychle jsem díky barevnému kódování viděl spojení mezi skupinami a jejich obsahem.

S tímto konkrétním projektem měly samotné barvy význam a byly přímo spojené s designem. Někdy tomu tak není vždy, ale v obou případech je barevné kódování skvělým způsobem, jak zvýraznit důležité objekty.

Struktura a organizace

Jak vidíte, existuje několik věcí, které můžete udělat, aby vaše soubory byly čitelnější pro vaše vývojáře a další designéry.

Zvažte množství času, které věnujete vývoji svého designu. Teď zvažte, že strávíte jen chvilku této doby strukturováním a uspořádáním vrstev.

Váš vývojář (a další návrháři ve vašem týmu) vás za to budou milovat. A přiznejme si to, hlouběji, všichni chceme být milovaní ...

Slova: Tammy Coron

Tammy Coron je vývojář iOS, backendový vývojář, webový vývojář, spisovatel a ilustrátor. Bloguje na adrese Just Write Code.

Takhle? Přečtěte si tyto!

  • 101 tipů, triků a oprav Photoshopu, které můžete dnes vyzkoušet
  • Nejlepší webová písma zdarma pro designéry
  • Úžasné příklady experimentálního designu

Máte nějaké pochmurnosti ohledně toho, jak si kolegové organizují práci? Sdílejte své myšlenky s komunitou v komentářích níže!

Naše Doporučení
Byl vyhlášen užší seznam Net Awards 2014
Přečtěte Si Více

Byl vyhlášen užší seznam Net Awards 2014

Trvalo to dlouho a hodně práce, než j me e do tali do tohoto bodu, ale j me konečně tady: pro letošní ceny máme prvních pět v každé z našich 22 kategorií.Pokud j te cel&#...
Vytvářejte drátové modely ve Photoshopu CS6
Přečtěte Si Více

Vytvářejte drátové modely ve Photoshopu CS6

Kromě tužky a papíru exi tuje mnoho digitálních ná trojů pro vytváření drátových modelů - „lo-fi“ rozložení webové tránky, které vám po...
Měli by návrháři přejít na OS X 10.8 Mountain Lion?
Přečtěte Si Více

Měli by návrháři přejít na OS X 10.8 Mountain Lion?

Očekávaný O X 10.8 Mountain Lion e nyní do tal do obchodu aplikacemi a mnoho ho dychtivě tahuje. Všiml j em i však na mém Twitteru, že mnoho lidí e rozhodlo poza tavit upgrade...