Швейцарская типографика

Сегодня дизайн любого успешного сайта строится по принципам швейцарской типографики. Мы настолько привыкли к ней, что многие вещи считаем само собой разумеющимися.

Еще со второй половины 20 века школа швейцарской типографики имеет негласный статус интернациональной, и до сих пор отвечает требованиям современного восприятия текста.

История швейцарской типографики

Расцвет швейцарской школы типографики пришелся на послевоенное время, когда США и флагманские страны Европы еще только приходили в себя. Швейцария же благодаря нейтралитету не пострадала и все силы бросила на развитие различных сфер деятельности, в том числе типографики.

Как результат, миру был представлен совершенно новый, убедительный и удобный для восприятия стиль, быстро получивший популярность среди ведущих дизайнеров и вскоре принятый как канон для создания макетов. Швейцарская типографика и сегодня является эталоном и стандартом в веб-дизайне.

5 принципов швейцарской типографики:

  • Универсальные и понятные для всех обозначения

Типографика стала новым языком общения, ее элементы хорошо воспринимаются любой аудиторией и в любом месте.

Классический пример: ссылка. Мы точно знаем, что слово с подчеркиванием, а особенно если оно синего цвета, приведет нас на какой-либо сайт. Поэтому сейчас не рекомендуется использовать подчеркивание для акциденции (придания акцента) части текста.

Вместо этого можно использовать жирное начертание (для отдельных слов) либо италику (как мы сделали в этом фрагменте).

Главными принципами швейцарской школы типографики стали простая форма и свежий дизайн. Все лишние элементы убраны, информация доносится максимально быстро и понятно.

  • Шрифт – главный инструмент в швейцарской типографике

В отличии от шрифтов, принятых в довоенных школах, швейцарская школа типографика отказалась от засечек и украшений. Шрифт стал рубленным, простым, легко читаемым.

Для заголовков, цитат и других видов текста в одном макете стали использовать шрифты одной гарнитуры (созданные одним автором и имеющие явные сходные черты).

ВАЖНО: при выборе отображения шрифта избегайте технического начертания. Чтобы наклонить текст, используйте предусмотренный для этого вариант Italic, имеющийся в большинстве шрифтов.

Italic имеет ряд букв иного способа написания, приближенного к рукописному – в то время как техническое начертание просто наклонит буквы под углом без изменения самих букв.

Во главе угла встал принцип экономичности – использовать минимум шрифтов, чтобы читателю было проще воспринимать текст. Оптимально брать три разных шрифта: для заголовка, для основного текста, и (если нужно) для акциденции ключевых абзацев.

  • Цвет – минимальная важность в швейцарской типографике

Если шрифт стал самым важным элементом дизайна, то цвет в типографике ушел на последнее место. Текст обычно делали черным, чтобы он проще читался, а фон для него был ярким (часто иллюстрация или просто цветная бумага), привлекая внимание читателя – и тут же перенаправляя его на текст.

  • «Равнение налево»

Если раньше принято было выравнивать текст по ширине страницы или столбца, как в книгах и газетах, то создатели швейцарской типографии от этого приема отказались по трем причинам:

  • Ровный текст напоминал цельное полотно, и его сложно было читать,
  • Расстояние между буквами и словами было разным, отчего текст смотрелся неряшливо,
  • В тексте не было динамики.

В швейцарской школе типографики стало принято выравнивать текст по левому краю, причем так, чтобы отдельные слова и конструкции менее чем в 3 буквы переносились на следующую строку.

Почему неправильно выравнивать текст по центру или правому краю?

В этом случае читатель будет вынужден каждый раз искать взглядом начало новой строки. Выравнивание по правому краю уместно только для арабского и других языков, где читают справа налево.

Также по мнению швейцарских полиграфистов текст, выровненный по левому краю, напоминал развивающийся флаг, что придавало ему динамику.

  • Фотография вместо иллюстрации

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

Заключение:

Швейцарская школа типографики уже более полувека держит лидирующие позиции у мировых дизайнеров. Все (за очень редким исключением) макеты делаются по ее принципам.

Так что, если вы хотите сдавать проекты с первого раза без лишних правок и получить уважение клиентов (и будущие заказы от них), имеет смысл освоить азы международного типографического стиля.

Курсы по дизайну мобильных приложений

Каким должен быть дизайн мобильных приложений? Курсы по дизайну мобильных приложений посвящают этому направлению целые блоки с домашними заданиями и обратной связью.

Мы же попробуем кратко разобраться в основных нюансах вопроса.

3 главных фишки, про которые вам расскажут на курсах по дизайну мобильных приложений

  • Делаем дизайн под свое устройство и устройство клиента

Сейчас существует множество мобильных устройств с разным разрешением и пропорциями экрана. При создании приложения удобно ориентироваться на свое устройство – там вы сможете в режиме реального времени проверять все изображения и целые макеты.

Также важно, чтобы результат хорошо смотрелся на экране устройства клиента – это упростит сдачу проекта.

  • Адаптируем под флагманы

На курсах по дизайну мобильных приложений на этот пункт обращают особое внимание. Ваш проект должен выглядеть идеально на флагманских устройствах нового поколения: для iOS, к примеру, это iPhone 8, iPhone 8 Plus и iPhone X.

При этом на менее популярных устройствах и мобильных гаджетах старого поколения ваше приложение должно быть работоспособным и выглядеть приемлемо.

Глядя на оба пункта выше, напрашивается вывод – у хорошего дизайнера мобильных приложений должно быть мобильное устройство-флагман (а лучше два: для iOS и Android) для тестирования готового продукта.

  • Ориентируемся на пропорции и разрешение

Чтобы охватить максимум устройств, проще всего ориентироваться не на размер экрана, а на его пропорции: наиболее популярны 16х9, 5х3 и 3х2.

Второй ключевой параметр это PPI (pixel per inch) – количество точек на дюйм, оно же разрешение экрана. Максимальное разрешение флагманских моделей, на которые мы ориентируемся: 1920х1080 для iPhone 6 и 6s. Минимальное будет на iPhone 4 для iOS и Samsung Galaxy S для Android, оно составит 480х320.

Тестировать изображения удобно через облачный сервис: закачиваете их на Dropbox, а затем открываете на мобильном устройстве и видите картинки в реальном размере.

Эти три основных принципа помогут вам создать хорошее мобильное приложение, а ваш клиент останется доволен и вскоре снова обратится к вам. Если вы планируете связать вою карьерную деятельность с веб-дизайном, то обязательно пройдите обучение дизайну мобильных приложений. Вы точно не окажетесь без заказов, ведь это очень перспективное направление сейчас.

Хотите начать обучение прямо сейчас? Оставляйте заявку и получите 12 бесплатных видеоуроков от Максима Солдаткина.

Курсы по созданию сайтов

Курсы по созданию сайтов сейчас очень востребованны, потому что позволяют с нуля освоить новую, прибыльную профессию любому желающему. Однако, для многих абитуриентов остается непонятным, из чего строится программа обучения созданию сайтов. Обычно уроки строятся по этапам создания сайта.

Например, перед вами стоит задача сделать вебсайт. С чего начать? Разумеется, с разработки дизайн-стратегии. Открою секрет: формируется она достаточно просто и состоит из 6 основных этапов. Разберем каждый из них.

Читать далее Курсы по созданию сайтов

Онлайн курсы веб дизайна с нуля

Приветствую, будущий дизайнер!

Сейчас вы, скорее всего, задаетесь вопросом: «Как стать веб дизайнером с нуля? Неужели я смогу освоить эту профессию?» Уверяю вас, сможете!

Более того, уже через 60 дней после начала курса веб дизайна для начинающих вы сможете получать 60 000 – 150 000 руб за вашу работу в качестве профессионала.

Ну что, готовы? Тогда начинаю делиться секретами!

Читать далее Онлайн курсы веб дизайна с нуля

Профессия веб дизайнер: где учиться?

Профессия веб дизайнера сегодня пользуется огромным спросом на рынке труда. Величина зарплаты в данной сфере в основном зависит от уровня квалификации веб-дизайнера. Сегодня средняя зарплата специалиста от 60 000 руб до 110 000 рублей. И если человек ответственно относится к своей работе, имеет чувство стиля и следит за современными тенденциями, то он может получать действительно приличные деньги.

Однако, не все в курсе, что делает веб дизайнер. Давайте рассмотрим эту профессию более подробно.

Читать далее Профессия веб дизайнер: где учиться?

Прототипирование сайта

Перед тем, как говорить о самом создании сайта, давайте все же разберемся, что такое прототипирование сайта.  Это создание набора связанных между собой html-макетов. И занимается этим не обычный дизайнер, а дизайнер-интерфейсов. Специфика профессии заключается в том, что этот специалист не просто рисует макеты, а создает взаимодействие их между собой.

То есть прототип сайта будет выглядеть как тестовая модель с кликабельным логотипом, работающими кнопками и так далее, для лучшего восприятия будущего приложения.

Читать далее Прототипирование сайта