Культура друкарні web

У web-дизайнерів завжди були складні відносини з друкарнею.

З одного боку, більшість web-дизайнерів не навчені як «типограф», на відміну від традиційних графічних дизайнерів. З іншого боку друкарні в web'e просто не було.

Основна проблема: відсутність історії.

Подивимося правді в очі. Відносно величезної історії розвитку друкарні в книгодрукуванні, історія друкарні в web мізерно мала. Ми схожі на підлітка, який щойно отримав водійські права: велика влада і відповідальність і відсутність досвіду.

Оскільки web-друкарня ще до кінця не сформувалася, існує два шляхи розвитку:

1) Спробувати відтворити класичну друкарню на екрані

2) Або піти абсолютно новим, невідомим шляхом.

Проблема першого варіанта в тому, що друкарню неможливо повністю перенести в web. Другий варіант схожий на стрілянину із закритими очима: щось потрапить у ціль, але більшість куль піде повз.

Правило № 1: Пошуки винного.

Давайте подивимося на першу реальну проблему: звинувачення чогось чи когось. Якби мені давали долар кожен раз, коли я чув скарги web-дизайнера з приводу того, що різні браузери по-різному відображають шрифти або що хтось змінюючи контент змінює його розташування, або що клієнт відмовився робити так, як йому радить дизайнер, я був би мільйонером.

Це все я називаю «професійними ризиками». Кожен web-дизайнер знає про них і стикається з цими проблемами кожен день. Так буде продовжуватися, поки не з'явиться web-стандарт друкарні (який, як мені здається, з'явиться не скоро). Я не намагаюся сказати, що це несуттєво, але всі наші старання руйнує випадковий працівник, який копіює тексти за 8 $ на годину або горезвісний IE6.

Серйозний веб-типограф працює поза цими проблемами. Верстку можна протестувати у всіх популярних браузерах; текст на сторінці розташувати з «захистом від дурня»; клієнтам можна < зач > надіслати </зач > м "яко пояснити проблему.

Правило № 2: Друкарня - це Ваше завдання.

Повернувшись назад до друкарських машин, гравюрів і ручного набору макетів можна чітко визначити відповідального за друк. Зазвичай це був хлопець, у якого руки по лікоть були в чорній фарбі і він єдиний знав як друкарська машина працює. Найчастіше це була єдина людина в місті, яка взагалі вміла читати. І таким чином Ви беззаперечно вірили йому, коли він пояснював як потрібно друкувати Вашу публікацію.

Клієнти приносили зміст, наборники розміщували текст. Всі були задоволені.

Зараз з'явилося багато «знаючих», тому що кожна людина має доступ до Microsoft Word і клавіатури. Дизайнери повинні пробиратися через океан незнайманих друкарень вже на етапі проектування.

Не зрозумійте мене не правильно, прислухатися до думки клієнта потрібно, але рішення потрібно приймати відповідно до досвіду друкарня. Це і є робота дизайнера. Якщо Ви ковзаєте через проект, тільки і чекаючи поки клієнт вибере шрифт і довжину лінії, то краще звільнитися. Працюючи таким чином Ви стаєте інструментом, яким клієнт рухає мишку.

Будь дизайнером і неси за це відповідальність. Друкарня це Ваша робота.

Правило № 3: Текст - це частина інтерфейсу користувача.

Коли ви думаєте про інтерфейс користувача, що Ви думаєте? Прокрутка меню в iPod Classic? Приладова панель вашого автомобіля? Все це, можливо, приклади користувальницьких інтерфейсів, але я б хотів, щоб Ви подивилися на це з точки зору web-дизайну. Розглянемо коротко тенденції інтерфейсів за останнє десятиліття:

• На початку 2000-х, web-дизайнери думали, що хороший інтерфейс користувача означав багато почищених металевих, псевдо-фотореалістичних кнопок і конвертів, що світяться.
• У середині 2000-х, web-дизайнери думали, що хороший інтерфейс користувача вимагав використовувати глянцеві кнопки, яскраві кольори та ігристу графіку.
• Наприкінці 2000-х, web-дизайнери думали, що це використання рельєфних текстур, «робочий стіл» або блокнот і сміливі шрифти.
• Зараз ми схиблені на «галасливому» тлі і білих тінях від текстів.

Розглянемо кілька брендів, які існували весь цей час і поки не збираються вмирати.

Хто-небудь з них претендує бути «великим користувальницьким інтерфейсом»? Напевно, ні. Але у всіх дуже хороший (і подобається нам це чи ні, зручний) дизайн. Так чому ж web-дизайнери з усіх створювати сайти які з цими прикладами не мають нічого спільного?

ІМХО, все це через те, що наша індустрія ще не розвинена, ми всі сподіваємося знайти «новий стиль» і намагаємося уникати нудних, але функціональних проектів. Ми не допускаємо навіть думки що чимось, розробленим ще в 2005 році, ще можна користуватися. Ми дотримуємося думки, що чим складніше рішення проекту і чим рельєфніша текстура бекграунду, тим він зручніший для кінцевого користувача.

Очевидно, що простий текст, без всіх цих ефектів бульбашок, світіння і бліків, вже досконалий і готовий до вживання.

Чому? Тому що текст - це частина інтерфейсу користувача! Перш ніж вибрати інструмент градієнтної заливки, подумайте, що текст - це інтерфейс користувача. У Вас не вийде зробити зручний сайт без тексту. Web-користувачі пристосуються до будь-якого стилю і дизайну, але основні елементи (текст + навігація) повинні бути зручними і повинні працювати.

Правило № 4: Ставтеся серйозно до CSS

Останнє, на що я хотів цього разу звернути увагу це інструмент web-друкарні: CSS. З добре написаним CSS весь Ваш сайт буде виглядати логічно, відображення у всіх браузерах буде однаковим, нерви контент-менеджера залишаться цілими.

Якщо Ви вважає себе web-дизайнером, але вмієте тільки верстати макети в Photoshop'e, то ви web-дизайнер тільки наполовину. Друкарня web завжди відображається на екрані за допомогою коду.