DesignMojo http://designmojo.ru Веб-дизайн и создание сайтов Sun, 23 Apr 2017 09:24:08 +0000 ru-RU hourly 1 https://wordpress.org/?v=4.7.4 http://designmojo.ru/wp-content/uploads/2017/03/favicon-new3.png DesignMojo http://designmojo.ru 32 32 123996269 11 бесплатных аналогов наиболее популярных шрифтов http://designmojo.ru/freebies/fonts/11-besplatnyx-analogov-naibolee-populyarnyx-shriftov/ http://designmojo.ru/freebies/fonts/11-besplatnyx-analogov-naibolee-populyarnyx-shriftov/#respond Sat, 22 Apr 2017 12:35:17 +0000 http://designmojo.ru/?p=6773 Какие шрифты лучше использовать в своих проектах: платные или бесплатные? Все зависит от конкретной ситуации, конечно. Бывают случаи, что заказчику нравится только платный шрифт и приходится покупать лицензию. Однако многие дизайнеры слабо разбираются в авторском праве, которым защищены платные шрифты и в результате рискуют допустить серьезную ошибку, что может привести к очень большим неприятностям. Если, […]

Запись 11 бесплатных аналогов наиболее популярных шрифтов впервые появилась DesignMojo.

]]>
Какие шрифты лучше использовать в своих проектах: платные или бесплатные? Все зависит от конкретной ситуации, конечно. Бывают случаи, что заказчику нравится только платный шрифт и приходится покупать лицензию. Однако многие дизайнеры слабо разбираются в авторском праве, которым защищены платные шрифты и в результате рискуют допустить серьезную ошибку, что может привести к очень большим неприятностям.

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

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

Также нужно помнить о том, что за незаконное использование шрифта, защищенного авторским правом, нарушитель может понести наказание. В этой связи вспоминается случай с блогером Эдуардом Гавальером, который использовал шрифт «Клементина» для добавления подписей к своим фотографиям.

Однажды он получил электронное письмо от Студии Артемия Лебедева, которая владеет этим шрифтом. Первые два абзаца письма, посвящены юридическим аспектам использования чужой интеллектуальной собственности, и особого интереса не представляют, но третий абзац шедеврален. Вот он:

С учетом вышеизложенного, и в целях соблюдения положений действующего законодательства, просим Вас подтвердить приобретение шрифта «Клементина» у Студии Артемия Лебедева, для чего необходимо прислать номер заказа. Ожидаем получения информации от Вас в ближайшее время. В случае отсутствия ответа на данное письмо в течение 10 дней с момента его получения, мы расцениваем данное обстоятельство, как отсутствие лицензии, и вынуждены будем обратиться в суд с иском об устранении нарушения авторских прав, о запрете использования шрифта «Клементина», взыскании компенсации в размере до пяти миллионов рублей, госпошлины и судебных издержек.

То есть юрист студии только заподозрил, что Эдуард Гавальер мог незаконно использовать «Клементину», но уже грозит штрафом в размере до 5 миллионов рублей. Так что все серьезно. Не стоит заниматься пиратством в надежде, что пронесет. Особенно, если проект крупный. Нарушение обязательно будет замечено и начнутся проблемы.

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

Так что с платными шрифтами все сложно. Лучше обратить свое внимание на бесплатные аналоги популярных шрифтов. Такие есть и их немало.

Proxima Nova и Montserrat

Альтернатива платному шрифту

Появившийся всего 10 лет назад шрифт Proxima Nova пользуется невероятной популярностью и сумел потеснить с пьедестала наиболее востребованные шрифты без засечек. Действительно, шрифт получился очень удачным, он хорошо сбалансирован, что делает Proxima Nova практически универсальным шрифтом, который можно использовать в самых разных проектах.

Однако шрифт платный. И если заказчик не готов платить до $5000 в год за его аренду, то лучше поискать бесплатный аналог.

Например, хорошей альтернативой будет Montserrat. Это красивый псевдогеометрический шрифт, который очень похож на Proxima Nova. Если нужно набрать заголовок в верхнем регистре, то лучше Monerserrat ничего не придумаешь.

Futura и Josefin Sans

Аналог платному шрифту

Futura является любимым сан-серифом у многих дизайнеров: он стильный и современный. Однако за его использование придется заплатить. Что делать? Конечно, подыскать бесплатную альтернативу, например, очень похожий шрифт, который называется Josefin Sans.

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

FF DIN и Roboto

Замена платному шрифту

Бесплатный шрифт Roboto является лучшим претендентом на замену популярному FF DIN. Многие символы Roboto совпадают с начертанием символов FF DIN, а различия не являются столь уж критичными. Следует также отметить, что Roboto поставляется в различных начертаниях, что делает его отличной альтернативой FF DIN.

Однако следует помнить, что Roboto более массивен, так что, возможно, дизайнеру придется поработать над кернингом, немного увеличив межбуквенное расстояние. Это позволит добавить в текст побольше «воздуха», шрифт будет выглядеть более легким и изящным.

FF Tisa и Bitter

Бесплатный шрифт

Шрифт FF Tisa пользуется заслуженной популярностью у дизайнеров. Действительно, он очень красив. Строгий и одновременно очень легкий шрифт с засечками привлекает внимание, им можно набирать как заголовки, так и большие массивы текста. Шрифт отлично подходит как для типографских, так и веб-проектов, но есть одна неприятность – он платный. И кажется, достойной альтернативы ему нет.

Но можно присмотреться к бесплатному шрифту под названием Bitter, который во много схож с Тисой. Основные штрихи, наплывы и засечки имеют определенное стилистическое сходство, так что Bitter можно смело использовать  в качестве альтернативы FF Tisa. Да, он чуточку грубоват, но зато бесплатный.

FF Meta и Merriweather Sans

FF Meta и Merriweather Sans

Некоторым популярным платным шрифтам достаточно сложно подобрать достойную альтернативу. К примеру, очень востребованный шрифт FF Meta отличается тщательной проработкой основных штрихов и красивыми плавными закруглениями. Шрифт достаточно строгий, но в то же время игривости ему добавляют хвостики» на основных штрихах. В общем, тем перфекционистам, которые заморачиваются начертанием буквы a или g в строчных символах, лучше приобрести платный шрифт.

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

Baskerville и Libre Baskerville

Аналог лицензионного шрифта

Классический Baskerville является одним из самых популярных и узнаваемых шрифтов с засечками. Он настолько красив и универсален, что многие дизайнеры хотели бы его использовать в своих проектах. Но боятся, так как если веб-сайт «выстрелит» придется смириться с большими отчислениями владельцу шрифта. Значит, нужно попытаться найти аналог, который можно использовать бесплатно.

К счастью, он есть, это шрифт Libre Baskerville. В чем-то он даже лучше, чем сам Баскервилль, который по сравнению с бесплатной версией выглядит более массивным и «сплющенным». Libre на вид легче, что делает его очень привлекательным для использования в веб-проектах – этот шрифт легче считывается.

Clarendon и Ultra

Шрифт для веб-проекта

Шрифт Clarendon имеет несколько начертаний, но в данном случае речь пойдет о начертании Black, в котором Кларендон смотрится очень впечатляющие. Массивные, плотные штрихи делают этот шрифт очень устойчивым, его символы прямо-таки излучают уверенность. Он немного консервативен, поэтому Clarendon отлично подходит для проектов в стиле ретро. Есть ли этому шрифту какая-либо альтернатива? Вероятно, нет, уж очень он оригинален.

Но если обратить внимание на бесплатный шрифт Ultra, то можно заметить, что многие его символы очень похожи на символы Кларендона. Сходство не полное, но стиль общий: символы Ультры такие же плотные и «увесистые».

Helvetica Neue и Work Sans

Бесплатный аналог шрифта

Если Кларендон очень выгодно смотрится в начертании Black, то шрифт Helvetica Neue почти всегда используется в Light или Ultra Light начертаниях. Гельветику можно назвать королевой шрифтов: на протяжении нескольких десятилетий этот шрифт был одним из самых популярных. Неудивительно, что у него появилось множество аналогов, достаточно вспомнить тот же Arial.

Но в случае с Helvetica Neue стоит присмотреться в бесплатному шрифту Work Sans. И действительно, очень похож, и к тому же бесплатный. Обычный пользователь даже не поймет, в чем разница, так что для веб-проектов лучше использовать бесплатный шрифт в качестве замены Neue.

Bodoni Poster и Abril Fatface

Альтернатива платному шрифту

Bodoni Poster относится к группе классических шрифтов на основе Didot. Шрифт плотный, тяжеловесный и консервативный. В качестве его замены можно использовать бесплатный шрифт Abril Fatface. Причем это как раз тот случай, когда альтернатива выглядит даже лучше, чем оригинал.

Абриль в чем-то красивее Бодони, он более вытянут по вертикали, что делает его легким и изящным, несмотря на большую толщину основных штрихов. И самое главное – никаких отчислений за использование.

Frutiger и Hind

Frutiger и Hind

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

Это идеальная замена, оба шрифта похожи друг на друга как близнецы. Есть небольшие различия, Фрутигер чуточку «поквадратнее», но это не критично. Стилевое сходство достаточно велико, так что Hind имеет смысл использовать в качестве аналога Frutiger.

Brandon Grotesque и Lato

Последняя пара в нашем списке – это шрифты Brandon Grotesque и Lato. Brandon – очень популярный шрифт, это действительно впечатляющий пример гротеска. Особенно классно смотрится шрифт в верхнем регистре, здесь Брэндон вне конкуренции. Шрифт во многом уникальный, но можно подыскать ему замену.

В качестве альтернативы можно попробовать шрифт Lato, тоже гротеск, но не такой стильный. Заглавные буквы Лато очень похожи на Brandon, а вот в строчных символах различия более заметны.

 

Вывод

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

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


Источник  Автор перевода: 

Запись 11 бесплатных аналогов наиболее популярных шрифтов впервые появилась DesignMojo.

]]>
http://designmojo.ru/freebies/fonts/11-besplatnyx-analogov-naibolee-populyarnyx-shriftov/feed/ 0 6773
Restau Lite — красивая WordPress тема для ресторана http://designmojo.ru/freebies/restau-lite-krasivaya-wordpress-tema-dlya-restorana/ http://designmojo.ru/freebies/restau-lite-krasivaya-wordpress-tema-dlya-restorana/#comments Sat, 22 Apr 2017 11:22:57 +0000 http://designmojo.ru/?p=6757 Вам нужен красивый сайт для ресторана? Бесплатная профессиональная тема Restau Lite как раз то, что вам нужно! Описание | Демо | Скачать Разработчик этой отличной вордпресс темы Quemalabs

Запись Restau Lite — красивая WordPress тема для ресторана впервые появилась DesignMojo.

]]>
Вам нужен красивый сайт для ресторана? Бесплатная профессиональная тема Restau Lite как раз то, что вам нужно!

красивая WordPress тема для ресторана

Описание | Демо | Скачать


Разработчик этой отличной вордпресс темы Quemalabs

Запись Restau Lite — красивая WordPress тема для ресторана впервые появилась DesignMojo.

]]>
http://designmojo.ru/freebies/restau-lite-krasivaya-wordpress-tema-dlya-restorana/feed/ 1 6757
10 лучших бесплатных минималистичных тем для WordPress http://designmojo.ru/freebies/10-luchshix-besplatnyx-minimalistichnyx-tem-dlya-wordpress/ http://designmojo.ru/freebies/10-luchshix-besplatnyx-minimalistichnyx-tem-dlya-wordpress/#respond Sat, 22 Apr 2017 10:42:08 +0000 http://designmojo.ru/?p=6749 Зачем вам нужна бесплатная минималистичная WordPress тема? Разве минимализм не означает чрезмерную простоту? Не обязательно. Некоторые темы, например те, о которых мы сегодня расскажем, имеют самый красивый и элегантный дизайн. Конечно, всё дело вкуса, но мы не одни, кто ценит простоту. Если вы того же мнения, то вам обязательно понравятся темы, которые мы для вас выбрали. 1. […]

Запись 10 лучших бесплатных минималистичных тем для WordPress впервые появилась DesignMojo.

]]>
Зачем вам нужна бесплатная минималистичная WordPress тема? Разве минимализм не означает чрезмерную простоту? Не обязательно. Некоторые темы, например те, о которых мы сегодня расскажем, имеют самый красивый и элегантный дизайн.

Конечно, всё дело вкуса, но мы не одни, кто ценит простоту.

Если вы того же мнения, то вам обязательно понравятся темы, которые мы для вас выбрали.

1. Amadeus

Описание | Демо | Скачать

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

Достоинства:

  • Адаптивный дизайн
  • Элегантное оформление шрифтов
  • Можно переводить
  • Обладает свойствами SEO
  • Виджет для вставки видео
  • Минималистская разметка

2. Adler

Описание | Демо | Скачать

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

Достоинства:

  • Адаптивный дизайн
  • Элегантное и уникальное оформление шрифтов
  • Полноэкранный хедер
  • Можно переводить
  • Выглядит как тетрадь
  • Возможность использовать в качестве портфолио
  • Полноэкранные изображения

3. Oblique

Описание | Демо | Скачать

Тема для личных блогов с темным фоном и простым дизайном. Хедер и записи располагаются под наклоном. Oblique имеет выдвижное меню и несколько цветных кнопок для красоты.

Достоинства:

  • Адаптивность
  • Работа с виджетами
  • Можно переводить
  • Обладает свойствами SEO
  • Ссылки для социальных сетей
  • Интеграция с Google Fonts

4. Tography Lite

Описание | Демо | Скачать

Простая и современная тема WordPress с красивым дизайном и простой анимацией для фотографов. С помощью этой темы творческие люди смогут красиво представить своё портфолио. Tography Lite имеет выдвижное меню и классический дизайн.

Достоинства:

  • Адаптивный дизайн
  • Неограниченное количество элементов в портфолио
  • CSS анимация
  • Можно переводить
  • Одна разметка для портфолио
  • Отложенная загрузка

5. Editor

Описание | Демо | Скачать

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

Достоинства:

  • Адаптивный дизайн
  • Элегантное и простое оформление шрифтов
  • Универсальная боковая панель
  • Можно переводить
  • Поддержка Jetpack
  • Оптимизирована для SEO

6. Pure

Описание | Демо | Скачать

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

Достоинства:

  • Адаптивный дизайн
  • Поддержка Retina
  • Разметка сеткой
  • Поддержка Contact Form 7
  • Разработчик страниц GT3
  • Эффект Ajax
  • Множество форматов записей и разметок страниц

7. Pro Blogg

Описание | Демо | Скачать

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

Достоинства:

  • Адаптивный дизайн
  • Обладает свойствами SEO
  • Изящное поле автора
  • Виджет в футере
  • Винтажные аватарки в соцсетях
  • Встроенный плагин Very Simple Contact Form

8. Simple Business

Описание | Демо | Скачать

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

Достоинства:

  • Несколько вариантов разметки страниц
  • Дизайн, который отлично отображает фотографии
  • Иконки FontAwesome
  • SEO, скрипты и пользователский CSS
  • Адаптивный дизайн
  • Встроенные формы обратной связи

9. Palo Alto

Описание | Демо | Скачать

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

Достоинства:

  • Оптимизированный код SEO
  • Упрощённая верстка
  • Пользовательское оформление шрифтов
  • Обширная область футера
  • 100% адаптивный дизайн
  • Безлимитный выбор цветов

10. Kent

Описание | Демо | Скачать

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

Достоинства:

  • Адаптивный дизайн
  • Виджеты
  • Бесконечная прокрутка
  • Можно переводить
  • Пользовательские цвета и шрифты
  • Пользовательская начальная страница и CSS
  • Изменение размеров изображений (Photon)

11. MH Magazine Lite

Описание | Демо | Скачать

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

Достоинства:

  • Много виджетов
  • Адаптивный дизайн
  • Contact Form 7
  • Можно переводить
  • FlexSlider 2

Источник: codeinwp.com   Перевод: wpcafe.org

Запись 10 лучших бесплатных минималистичных тем для WordPress впервые появилась DesignMojo.

]]>
http://designmojo.ru/freebies/10-luchshix-besplatnyx-minimalistichnyx-tem-dlya-wordpress/feed/ 0 6749
19 потрясающих примеров кинетической типографики http://designmojo.ru/design/inspiration/19-potryasayushhix-primerov-kineticheskoj-tipografiki/ http://designmojo.ru/design/inspiration/19-potryasayushhix-primerov-kineticheskoj-tipografiki/#respond Sat, 22 Apr 2017 10:06:11 +0000 http://designmojo.ru/?p=6734 Кинетическая типографика позволяет дизайнерам с помощью формы обыгрывать содержание. Наблюдать за воплощением этой творческой игры – настоящий праздник для глаз. Хотите погрузиться в креатив и вдохновиться отличными примерами смелой дизайнерской мысли? Тогда вперёд! Мы выбрали для вас блестящие ролики с кинетической типографикой. Наслаждайтесь! 1. Coconut woman Эта живая типографика от Motion Surfing заряжает энергией, передаёт […]

Запись 19 потрясающих примеров кинетической типографики впервые появилась DesignMojo.

]]>
Кинетическая типографика позволяет дизайнерам с помощью формы обыгрывать содержание. Наблюдать за воплощением этой творческой игры – настоящий праздник для глаз.

Хотите погрузиться в креатив и вдохновиться отличными примерами смелой дизайнерской мысли? Тогда вперёд!

Мы выбрали для вас блестящие ролики с кинетической типографикой. Наслаждайтесь!

1. Coconut woman

Эта живая типографика от Motion Surfing заряжает энергией, передаёт стиль и радует яркостью красок.

2. С бумаги на экран

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

3. Язык

Дизайнер Мэтью Роджерс – человек, стоящий за этой кинетической типографической анимацией. Будучи фанатом языка в общем, Роджерс решил сделать его основой для проекта кинетической типографики, используя комбинацию After Effects, Flash и Illustrator.

4. 10 заповедей

Менее чем за две минуты эта анимация раскрывает 10 заповедей. Человек, создавший такой серьезный видеоряд – дизайнер Вит Рызнар.

5. Shine a light

Поп-мелодия от DJ Takuma при участии Angella Guistini довольно легко забывается и воспринимается как ненавязчивый фон. И это при том, что она была переведена с японского. Но яркое типографическое видео делает песню  более контрастной и запоминающейся.

6. Childline: First Step

Рекламное агентство YCN Studio в сотрудничестве с продюсерской компанией Buck создали эту мощную анимацию, которая призывает детей рассказывать о сексуальном насилии.

В видеоролике предлагаются услуги конфиденциального бесплатного круглосуточного консультационного приёма детей Childline в Великобритании. Четырехминутная анимация использует кинетическую типографику и абстрактное искусство, чтобы донести смысл сообщения. Задача не из лёгких, и YCN Studio и Buck проделали колоссальную работу.

7. Breaking Bad

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

8. The Hush Sound – Lions Roar

Дизайнер Mig Reyes, один из двух создателей этого видео, работал над графической частью клипа «Lions Roar». Вдохновленный сильной графикой студии MK12, дуэт использовал After Effects для того, чтобы перенести текст песни на яркую типографику.

9. Procrastination

Это трейлер к бестселлеру Дэвида Макрэни «You’re Not So Smart», где анимированная типографика радует исключительным остроумием.

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

10. The Edge

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

11. Apocalypse Rhyme

Это потрясающая работа, особенно учитывая то, что весь контент создан одним человеком.

Оливер Харрисон написал стихотворение, сочинил музыку и организовал все это в кинетическую типографику для Channel 4’s Random Acts. Наградой стал приз «Best Motion Graphics» на British Animation Awards 2014.

12. Bob

Оливер Смит – 3D аниматор и композитор, который может создать интересные и очень забавные эффекты.

13. Anonymous

Эта супер-крутая типографическая анимация рассказывает о том, как в 2007 году несколько людей создали группу Anonymous, а затем продолжили различные акции протеста.

14. Shop Vac

Художник Джарретт Хизер сделал это типографическое музыкальное видео для магазина Джонатана Култона «Vac». Юмористическая анимация заняла у Хизер где-то от  500 до 1000 часов. Всего чуть менее трех с половиной минут блестящего видео содержит несколько разных шрифтов, все они идеально подходят к повествованию.

15. Rolling Stones – Doom and Gloom

Празднуя свое 50-летие большим туром, рок-н-ролльщикам даже удалось выпустить новый трек, который был довольно неплох. Для сопроводительного музыкального видео Trunk Animation спроектировала эту отличную анимацию в стиле splatter, которая напоминает типографическое мастерство Ральфа Стедмана.

16. Karloff

Еще один перл от графического дизайнера Тибо де Фурнаса, который объединил современные шрифты Bodoni и Didot в этом прекрасном анимационном видео, размышляя о том, как две крайности можно объединить в единое целое.

17. Mad as Hell

Ключевая речь Питера Финча «Я сумасшедший, и я больше не собираюсь это слушать» по-прежнему актуальна 40 лет спустя.

18. Alphabet

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

19. Conan O’Brien

Этот кинетический видеоролик воссоздает диалог из заключительного эпизода «The Tonight Show» NBC, представленного Конаном О’Брайеном. Сочетание типографики и современных 3D букв отражает контраст между старым и новым.

Автор: Екатерина Дворянкина

Запись 19 потрясающих примеров кинетической типографики впервые появилась DesignMojo.

]]>
http://designmojo.ru/design/inspiration/19-potryasayushhix-primerov-kineticheskoj-tipografiki/feed/ 0 6734
Вова Лифанов: Гордость и предубеждения http://designmojo.ru/design/designers/vova-lifanov-gordost-i-predubezhdeniya/ http://designmojo.ru/design/designers/vova-lifanov-gordost-i-predubezhdeniya/#respond Sat, 22 Apr 2017 09:38:31 +0000 http://designmojo.ru/?p=6723 Лекция «Гордость и предубеждения» Вовы Лифанова, основателя агентства Супрематика. Увлеченный дизайнер всегда находится в творческом поиске. И на пути своих исканий он не может не совершать ошибки. И это безусловно плохо. Но платить за эти ошибки не всегда приходится дизайнеру. Гораздо чаще это делает заказчик. И это, наверное, хорошо. Мы все ошибаемся и, к сожалению, […]

Запись Вова Лифанов: Гордость и предубеждения впервые появилась DesignMojo.

]]>
Лекция «Гордость и предубеждения» Вовы Лифанова, основателя агентства Супрематика.
Увлеченный дизайнер всегда находится в творческом поиске. И на пути своих исканий он не может не совершать ошибки. И это безусловно плохо. Но платить за эти ошибки не всегда приходится дизайнеру. Гораздо чаще это делает заказчик. И это, наверное, хорошо.

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

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

designprosmotr.ru

Запись Вова Лифанов: Гордость и предубеждения впервые появилась DesignMojo.

]]>
http://designmojo.ru/design/designers/vova-lifanov-gordost-i-predubezhdeniya/feed/ 0 6723
Типографика: процесс выбора шрифта http://designmojo.ru/knowledge/tutorials/tipografika-process-vybora-shrifta/ http://designmojo.ru/knowledge/tutorials/tipografika-process-vybora-shrifta/#respond Sat, 22 Apr 2017 09:17:57 +0000 http://designmojo.ru/?p=6697 Один из самых ценных навыков, которые может освоить дизайнер — это умение подбирать шрифты. Это объясняется тем, что текст является одним из основных способов коммуникации дизайнера с пользователем. Типографика имеет решающее значение для дизайна. Типографика — вещь сложная и красивая. Некоторые посвящают работе с ней всю свою карьеру. К счастью для нас, они подробно описывают […]

Запись Типографика: процесс выбора шрифта впервые появилась DesignMojo.

]]>
Один из самых ценных навыков, которые может освоить дизайнер — это умение подбирать шрифты. Это объясняется тем, что текст является одним из основных способов коммуникации дизайнера с пользователем. Типографика имеет решающее значение для дизайна.

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

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

Определите свою цель

Прежде всего, определите цель, которую преследует ваш дизайн. Какую информацию вы хотите передать? В каком формате?

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

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

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

 

Очертите свою аудиторию

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

Например, некоторые шрифты больше подходят для младшего возраста. Детям, которые только учатся читать, нужны очень разборчивые шрифты с чёткими контурами букв. Хорошая иллюстрация к этому — Sassoon Primary. Sassoon Primary — проект Rosemary Sassoon, в основе которого лежат её исследования на тему того, какие шрифты детям проще всего считывать.

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

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

Ищите вдохновение

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

Вдохновение: шрифты

За свежими идеями насчет шрифтов можете обратиться к The 100 Best Free Fonts от CreativeBloq — это отличный источник, который придаст вам нужный настрой. В своей статье CreativeBloq объясняет логику, которой они следовали при выборе каждого из шрифтов.

Другой полезный ресурс — 100 Greatest Free Fonts Collection for 2015 от Awwwards.

Кроме того, Invision составил целый огромный репозиторий с ресурсами по типографике. Там вы найдёте массу источников для вдохновения.

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

Кроме специализированных сайтов, можете посетить свои любимые страницы и посмотреть, что используют там. Здесь вам пригодится инструмент WhatTheFont — расширение для Chrome, которое отображает информацию о шрифте, когда наведешь мышку на текст.

Вдохновение: сочетания

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

Первый источник для вдохновения, который стоит посетить, — это Typewolf. На Typewolf собраны примеры интересных сочетаний с разных сайтов. Также они предлагают рекомендации по подбору шрифтов и углублённые руководства по типографике. Для тех, кто работает с шрифтами, это настоящий клад.

FontPair — еще один ресурс о том, как лучше выбирать сочетания, предназначенный конкретно для работы с Google Fonts. На ресурсе предусмотрена возможность сортировки по сочетаниям стилей (например, sans-serif и serif или serif и serif).

И наконец, в Сети полно наборов готовых сочетаний от профессиональных дизайнеров. Скажем, Typography: Google Fonts Combinations или Typography: Google Fonts Combinations Volume 2. Просто вбейте запрос «font pairing» на Behance, Dribble и других подобных сайтах.

Выберите шрифт

Теперь, когда вы теоретически подкованы и запаслись вдохновением, можно приступить к выбору. В процессе отбора помните о трёх принципах: читабельность, разборчивость, цель.

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

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

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

Для веб-шрифтов можно использовать Google Fonts, Typekit, и Font Squirrel. На Google Fonts всё бесплатно, Typekit и Font Squirrel предлагают платные и бесплатные варианты.

Задайте размер

Теперь, когда вы определились с сочетанием, следующий шаг — выставить размеры. Для этого есть замечательный инструмент Modular Scale работы Tim Brown, главного специалиста по типографики в компании Adobe. Modular Scale — это система, определяющая соотношения, которые, как показывает история, наиболее приятны для глаза, и выстраивающая шкалу размеров текста на основании этих соотношений.

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

Golden Ratio (1:1.618)
1.000 x 1.618 = 1.618
1.618 x 1.618 = 2.618
2.618 x 1.618 = 4.236
4.236 x 1.618 = 6.854
6.854 x 1.618 = 11.089

Одна из проблем, с который вы можете столкнуться — это то, что с какие-то соотношения слишком велики. Смотрите, что получается, если продолжать со шкалой на базе золотого сечения:

Golden Ratio (1:1.618)

11.089 x 1.618 = 17.942
17.942 x 1.618 = 29.03
29.030 x 1.618 = 46.971
46.971 x 1.618 = 75.999
75.999 x 1.618 = 122.966

Как видите, разница между значениями становится слишком большой. Для большинства интерфейса нужны интервалы поменьше. Но это не страшно: на Modular Scale представлено большое разнообразие шкал — из геометрии, природы, музыки.

Minor Second 15:16
Major Second 8:9
Minor Third 5:6
Major Third 4:5

Поэтому вместо золотого сечения вы можете использовать другое соотношение, которое даст меньшие интервалы, например, Perfect Fourth.

Perfect Fourth (3:4)

9.969 x 1.333 = 13.288
13.288 x 1.333 = 17.713
17.713 x 1.333 = 23.612
23.612 x 1.333 = 31.475
31.475 x 1.333 = 41.956
41.956 x 1.333 = 55.927

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

Font Sizes
Header 1: 55px
Header 2: 42px
Header 3: 31px
Header 4: 24px
Header 5: 14px
Body: 17px
Caption: 14px

Метод Modular Scale предполагает расчет размер шрифтов с математической точностью, однако это всего лишь ориентир. Используйте его, чтобы получить примерные размеры, а потом подкорректируйте их на глаз.

Создайте библиотеку стилей для шрифтов

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

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

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

Обязательно включите в библиотеку стилей следующее: типы шрифтов, цвета, размеры и образцы. Таблица стилей от Google’s Material Design typography— хороший пример того, как её составлять. Также как пособия можно использовать библиотеки стилей от Mailchimp, Apple, и Focus Labs.

Типографика — это область экспериментов, искусство и наука в одном флаконе. Я призываю вас выйти из зоны комфорта и активно исследовать все возможности.


Перевод: @nanton   Автор: Jonathan Z. White

Запись Типографика: процесс выбора шрифта впервые появилась DesignMojo.

]]>
http://designmojo.ru/knowledge/tutorials/tipografika-process-vybora-shrifta/feed/ 0 6697
Дмитрий Черногаев: Отрицание дизайна http://designmojo.ru/knowledge/delivered-lectures/dmitrij-chernogaev-otricanie-dizajna/ http://designmojo.ru/knowledge/delivered-lectures/dmitrij-chernogaev-otricanie-dizajna/#respond Sat, 22 Apr 2017 09:09:21 +0000 http://designmojo.ru/?p=6707 Все, что показывает Дмитрий в лекции, должно восприниматься абсолютно безоценочно, не хвалебно, не ругательно, не иронично. У него нет цели дать ответы на опредленные вопросы. Скорее он хочет их задать слушателям, дабы те смогли это обмозговать. Делает он это для того, чтобы многие смогли понять определенные тенденции в дизайне и что вообще происходит с нами […]

Запись Дмитрий Черногаев: Отрицание дизайна впервые появилась DesignMojo.

]]>
Все, что показывает Дмитрий в лекции, должно восприниматься абсолютно безоценочно, не хвалебно, не ругательно, не иронично. У него нет цели дать ответы на опредленные вопросы. Скорее он хочет их задать слушателям, дабы те смогли это обмозговать. Делает он это для того, чтобы многие смогли понять определенные тенденции в дизайне и что вообще происходит с нами и с окружающим нас миром дизайна.

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

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

Лекция-размышление задает актуальные вопросы, ответы на которые заставляют о многом задуматься.

http://www.designprosmotr.ru

Запись Дмитрий Черногаев: Отрицание дизайна впервые появилась DesignMojo.

]]>
http://designmojo.ru/knowledge/delivered-lectures/dmitrij-chernogaev-otricanie-dizajna/feed/ 0 6707
Абстракция: Искусство дизайна. 4 серия. http://designmojo.ru/design/designers/abstrakciya-iskusstvo-dizajna-4-seriya/ http://designmojo.ru/design/designers/abstrakciya-iskusstvo-dizajna-4-seriya/#respond Sat, 22 Apr 2017 07:10:36 +0000 http://designmojo.ru/?p=6670 Четвертая серия The Abstract в русской озвучке Герой серии — Бьярке Ингельс, архитектор, основатель архитектурного бюро Bjarke Ingels Group (BIG). Лидер нового поколения архитекторов, который создал новый стандарт презентации проектов и заново открыл для архитекторов формат видео. Автор слогана «Yes is more», под руководством которого в Копенгагене и Нью-Йорке работает более 300 архитекторов. Лучший способ […]

Запись Абстракция: Искусство дизайна. 4 серия. впервые появилась DesignMojo.

]]>
Четвертая серия The Abstract в русской озвучке

Герой серии — Бьярке Ингельс, архитектор, основатель архитектурного бюро Bjarke Ingels Group (BIG). Лидер нового поколения архитекторов, который создал новый стандарт презентации проектов и заново открыл для архитекторов формат видео. Автор слогана «Yes is more», под руководством которого в Копенгагене и Нью-Йорке работает более 300 архитекторов.

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

Сериал озвучен при поддержке digital-агентства Атвинта, командой VPerevode.

Запись Абстракция: Искусство дизайна. 4 серия. впервые появилась DesignMojo.

]]>
http://designmojo.ru/design/designers/abstrakciya-iskusstvo-dizajna-4-seriya/feed/ 0 6670
Дизайн-студии Америки: Fantasy http://designmojo.ru/design/inspiration/dizajn-studii-ameriki-fantasy/ http://designmojo.ru/design/inspiration/dizajn-studii-ameriki-fantasy/#comments Wed, 19 Apr 2017 19:22:16 +0000 http://designmojo.ru/?p=6660 Встречайте второй выпуск сериала про американские студии — интервью с Георгием Квасниковым в нью-йоркском офисе Fantasy. Смотрите, если хотите узнать, как попасть в крутую студию, сколько русских сотрудников в Fantasy сейчас, как David Martin комментирует работы, что представляет собой международное дизайн-сообщество в Америке и что у нас общего.

Запись Дизайн-студии Америки: Fantasy впервые появилась DesignMojo.

]]>
Встречайте второй выпуск сериала про американские студии — интервью с Георгием Квасниковым в нью-йоркском офисе Fantasy. Смотрите, если хотите узнать, как попасть в крутую студию, сколько русских сотрудников в Fantasy сейчас, как David Martin комментирует работы, что представляет собой международное дизайн-сообщество в Америке и что у нас общего.

Запись Дизайн-студии Америки: Fantasy впервые появилась DesignMojo.

]]>
http://designmojo.ru/design/inspiration/dizajn-studii-ameriki-fantasy/feed/ 1 6660
Дизайн-студии Америки: Epam Systems http://designmojo.ru/design/inspiration/dizajn-studii-ameriki-epam-systems/ http://designmojo.ru/design/inspiration/dizajn-studii-ameriki-epam-systems/#respond Wed, 19 Apr 2017 18:29:55 +0000 http://designmojo.ru/?p=6650 Мини-сериал о путешествиях Сергея Попкова и Антона Виноградова в Америку. Каждую пятницу в 19:00 они открывают двери новой студии, чтобы увидеть все своими глазами 😉 В первом выпуске сериала про американские студии — интервью с Кевином Лабиком из Epam Systems. Пройдемся по крутому офису, узнаем, как устроен дизайн-процесс в междисциплинарной команде, а также — подробности […]

Запись Дизайн-студии Америки: Epam Systems впервые появилась DesignMojo.

]]>
Мини-сериал о путешествиях Сергея Попкова и Антона Виноградова в Америку. Каждую пятницу в 19:00 они открывают двери новой студии, чтобы увидеть все своими глазами 😉

В первом выпуске сериала про американские студии — интервью с Кевином Лабиком из Epam Systems. Пройдемся по крутому офису, узнаем, как устроен дизайн-процесс в междисциплинарной команде, а также — подробности захватывающего проекта Human Longevity Inc., который стал настоящим прорывом среди медицинских онлайн-сервисов.

Запись Дизайн-студии Америки: Epam Systems впервые появилась DesignMojo.

]]>
http://designmojo.ru/design/inspiration/dizajn-studii-ameriki-epam-systems/feed/ 0 6650