Выбор шрифта

Первый принцип

Типографика — это не наука. Типографика — это искусство. Есть те, кто хотел бы её ‘науконизировать’; те, кто считает, что этого достаточно для получения хорошей типографики. Однако, эта колбасная-машина получит развитие, только если будет делать колбасу. Так типографика и выбор шрифта это не наука сковывающая всё своими аксиомами и правилами и это здорово.
Читать далее Выбор шрифта

FacebookTwitterGoogle+VKПоделиться

Типографическая иерархия — начертание

Достаточно трудно переводить понятия, для которых нет чёткого определения в русском языке. Но надеюсь мне это удалось. Далее перевод последней статьи из серии статей Марка Боултона.

Сразу же разберёмся в понятиях:
Начертание — это набор знаков, у которых единый стиль, насыщенность, пропорции и наклон. Гарнитура содержит как одно, так и несколько начертаний (т.е. жирный, полужирный, нормальный, курсив, жирный курсив и т.п.)
Roman — стандартный прямой шрифт.


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

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

Решение проблемы дизайна
Читать далее Типографическая иерархия — начертание

Гид по веб–типографике | Основы основ

Типографика для веба прошла долгий путь с тех пор как Тим Бёрнерс-Ли (основатель интернета) щёлкнул выключателем в 1991 году. Ещё во времена IE 1.0, хорошая типографика была чем-то вроде оксюморона. Сегодня всё совсем иначе. У нас не только браузеры, которые поддерживают изображения (уф!), но и возможность оживить наши веб страницы прекрасными шрифтами.
Читать далее Гид по веб–типографике | Основы основ

Нарисуй это! | автор Молли Бэнг (на русском)

Одной из рекомендаций в первых шагах было прочтение книги Молли Бэнг «Picture This: How Pictures Work». Как вы далее увидите, в книге представлено взаимодействие простых объектов.

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

Книга небольшая (68 страниц сплошных картинок и чуть-чуть текста), прочитать и проглядеть можно минут за 15-20:

Итоги работы над уроками

Вот мы и прошли курс рисования из 30 уроков. Казалось бы на 30 уроков вполне должно хватить 30 дней, но у большинства людей, впрочем как и у меня есть какая-то другая работа, а мне даже посчастливилось начать этот эксперимент во время жёсткого финансового кризиса в семье и от части поэтому начав первый урок 15-го мая, закончил 30-й урок только 26-го июня (спустя 73 дня). Это даже дольше чем я ожидал.

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

Итоги: спустя 73 дня, я уже на другом берегу книги и жду вас как и Марк где-то за 308-й страницей, ещё только начиная 1-й урок кажется, что конец книги это недосягаемый горизонт. Но, мечты сбываются если их добиваться!

И как написал Марк в своём напутствии, отпуская нас в вольное плавание

Продолжайте рисовать каждый день по двадцать–тридцать минут — это оказывает благотворное влияние на сердце, разум и душу.
Мечтайте! Рисуйте! Делайте!

Ваша творческая рука. Урок 30 из 30

Рисуя руки, я думаю о том, что ноги рисовать куда удобнее, лежат они себе, а ты их рисуй :) Но куда деваться, урок ведь называется «Ваша творческая рука».

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

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

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

Вдохновляющий человеческий глаз. Урок 29 из 30

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

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

Чтобы нарисовать глаз объёмно, вам для начала надо найти маленькое зеркало. Держите его перед собой на столе, пока рисуете. Вы должны иметь возможность близко видеть свой собственный глаз. Эту методику я узнал несколько лет назад во время посещения студии Dream Works с группой своих бывших студентов. Я наблюдал, как художники работали над разными частями тела Шрека: они хмурились в зеркала, рисуя его нахмуренное лицо. Они поднимали руки и изображали различные движения, рисуя его руки.

Читать далее Вдохновляющий человеческий глаз. Урок 29 из 30

Человеческое лицо. Урок 28 из 30

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

В этом уроке мы срисовываем и рисуем фрагмент картины Леонардо да Винчи «Мадонна в скалах».

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

Даже отрисовал несколько кусочков, часть с контурами, часть с тенями:

paper-face-1paper-face-2paper-face-3paper-face-all

Чуть позже обнаружил у Насти Арт Шимы видео на эту тему:

Из видео вы узнаете, что подобный метод развивает не только моторику, но и позволяет учиться рисовать текстуры, за счёт работы над толщиной линии, тенью и полутенью. Обязательно посмотрите видео, чтобы избавиться от сомнений и внести в свои уроки нечто, что позволит глубже понять работу света и тени и научиться лучше владеть карандашом.
Читать далее Человеческое лицо. Урок 28 из 30

Надписи в угловой перспективе. Урок 27 из 30

Этот урок пожалуй теперь мой самый любимый. Мало того, что пока рисовал смотрел 1-й эпизод Звёздных войн, так мне ещё и безумно понравился сам урок.

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

После нескольких попыток нарисовать в 3D формате приветствие «Hi» из книги, я перешёл к своей идее и мне кажется получилось хорошо, хотя некоторые буквы еле вместились.

Это долго, но результат радует!
Читать далее Надписи в угловой перспективе. Урок 27 из 30

Город в угловой перспективе. Урок 26 из 30

Этот урок, Марк называет «более трудной угловой перспективой» по сравнению с 25-м уроком, но судя по моим ощущениям и затраченному времени, на этом уроке просто отдыхаешь, а вот замок заставляет потрудиться, то боковые рёбра зубцов, то контрфорсы, то линии окон во всю играю и разъезжаются.

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

Возможностей море, только бери и рисуй 😉
Читать далее Город в угловой перспективе. Урок 26 из 30