Статьи

Коротко и по делу о том, как сделать сайт красивым без дизайнера.

Как подобрать цвета для сайта

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

Фавиконка для сайта: размеры и код

Фавиконка видна во вкладке браузера, в закладках, в выдаче Яндекса и Google и на экране телефона. Хватит пяти файлов и пяти строк кода.

Как выбрать шрифт для сайта

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

Градиенты в CSS: как сделать и где использовать

Градиент оживляет плоский фон и делает кнопку заметнее. Разбираем три вида градиентов в CSS, готовый код и ошибки, из-за которых градиент выглядит грязно.

Контраст текста по WCAG простыми словами

Бледный текст красиво смотрится в макете и плохо читается на телефоне под солнцем. Стандарт WCAG даёт простые числа, по которым можно проверить любую пару цветов.

Цветовой круг и сочетания цветов

Цветовой круг помогает подобрать цвета, которые смотрятся вместе, без долгих проб. Четыре схемы покрывают почти все задачи.

Цвета HEX, RGB и HSL: в чём разница

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

Психология цвета: какой цвет выбрать для бизнеса

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

Как сделать тёмную тему для сайта

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

Как сделать логотип самому

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

Как сочетать шрифты: пары для заголовков и текста

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

Типографика сайта: размер, интервал, длина строки

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

Как сделать сайт бесплатно: пошагово

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

Сетка и отступы: правило 8 пикселей

Аккуратный сайт отличается от неаккуратного чаще всего не цветами, а отступами. Достаточно одной шкалы и одного правила группировки.

Картинки для сайта: формат, размер, сжатие

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

Как сделать удобные кнопки на сайте

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