Съвети за дизайн на печат за уеб дизайнери
Започнах кариерата си в печата преди почти десетилетие и постепенно преминах в мрежата. Този изцяло нов носител донесе няколко творчески и технически препятствия, с които трябваше да се науча да се справя и дори да прегърна.
Днешната статия е за ново поколение дизайнери, които правят обратния скок. От известно време проектирате за дигиталния свят и сте готови да научите дизайна на печат. Ще помогнем за улесняване на прехода с няколко мъртви прости и практични съвети.
Разгледайте елементи Envato
Печатът не е мъртъв
В оригиналния филм за Ghostbusters от 1984 г., след като го попитат дали обича да чете, Егон смело обявява „печатът е мъртъв“. Това твърдение не беше съвсем вярно по онова време, но беше изключително точно предсказване на събитията от следващите двадесет години, а именно възходът на Интернет и личните компютри от неизвестността до повсеместността.
За да бъдем сигурни, тази революция поне отне бейзболна бухалка в издателската индустрия и следователно наличието на дизайнерски работни места в тях. Определено все още не е така, че всички форми на печат са мъртви. Всъщност дизайнът на печат може да бъде едно от най-ценните и логични умения, които да добавите към репертоара си като уеб дизайнер.
Ако имате клиенти, които притежават малки фирми, те се нуждаят не само от уебсайтове и лога, но и от визитки, канцеларски материали, табели за магазини, облекло и може би дори реклами в местните вестници. Повечето от тях предпочитат да пропуснат главоболието от работата с множество дизайнери и да намерят един доставчик за целия този материал. Ако можете да боравите както с уеб, така и с печат, това сте вие!
Резолюция
Нека започнем с някои основни знания, които вероятно вече знаете. В уеб пространството имате лукса да работите с изображения с доста ниска разделителна способност. Сега може да видите това като лошо нещо, тъй като нивото на детайлите е толкова ограничено, но като се работи широко и с двете, работата с уеб с ниска разделителна способност е много по-лесно да се справите.
Една от основните причини за това е, че можете да създавате 72dpi графика на почти всеки компютър, създаден през последните четири или пет години. По-малките изображения не са толкова интензивни от процесора, колкото по-големите изображения. Ако сте свикнали да печатате и преминете към проектиране в мрежата, Photoshop се чувства като напълно ново приложение, работещо на супер компютър от бъдещето. Може да мислите, че това звучи като преувеличение, но просто изчакайте, докато имате 50 слоя в документ с размери 11 x x 17 ″ при 300 dpi. До края на деня ще се надвиете над Mac Pros на Apple.com.
Инчове, а не пиксели
И така, как нещата са различни за печат от уеб? Като за начало дизайнерите на печат не говорят в пиксели. Кажете на повечето дизайнери само за печат, че искате нещо с размери 1200 пиксела и те ще ви изглеждат смешно (те знаят какви са пиксели, но това не е типичният жаргон). Това е така, защото измерванията в техните версии на Photoshop са зададени на инчове.
Това е важно разграничение, защото разделителната способност и размерът са взаимозависими! 1200 пиксела широк в 72dpi документ е много различен от 1200 пиксела широк в 300dpi документ. Задачата за печат с размери 5 x x 7 though винаги ще отпечатва нещо ширина пет инча с височина седем инча, само плътността на мастилото ще се промени.
Не винаги 300dpi
Вероятно ви е казано, че дизайнерите на печат изграждат графика в работно пространство с 300 dpi. Това не винаги е така и това предположение може да ви накара да изглеждате като аматьор, когато дойде време за печат.
Повечето задачи в малък формат се отпечатват на 300 dpi. Тези предмети са тези, които могат да бъдат внимателно инспектирани и държани от някой. Ами билборд все пак? Необходимо ли е да имате толкова голяма разделителна разпечатка за нещо, което виждате от стотици крачета? Оказва се, че отговорът е „не“. Работите с голям формат като банери, билбордове и други подобни почти винаги се изграждат под 300 dpi, обикновено при 150 dpi, но понякога дори и по-ниски в зависимост от размера.
Често въпросът за разрешаване може да бъде поставен пред истинския експерт по въпроса: принтерът (човекът, а не машината). Няма да изглеждате като идиот, за просто да попитате дали това трябва да е 300 или 150 dpi работа, това са често срещани въпроси при стартиране на проект и са от съществено значение, за да се изработите, преди да започнете действително.
Трябва ли да изграждам концепции в Low-Res?
Като се има предвид фактът, че компютрите могат да стартират 72dpi графика много по-бързо от графиката с 300 dpi, често практиката на дизайнерите е да преминат през първите няколко кръга на дизайн в работно пространство с ниска разделителна способност и по същество да възстановят работата във „high-res“ близо до край на проекта.
Сред дизайнерите на печат това може да бъде горещо дискутирана тема. В крайна сметка се свежда до предпочитанията, но за това, което си струва, почти никога не предприемам този маршрут. Освен ако постоянно работите с широкоформатни задачи, изграждането на компютри с висока резолюция не би трябвало да отнеме толкова много време. Ако това стане, тогава наистина наистина е време за нов компютър. Изграждането на всичко в 72dpi само за преобразуване в 300dpi, като по същество стартирането отначало винаги ми се струва неприятно, когато е напълно лесно просто да изграждам идеите си като готови за печат.
Единственото изключение от това са стоковите изображения. Винаги използвам сравнително ниските компютри, предлагани от фондовите сайтове, когато представям на клиента, за да предотвратя излишната покупка на множество скъпи изображения.
цвят
Цветът е огромна тема и заслужава своя собствена статия, така че няма да отделяме твърде много време за това тук. Простото ми предупреждение е, че цветът в света на печат е съвсем нова топка. В уеб дизайна използвахме да се притесняваме за „безопасни цветове в мрежата“, но в наши дни мониторите са толкова невероятни, че обикновено избираме каквито цветове да пожелаем във Photoshop и приемаме, че ще има ниво на вариация от екран до екран.
Когато проектирате за печат, работите с мастило, а не със светлина. За начало това означава да работите в CMYK вместо RGB, но последиците далеч надхвърлят това. Нещата като материали влизат в игра заедно с разнообразие от различни печатни преси и методи. Понякога цветът, който виждате на екрана си, изобщо няма да бъде това, което излиза на хартия. Друг път, специфични процеси като ситопечат изискват определени приети практики.
Най-добрият ми съвет тук е да разберете какъв ще бъде методът на печат и да го проучите колкото е възможно повече. Стандартна работа с четири цветни печата ще бъде най-лесната за работа, но понякога ще трябва да работите само с един или два цвята, за да спестите пари на клиента. В тези случаи трябва да проявите творчество и да се научите да създавате страхотни дизайни с много по-ограничена палитра, отколкото сте свикнали да работите.
Също така често ще се налага да работите с точкови цветове, което означава специално мастило, смесено с много специфичен цвят, а не с нещо, което се смесва на живо, като се прилагат различни цветове върху хартията. За да прочетете повече за това как да работите с точковите цветове, разгледайте нашата неотдавнашна статия „Въведение в работата с петна от цветове“.
Не само Photoshop
Уеб дизайнерите са склонни да живеят единствено във Photoshop. Те могат да се разклонят към Dreamweaver или дори фойерверки, но всяко по-нататъшно проучване на Adobe Creative Suite често не е необходимо.
Въпреки това, при печат, обикновено изпълнявате оформление на страници в приложения като InDesign и Illustrator. Няколко съжаляващи души все още използват Quark, но не мога да си представя защо. Добрата новина тук е, че това, че сте особено силни във Photoshop, ви прави много по-подготвени да вземете InDesign. Лошата новина е, че все още е много различно приложение, така че трябва да се научи тон.
Една от най-важните концепции, за да разберете е защо използвате множество приложения и как да ги включите в работния си процес по синергичен начин. Простият отговор тук е, че Photoshop е за растерна графика, всичко останало (векторна графика и текст) трябва да се обработва в приложението за оформление на вашата страница.
Например, да кажем, че създавате корица на списание. Ще започнете с PSD, който съдържа вашата корична снимка. Тук можете да извършвате типични корекции на цвета, действия по клониране, стилизиране и всичко друго, което е необходимо, за да направите снимката готова за отпечатване. След като приключите с това, можете да поставите този PSD в InDesign и да наслагвате векторната графика (често създадена в Illustrator) и текст, който съставлява останалата част от корицата.
Оформлението на печатната страница може да се визуализира като пъзел. В тази метафора InDesign е плотът за маса, на който изграждате своя пъзел. Създавате много от парчетата в други приложения, а след това ги събирате и разбърквате наоколо в InDesign. С поставянето на действителните парчета за работа в проге в InDesign чрез командата File> Place, всички промени, които правите в поставения PSD, EPS и др. В друго приложение, автоматично ще доведат до актуализация на вашия InDesign файл.
Photoshop не прави ли текст?
На този етап може би се чудите защо текстът не се обработва във Photoshop. За да бъде справедлив, високо стилизиран текст (със скосявания, маски, сенки, текстури и т.н.) често се съхранява в PSD частта на файла. Обикновеният текст обаче е много по-лесен за работа с InDesign. Текстовата машина е далеч по-превъзходна и не само прави текста по-добър, но позволява много по-напреднали манипулации, като автоматично разпределение на колоните и дори проверка на правописа.
Друго свързано с това притеснение е, че обикновено не изпращате един файл на принтера (готови за печат PDF файлове са изключение), вместо това събирате всички части от пъзела си в папка. Това включва различните ви поставени PSD и EPS файлове, вашия InDesign файл и дори вашите шрифтове. Работата в InDesign ви дава лукса на автоматична команда „Събиране за изход“, която автоматично събира всички ресурси, свързани с текущия файл.
Избелване и подстригване
Една от най-големите грешки на новобранците, които можете да направите в дизайна на печат, е неуспехът да се проектира с кървене. Продавачите на печат изискват определени спецификации от дизайнерите, не защото са придирчиви или некомпетентни, а защото истински как работи процесът и без тях цялата задача за печат е компрометирана.
Проектирането с кърпа е лесно и дава възможност за перфектен професионален печат без граници всеки път. Чрез поставяне на обезвъздушаване вие позволявате да се направи отпечатък, който е по-голям от размера на крайната задача. По този начин, когато излишъкът е отрязан, всичко изглежда перфектно и отива право към ръба, независимо от незначителните размествания на хартията, които може да са настъпили по време на печат.
В уеб дизайна сте запознати с модела на кутията CSS, а при дизайна на печат имаме нещо подобно, което в основата определя как почти всяка печатна задача трябва да бъде конструирана. Ето бърз поглед как работи:
Към този модел има три основни области: обезвъздушаване, подстригване и зона на живо. Тапицерията е най-лесна за разбиране. Това е крайният желан размер на отпечатания документ; където хартията е „подрязана“. В горния пример клиентът ни е поръчал дизайн, широк пет инча с три инча височина. От тук трябва да създадем още две области: тази, която е по-голяма от тапицерията и тази, която е по-малка.
По-голямата площ е кървенето. Както току-що обяснихме, това позволява на мастилото да излиза веднага от ръба на страницата. Работата по-горе има градиентен фон, но този фон е разтегнат отвъд границите 5 ″ x3 to до площ от 5, 75 ″ x3, 75 ″. Като добавите 0, 25 ″ към общия размер, резултатът е 1/8-инчов кръвоизлив по цялата страница, което е стандартно в САЩ (обикновено 2-5 мм във Великобритания). Всичко, което поставите в документа, който би трябвало да "изчерви" страницата, било то снимка или текстуриран запълване, трябва да се простира до тази по-голяма площ, като се има предвид, че ще бъде отрязан до някъде около линията на подстригване.
По-малката област, която създадох в примера по-горе, е „живата зона“, което е много важно парче, за което може да не знаете като уеб дизайнер. Като цяло е лоша практика да поставяте некръвтащ текст и графики твърде близо до ръба на страницата. Искате да им предоставите достатъчно място за визуално дишане, а също така да сте сигурни, че няма да бъдат отрязани. Следователно зоната на живо е създадена като нещо като сигурна зона, в която можете да поставите този тип съдържание. Например, ако искате огромно заглавие, го разтегнете от единия край на зоната на живо до другия, но не повече.
Размерите на зоната на живо не са стандартизирани и варират значително от работа до работа. Като правило, аз поставям моята зона на живот 1/8 ″ навсякъде, така че да съвпада с кървенето. Въпреки това различните списания и вестници имат свои собствени зададени изисквания, които трябва да следвате. Освен това, за големи работни места, 1/8 ″ вмъкване не е достатъчно близо и ще доведе до графики, които все още изглеждат така, сякаш отиват право до ръба, без да има място за дишане. В този случай ще трябва да го насочите с очи и да вземете решение за приемлива броня на пространството.
За щастие, както Illustrator, така и InDesign могат да се справят с голяма част от работата по създаването на документи за вас с тези вградени спецификации, но все още е важно да разберете концепциите. Освен това, не забравяйте да се консултирате с вашия доставчик на печат, тъй като те вероятно имат предварително изградени шаблони, които спестяват много проблеми на всички участващи.
Тенденции в дизайна
За да завършим нашата дискусия, нека накратко да обсъдим как да подходим към дизайн на печат от творческа гледна точка. На първо място, бързо ще научите, че печатът е много по-различен носител, отколкото сте свикнали с мрежата. В уеб дизайна сте ограничени само от въображението си. При печат имате физически размер на страницата, който трябва да бъде съобразен; превъртането не е възможно! Това означава, че когато клиентът ви дава тона текст, трябва да измислите как да го направите по четлив и привлекателен начин.
Също така имайте предвид, че вашият конкретен стил и тенденции в дизайна може или не може да се отдаде добре на печат. Точно както правите с уеб дизайна, важно е да се огледате и да се запознаете с актуалните тенденции в печата. Направете екскурзия до книжарницата и разгледайте някои списания (не пропускайте рекламите, те са най-добрата част) или погледнете през тази боклучна поща, преди да се удари в кошчето.
Осъзнаването на тенденциите не трябва да ви прави конформист, вместо това ви помага да поддържате връзка с това, което хората са свикнали да виждат. Ако последният път, когато обърнахте внимание на дизайна на печат, беше 1995 г., може да сте склонни да произвеждате нещо, което изглежда грозно и остаряло за днешните потребители.
По същия начин, ако всичко, което знаете, е състоянието на съвременния уеб дизайн, бихте могли да имате много проблеми при превеждането на тези идеи на отпечатана страница по начин, който е съществен и привлекателен за зрителя. jQuery анимациите тук не са полезни, трябва да грабнете нечий фокус чрез чисто статична естетическа привлекателност.
Това отнема време и практика, но goo дизайнерът ще процъфти както в печата, така и в уеб дизайна.
заключение
Честно казано, ако в момента сте уеб дизайнер, който иска да влезе в печата, вие сте в добра позиция. В много отношения се обръщате към по-прост начин на мислене. Извършването на обратното пътуване изисква много ново техническо обучение, особено ако кодът влезе в картината.
Тази статия имаше за цел да ви покаже, че не можете просто да отворите Photoshop и да решите, че ще бъдете дизайнер на печат един ден. Вашите знания като уеб дизайнер помагат, но все още има много специфични за отрасъла обучения, които трябва да се направят. Всичко от създаването на шаблона до финализирането на дизайна е много специфичен процес в печатането и ако не знаете вашите неща, можете да носите финансова отговорност за грешки. Отделянето на малко време за разглеждане на представената информация би могло да ви спести много неприятности и главоболие.
Оставете коментар по-долу и ни уведомете какви съвети за печат имате за уеб дизайнерите, които правят прехода!
Фотокредити: Кори Холмс, Ален Башелиер, Нейт Хофер, Кейти Бек и Стив Гарфийлд.
