Дизайнер сайтов на Тильде
TILDOSHNAYA.PRO
ШРИФТ
IMAGE
→ что это такое?
графический рисунок букв и знаков, составляющий единую стилистическую и композиционную систему
Aa
regular
bold
black
экран, который открывает сайт
HERO
ПРАВИЛА ХОРОШЕЙ ВЁРСТКИ ТЕКСТА
1
2
3
4
Размер текста 14—22 px, а заголовки 32+ px
Делим абзацы «по-швейцарски»
Выбираем правильное межстрочное расстояние
Создавайте контрасты в наборе текста, не душни
Оптимальная длина строки → 40—85 символов
или 7—8 слов, иначе: чем длиннее строка → тем больше должен быть интерлиньяж, и наоборот. А ещё есть саккады — скачек глаз по строке, их рекомендуется не более 3—4
99,9%
99,9%
Всех текстов в интернете набраны левым флагом, ибо люди привыкли именно к такому расположению
ИЕРАРХИЯ ЭЛЕМЕНТОВ
Заголовок 1
Заголовок 2
Заголовок 3
Собака сходила на газон в нашем дворе, а потом легла перед входом в дом и стала грести лапками. Она всегда так делает, когда идет мимо моего дома. Раньше я думал, что это просто привычка.
Теперь знаю, что она так делает каждый раз, когда собирается зайти в дверь. Я понял, почему она это делает, только после того как увидел ее у меня во дворе.
структурируй и разбивай
МЕЖБУКВЕННОЕ РАССТОЯНИЕ
ABC
abc
→
влияет на читаемость
→
при стандартных размерах не меняем
→
на очень маленьких размерах (8px) — добавляем
→
прописные всегда разряжаем
НАДО ТАК
ТАК НЕ НАДО
так никогда не делаем
оставляем как есть
Когда совмещаем 2 шрифта → следим за контрастом заголовка и контентного шрифта
Не стоит подбирать слишком похожие шрифты → пользователь не заметит разницы
Контраст шрифта достигается: типом, начертанием, размером
шрифт сравни человеку — у него тоже есть характер и настроение
рекомендуется использовать не более 3-4 начертаний
Стивен Фрай
о своих фильмах
о своих фильмах
«Лжец, лжец» - это история, рассказанная в пяти новеллах, в которых Льюис и его отец рассказывают о своих отношениях
Этот фильм — отличный способ понять себя и других.
Особенно он полезен для тех, кто хочет понять, как вести себя в сложных социальных ситуациях, например, когда вам лгут.
Перед вами фильм, который расскажет совершенно невероятную историю о том, как известный актер (Мэтью Макконахи) и его жена (Николь Кидман) оказались в центре заговора, который в конечном счете привел к их разводу.
Особенно он полезен для тех, кто хочет понять, как вести себя в сложных социальных ситуациях, например, когда вам лгут.
Перед вами фильм, который расскажет совершенно невероятную историю о том, как известный актер (Мэтью Макконахи) и его жена (Николь Кидман) оказались в центре заговора, который в конечном счете привел к их разводу.
«Как шоу-бизнес может быть таким честным?» — спросите вы
Заголовок
Лид-текст
Основной контент
Цитата
благодаря им пользователю проще читать наш контент
шрифт
1—2
начертаний
4—5
наколбасил много шрифтов и размеров → получил
не классный дизайн
не классный дизайн
вёрстка внутри объектов
плашки
фото
соблюдаем зоны безопасности
Вы снова отправитесь в Луковое королевство и соберёте команду поваров, чтобы участвовать в классической локальной или сетевой совместной игре, в которую могут играть до 4 человек. Держитесь за свой фартук → пришло время снова спасти мир
Overcooked 2
хозяйке на заметку
ТИЛЬДОШНАЯ
ТИЛЬДОШНАЯ
ТИЛЬДОШНАЯ
ТИЛЬДОШНАЯ
ТИЛЬДОШНАЯ
ТИЛЬДОШНАЯ
1
2
Смотрю с боку из под арки на меня смотрит какой то парень. Я как то сразу напрягся и побежал домой. Зашел домой, покушал и выхожу, опять этот парень с другой стороны дома. Опять я напрягся и опять бегом домой заскочил, поел и иду по вечернему городу. И тут опять смотрю опять этот тип стоит, но уже около подъезда и ждет меня. Я опять как то напрягся и пошел домой.
Вышел я как то раз прогуляться с собакой. И все было как всегда
ГАВ
ГАВ
ГАВ
список услуг
услуга 1
01
услуга 2
01
услуга 1
01
услуга 2
01
услуга 1
01
услуга 2
01
услуга 1
01
услуга 2
01
iPhone XS Max
от 1 200 $
c 10 октября
iPhone X
от 1 000 $
c 10 октября
iPhone XR
от 900 $
c 10 октября
Сижу за рабочим столом, на руке — часы с подсветкой. Смотрю на них и, вдруг, начинаю читать текст из книги.
Так интересно. Не знаю, почему начал, да и не важно это сейчас, главное, что текст «считывается» в голове. Читаю: «Он не знает, сколько ему осталось. Он чувствует, что еще совсем немного, и он станет свободным».
Так интересно. Не знаю, почему начал, да и не важно это сейчас, главное, что текст «считывается» в голове. Читаю: «Он не знает, сколько ему осталось. Он чувствует, что еще совсем немного, и он станет свободным».
интересно
познание
домашка_1
COLO
—RIA
Дизайн-бюро мебели
Мы создаем пространства в которых хочется оставаться.
Основной принцип — мы не играем в тренды а глубоко вникаем в личность человека, который будет жить или работать в помещении
Дизайн нашей интерьеров является зеркальным отражением их владельцев
НАШИ ПРОЕКТЫ
Городоград
ул. Золотарева
ул. Золотарева
55 044 200 11 20 mail@colorial.com
ИНДИВИДУАЛЬНЫЙ ПОДХОД
3D ВИЗУАЛИЗАЦИЯ
РАБОЧАЯ ДОКУМЕНТАЦИЯ
Взрослея мы понимаем, что самое необычайное и важное место — это твой дом
Дом, в котором всегда должен царить уют, тепло и красота
усложняем сетки
владеем сеткой
владеем вниманием
→
Левая
баннерная слепота, спокойное вдумчивое изучение, больше подходит для статей
Правая
более динамичное распределение акцентов, что-то увидит точно, на что-то не обратит внимание
БАЛ
в жизни нужен
АНС
горизонтальный
вертикальный
симметричный
ассиметричный
характеристики баланса
размер
цвет
контраст
форма
расположение
воздух
большой значит тяжёлый
размер не всегда важен
контраст задаёт баланс
тёмные и контрастные объекты всегда тяжелее и виднее
форма
имеет вес
воздух тоже дизайн
