Минералогия: мир красоты и науки
Повышение узнаваемости и популризация объекта, созданием единой системы визуальной коммуникации.
Задача
Минералогический музей им. А.Е. Ферсмана — крупнейший и старейший академический музей минералогии в России и мире. Однако, даже с таким статусом, у музея отсутсвует единый узнаваемый визуальный язык, что я решила исправить
о проекте
We Are Cute
The smartest people work every day to provide the best service and make our clients happy
  • Max Holden
    Founder & Art Director
    Max founded our company. He is the father of our main goals and values. He found the core members of our team and helped them to show their unique talents in the work process.
  • Lucy Good
    Design Director
    Julia takes care of everything you can see. She spent five years in London learning visual communication. She uses her knowledge to make the world a little more beautiful.
  • Eva Stark
    Customer Support
    Eva is the voice of our brand. She spends hours making our clients feel cared for and enjoying their communication with the company. If you have any suggestions, you can write to her.
С любовью к каждому узелку
мерч
сувенирная продукция
Студенческая карта Т-Банк
иллюстрация
графический комплекс
Инициация МХПИ
графический комплекс
мерч
Inner Child. Типография для художников
фирменный стиль
брендбук
Онлайн курс Fit & Shape
дизайн презентации
Bounce. Own the rules
редизайн
логотип
Больше, чем просто канцелрия
иллюстрация
айдентика
Один герой — две ипостаси
театральные афиши
иллюстрация
Скрипт слайдера
id:
Инструкция будет автоматически скрыта при публикации. Либо можно оставить только один HTML-объект, а инструкцию удалить
Для настройки слайдера перейдите в окно настроек, для этого выделите этот блок или блок с кодом или любой элемент слайдера, кнопка настроек появится на панели инструментов справа.
  1. Создайте карточки для слайдера, для этого объедините содержимое карточек в группы типа Object.
  2. Задайте каждой карточке класс slide
  3. Объедините все карточки в одну группу типа Object и задайте ей свойство Autolayout и присвойте класс tf_slider
  4. Настройте gap (расстояние между карточками) и ширину видимой части слайдера tf_slider. Сколько карточек попадет в эту ширину, столько и будет одновременно видимы.
  5. За счет изменения ширины tf_slider вы можете настроить разное количество карточек на разных брейкпоинтах.
  6. Задайте классы для кнопок слайдера: для кнопки «назад» tf_slider-prev, для кнопки «вперед» tf_slider-next
  7. Для счетчика текущей страницы слайдера задайте класс у текстового поля tf_slider-current, для счетчика общего количества страниц задайте класс tf_slider-total
  8. Добавьте точку (страницы), присвойте им класс dot. Вы можете использовать точку в виде объекта Tilda-кнопки, тогда активное состояние будет определять вид активной точки.
  9. Объедините точки в общую группу, задайте ей свойство Autolayout, группе задайте класс tf_slider-dots
  10. Все элементы навигации можно располагать в разных частях экрана, или удалить, если не нужны (оставить только стрелки)
  11. Если в одном Зероблоке больше чем один слайдер, последующим слайдерам задавайте имя
  • Слайдер: tf_slider-1
  • Кнопки: tf_slider-prev-1, tf_slider-next-1
  • Точки: tf_slider-dots-1
  • Счетчики: tf_slider-current-1, tf_slider-total-1
  • Для второго/третьего слайдера: tf_slider-2, tf_slider-3 и т.д.
12. Используйте панель Tildify Elements для настройки свойств слайдера. Для этого выделите элементы слайдера или конфиг слайдера (блок Скрипт слайдера), панель управления появится справа на панели настроек Zero Block.