Дайджест Craftum ✨Релиз 26.05

Продолжаем улучшать и обновлять 🤓

Что изменилось?

✅ В блоках «Меню» теперь можно настроить выравнивание контента для мобильной версии: по центру, верхнему или нижнему краю.

Перейдите в настройки блока и во вкладке «Дизайн» → «Меню» выберите нужный вам вариант. Нагляднее на скринкасте ⤴️

✅ Увеличили скорость работы сайтов: оптимизировали загрузку скриптов и блоки с картой для адаптивных версий.

Чтобы обновление применилось на вашем сайте, пожалуйста, переопубликуйте страницы.

✅ В настройках сайта появился раздел «SEO». В нем можно ознакомиться с инструкцией по добавлению сайта в Яндекс.Вебмастер и настроить редирект WWW для домена.

Указание метатегов title и description по-прежнему доступно в настройках страницы.

✅ Добавили возможность настраивать якорные ссылки на блоки с других страниц сайта. Также при наведении на название блока в списке отображается превью.

Например, на главной можно разместить ссылку на конкретный блок, который находится на странице «О компании».

✅ В сайдбаре добавили поиск по названию шрифта.

✅ В письмах с форм обратной связи формируется ссылка на страницу, с которой была оставлена заявка 🎉

✅ В настройках сайта раздел «Главная страница» переименован в «Основные», чтобы было проще сориентироваться.

✅ В блоках «Меню» и «Подвал» убрали подчеркивание при наведении на пункты меню.

✅ В адаптиве теперь наследуются стили отступов в блоках, а также шрифт и насыщенность, которые вы настраиваете в десктопной версии.

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

✅ При настройке «Подменю» в Safari теперь всё хорошо с версткой.

✅ При нажатии на «Шестеренку» в сайдбаре больше не перекрываются другие пункты настроек.

✅ Устранили проблемы, возникающие при переключении между страницами в редакторе.

✅ В редакторе кнопка добавления нового блока больше не перекрывает развернутое подменю.

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

✅ Исправили проблему в блоках «Контакты и карта», когда при увеличении нижнего отступа карта не растягивалась по высоте блока.

✅ При большом количестве подпунктов в закрепленном блоке «Меню» больше нет проблем со скроллом.

На сегодня всё! Как вам? Пишите нам о своих пожеланиях в комментариях или в разделе «Есть идея» ❤️

7 лучших расширений Chrome для дизайнеров

Делимся полезными расширениями, которые используем в работе 🎨

SVG Grabber

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

Вы сможете скачать весь пакет, лежащий на странице, либо загрузить конкретные объекты.

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

Fontface Ninja

Если вам понравился какой-то шрифт, но вы не знаете его название, то просто нажмите на иконку расширения и наведите курсор на нужную строку — появится его название и ссылка для скачивания.

Full page screen Capture

С ним удобно делать скриншот всей страницы полностью, который можно скачать в формате PDF.

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

ColorPick Eyedropper

ColorPick Eyedropper позволяет определить цвета любых объектов на странице.

Больше не нужно делать скриншот интересующего участка, открывать его в редакторе и использовать пипетку для захвата цвета.

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

Window Resizer

Расширение Window Resizer даёт возможность тестового просмотра любых вариаций размера вашего сайта в офлайн режиме.

Loom

Программное обеспечение, которое поможет делать запись экрана в трёх режимах:

— экран + камера (актуально для тех, кто проводит видеоуроки с презентацией)

— только экран (записывает изображение экрана + голос)

— только камера (записывает только ваше изображение)

Просто установите расширение и нажмите запись.

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

Muzli

Расширение позволит окружить рабочее пространство самыми свежими тематическими новостями со всех дизайн-платформ.
___
Поделитесь реакциями на пост, если было полезно 😉

Общение с заказчиком — отдельный вид искусства 🪄

Поделились советами, что делать, если клиенту не понравился дизайн 🔽

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

Часто заказчик не принимает дизайн, потому что не понимает его. Надо объяснить.

2️⃣ Переведите разговор в конкретику и декомпозируйте задачу.

Поймите, что именно не устраивает. Переходите из состояния «мне не нравится весь дизайн» в положение «мне не нравится a)... б)... в)... в дизайне».

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

3️⃣ Голословное убеждение не работает.

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

Общее правило: нужно перевести диалог из эмоционально-деструктивной плоскости в рационально-конструктивную. Старайтесь понять друг друга и найти оптимальное решение.

И самое главное, нужно быть честным с собой.

Если сами не верите в свой дизайн, продать его вряд ли получится.

Делитесь в комментариях советами и кейсами из практики, как защищаете свои проекты?)

А вы грешите правилами? 😄 Пишите в комментах, что нарушали 👇

Хочу сегодня рассказать вам об одном недавнем кейсе — сайт для студии лазерной эпиляции и косметологии в Казани.

Задачей было разработать сайт с нуля — во всех смыслах этого слова:

1. Необходимо было продумать концепцию сайта (лендинг / многостраничник или что-то еще).

2. Активизировать все свои умения по копирайтингу и придумать полное описание для всех блоков на сайте.

3. Ну и стандартное: сделать прототип, составить мудборд, определиться со стилем и сделать дизайн-макет.

#день_с_дизайнером

Первая особенность сайта – это 3 параллельных типовых лендинга для 3 видов процедур в студии:

— лазерной эпиляции
— аппаратного скульптурирования тела
— инъекционной косметологии.

Но самое интересное из всей разработки было определиться со стилем. Заказчица хотела сайт в цветах логотипа. А он полностью серый. Обычного максимально среднего серого цвета.