Ссылки и FAQ
для курса CC
Теория
Всем смотреть обязательно.
Вся основная теория — типографика, вёрстка, интерфейсы — в одном месте.
Максим Ильяхов разбирает типичный лендинг — полезно посмотреть, не совершаете ли вы те же ошибки.
Хорошие лендинги
Франшиза Додо-пиццы — по-русски и по-английски (смотреть оба).
Оскар.



Материалы
Бесплатные шрифты от Гугла. Можно использовать на сайтах и скачивать себе на компьютер. Особенно крута гарнитура Noto, которая поддерживает почти все существующие письменности.
Куча всего стокового — фотографии, видео, цвета. Там собраны популярные стоки, на которые обычно ссылаются в записях, типа «10 бесплатных фотостоков».
Сборник фотографий с поиском по лицензиям Creative Commons. Есть много работ CC0.
Статья о лицензиях и том, где брать бесплатные картинки для своих лендингов.
Ещё одна статья про платные и бесплатные картинки
Выпускница курса по копирайтингу (вероятно, под впечатлением от работы со мной) разбирает типичные ошибки вёрстки, в которые я обычно тыкаю студентов.
Если нет продукта
Если у вас нет идей или продукта, для которого сделать лендинг, переделайте в хорошую страницу вот это.
Ограничения по использованию всех продуктов и материалов уточняйте на сайтах.
FAQ
Чем отличается блок от модуля
Я постоянно путаюсь в терминологии — не обессудьте. Постараюсь последовательно использовать её так:
модуль — элемент логического разделения страницы;
блок — физический тильдовский блок.
Как набрать знак °/×/м² и т.п.?
Поставьте раскладку Бирмана. По всем вопросам обращайтесь к Илье.

Если не лень — скопируйте нужный символ из таблицы Юникода.
«Я делаю лендинг в первый раз…»
Я знаю. И это никак не повлияет ни на что.
Типичные косяки
Неочевидная структура
Не заставляйте читателя догадываться о структуре страницы — сделайте её очевидной. Продумайте иерархию заголовков на странице.
Нет структуры
Когда страница состоит из рекламных клише, вроде «Вы ещё кипятите!!! — Тогда мы идём к вам!!)))» — с неё хочется скорее уйти и не возвращаться.

Чтобы исправить — пересмотрите вебинар Ильяхова.
Заголовок не соответствует содержанию
Например, заголовок: «Получаете все тексты вовремя», а абзац под ним: ««Текстовая поддержка» — это абонентское обслуживание компаний, которым постоянно требуются тексты. Вам больше не придется ломать голову…».

Либо стоит заменить заголовок на «Что такое текстовая поддержка», либо изменить текст, чтобы он соответствовал заголовку.
Иллюстрации не соответствуют содержанию
Иллюстрации — картинки, видео и иконки — должны соответствовать тексту и дополнять его. Рандомные картинки не нужны.
СПЛОШНЫЕ ЗАГЛАВНЫЕ (КАПС)
Текст заглавными буквами — сильный приём. Использовать его стоит только осознанно и учитывая кегль, шрифт и разрядку. В остальных случаях это воспринимается как крик.

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

Иначе страница не будет вызывать доверия, а в соцсетях на неё не кликнут.
Знаки препинания на конце заголовка
Никаких знаков препинания на конце заголовка быть не может.

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

Исключение — карточки.
«Выглядит как X, а на самом деле не X»
Это значит, что какой-то элемент на странице выглядит как, например, кнопка, но как кнопка себя не ведёт — при нажатии на него не происходит никаких действий.

Решается просто — либо элемент становится «кнопкой», либо перестаёт выглядеть, как «кнопка». Слово «кнопка» легко и непринуждённо заменяется на «заголовок», «ссылку» или любой другой элемент.
Форматы номеров, времени и дат
Телефонные номера
+7 921 123-45-67 — мобильные;
+7 495 098-76-54 — московские;
+7 (831) 456-78-90 — региональные
(+7 можно заменить на 8).

Время
12:00–19:00

Дата
12.01.2017
12 января 2017 года
Тире, дефис и минус
У всех видов «палочек» есть свой значок:
- дефис (не отбивается пробелами),
– короткое тире,
— длинное тире (собственно, тире),
− минус.

Посмотрите видео на эту тему и поставьте раскладку Бирмана.
Made on
Tilda