UI дизайн / Визуал
Урок №1. Типографика
Слушаем урок, а внизу под видео — тест и домашка)
Посмотреть разные шрифты можно здесь: paratype
Домашнее задание
1
Пройти тест
Тест
Всё ли запомнилось?
Урок по Типографике сложный, местами занудный, но очень важный. Это как азбука: без знания букв и слогов читать не сможешь. Поэтому очень важно закрепить эти знания. Вперёд!
| Начать тест |
Где можно больше покреативить с текстом?
Ты близок, но подумай ещё чуточку
Конечно! Здесь мы боремся за внимание пользователя и именно поэтому приходится выдумывать разные способы выделения текста
Книгу берут специально, чтобы почитать. В отличие от интернета =)
| Следующий |
| Проверить |
| Узнать результат |
Что за разновидность шрифта в заголовке?
Ты гений!
Не угадал! Но всё впереди)
Точно? А если присмотреться внимательней?
Уверена, что ты никогда не выберешь этот вариант
| Следующий |
| Проверить |
| Узнать результат |
Этот шрифт ты угадаешь с первой попытки, я уверена!
Ну нееее =) Пробуй ещё!
Как же хочется, чтобы это было правильным ответом. Но нет.
У тебя всё получится. Верь в себя
Это поразительно! Тоже заметил подсказку-скобочку, характерную для программного кода?)
| Следующий |
| Проверить |
| Узнать результат |
Шрифт вида ГРОТЕСК ещё называют...
:'(
:-)
:'(
=)
| Следующий |
| Проверить |
| Узнать результат |
Интерлиньяж – это...
Почти)
Гениально! У тебя способность запоминать странные слова
Мы такого не проходили))
Нет. Но давай повторим: она должна быть примерно 500-700 px
| Следующий |
| Проверить |
| Узнать результат |
А здесь у нас шрифт семейства..
Класс!
Не :(
Ну не :(
Не угадал! Но не сдавайся!
| Следующий |
| Проверить |
| Узнать результат |
С помощью чего можно быстро избавиться от висячих предлогов в тексте?
Можно так делать только в дизайне. Но при вёрстке текста в вебе такой способ пагубно скажется в адаптивных версиях
Это волшебная палочка, которая спасает всегда! (почти)
Это как соринка в глазу: мелкая, но так раздражает)
| Следующий |
| Проверить |
| Узнать результат |
Так. Давай честно: тебе было так скучно, что ты уснул в начале лекции?
Лучшее, что сейчас можно сделать, это прокрутить страницу наверх и пересмотреть урок) Всё получится!
| Пройти ещё раз |
Неплохо =) Но в следующий раз будет намного лучше!
Просто прокрути страницу наверх и пересмотри урок. Можно на скорости 1.5х =)
| Пройти ещё раз |
Ну хорошо же!
Нет предела совершенству. Попробуй ещё разок)
| Пройти ещё раз |
Yahoo! Это гениально!
Очень классный результат для классного ученика. Респект!
| Пройти ещё раз |
2
Сверстать текст про Антарктиду (справа) в Figma. Результат отправить мне ссылкой на Фигма-файл
Для этого нужно зарегистрироваться в Фигме (https://www.figma.com/) и пройти короткие уроки для новичков (если не знакомы с этим графическим редактором). Я долго думала, знакомить ли вас с Фигмой, ведь это дополнительный пласт информации. Но она необходима, поверьте. Лучше начать изучать прямо сейчас!
Учебные ролики по Фигме (то, что нашла в поиске, лично сама не проходила ни одного, училась просто «тыканьем» по всему, что есть в интерфейсе; не всем подходит этот способ):
Курсов и уроков по Фигме примерно миллион =) Важно найти тот, который понравится лично тебе.
Учебные ролики по Фигме (то, что нашла в поиске, лично сама не проходила ни одного, училась просто «тыканьем» по всему, что есть в интерфейсе; не всем подходит этот способ):
Курсов и уроков по Фигме примерно миллион =) Важно найти тот, который понравится лично тебе.
Текст для вёрстки:
Антарктида
Общее описание. Антарктида это континент, расположенный на самом юге Земли. Центр Антарктиды примерно совпадает с Южным географическим полюсом. Омывается Атлантическим, Индийским и Тихим океанами. С 2000 года воды, омывающие Антарктиду к югу от 60° ю. ш., по решению Международной гидрографической организации предложено называть Южным океаном
(кнопка) Читать подробнее
Размер. Площадь континента составляет около 14 107 000 км² (из них шельфовые ледники — 930 000 км², острова — 75 500 км²). С севера на юг протяжённость составляет около 3000 км, а с запада на восток — 4500 км. Средняя высота поверхности Антарктиды самая большая из всех континентов
Открытие. Антарктида была открыта 16 (28) января 1820 года русской экспедицией под руководством Фаддея Беллинсгаузена и Михаила Лазарева, которые на шлюпах «Восток» и «Мирный» подошли к шельфовому леднику в точке 69°21′ ю. ш. 2°14′ з. д. Это район современного шельфового ледника Беллинсгаузена.
Для справки: ранее существование южного материка утверждалось гипотетически, нередко его объединяли с Южной Америкой и Австралией.
Антарктида
Общее описание. Антарктида это континент, расположенный на самом юге Земли. Центр Антарктиды примерно совпадает с Южным географическим полюсом. Омывается Атлантическим, Индийским и Тихим океанами. С 2000 года воды, омывающие Антарктиду к югу от 60° ю. ш., по решению Международной гидрографической организации предложено называть Южным океаном
(кнопка) Читать подробнее
Размер. Площадь континента составляет около 14 107 000 км² (из них шельфовые ледники — 930 000 км², острова — 75 500 км²). С севера на юг протяжённость составляет около 3000 км, а с запада на восток — 4500 км. Средняя высота поверхности Антарктиды самая большая из всех континентов
Открытие. Антарктида была открыта 16 (28) января 1820 года русской экспедицией под руководством Фаддея Беллинсгаузена и Михаила Лазарева, которые на шлюпах «Восток» и «Мирный» подошли к шельфовому леднику в точке 69°21′ ю. ш. 2°14′ з. д. Это район современного шельфового ледника Беллинсгаузена.
Для справки: ранее существование южного материка утверждалось гипотетически, нередко его объединяли с Южной Америкой и Австралией.