Микроанимашки

Сейчас такое время, когда аккуратного современного дизайна уже недостаточно. Нынче нужна няшная верстка — будущее за микроанимашками. Вот несколько видороликов с презентациями моих дизайнов. Обратите внимание, как появляются элементы, как реагируют на курсор — вот это все и есть няшная верстка (лучше смотреть со звуком, а на youtube можно посмотреть на весь экран):

Как оказалось, не все заказчики скролят страницу дальше видео. А зря! Ведь там как раз-таки и лежат ссылочки на всякие готовые анимашки…

Мои идеи няшной верстки сайтов с моим дизайном:

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

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

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

Во всех этих примерах уже готовый код, который надо будет немного изменить под новый дизайн: например, заменить цвет. Это уже сделает верстальщик. Подготовьте список понравившихся анимаций: «Хочу отсюда (ссылка) эффект № 12 для кнопок и т. д.» А он уже ответит, сколько это будет стоить.

Бывает, что подставить эффект на сайт это просто скопировать код и вставить его в стили своего сайта. А бывает, что вставляешь и ничего не работает, что-то конфликтует с уже существующими стилями. Поэтому часто добавить клевую микроанимашку не совсем минутное дело. Подробнее расскажут уже верстальщики.

Кстати, можно попросить их сделать две оценки: просто верстка с ховерами (наведениями на кнопки, ссылки) и отдельно за список анимашек. Так будет понятно во сколько обойдется няшная верстка. И если какая-то анимация потребует, скажем, 5 часов времени работы по ее внедрению, то вряд ли она стоит того и есть смысл поменять ее на более быстрый аналог, на подключение которого уйдет 5−15 минут.

Кстати, подписывайтесь на ютубчик :)

Поговорим о дизайне на фрилансе в видео-формате

  • Скачайте и заполните бриф

    Вопросов совсем немного, потерпите, пожалуйста)

  • Напишите письмо на почту

    Обычно я отвечаю сразу, если не сплю или не за рулем.

  • Я работаю через Веблансер

    Отниму у вас 3-4 минуты. Потом в процессе расскажу :)