Блог про интернет-маркетинг для бизнеса

Маркетинг

Семен Лобач, дизайнер и преподаватель: «Думать над каждым пикселем»

50
24
3
6

Сегодня у нас в гостях Семен Лобач.

Привет! Ну, как дошел до жизни такой?

— Я успел походить в моря, получить военное звание, связанное с подлодками и торпедами, и уйти в дизайн. Начал когда-то с методичек для ВУЗов, потом втянулся, вспомнил то, что слышал в художественной школе. Строго говоря, я мало кого знаю кроме Паши Колодяжного и меня, кто вообще применяет классическую композицию в рекламе и в вебе. Потом уже стал интересоваться типографикой, юзабилити, и стал рассказывать это людям. Сейчас я работаю как арт-директор и консультант со многими компаниями в Украине и России, езжу читаю семинары тоже по стране, веду курс веб-дизайна в учебном центре "Дизайн-класс». Собираюсь его менять к чертям собачьим и делать что-то более интересное из него.

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

Семен Лобач

Расскажи в двух словах о процессе создания адаптивного дизайна?

— Хороший вопрос! Я такие вещи за полный рабочий день рассказываю на семинарах, и это как раз в двух словах. Ничего сложного.

Берем в руки смартфон, открываем на ней какой-нибудь сайт. Если он неадаптивный, плюемся и делаем мир лучше. Если адаптивный – рассматриваем, понимаем что нам до такого уровня расти и расти, и тоже делаем мир лучше. Если не знаем как – открываем Smashingmagazine или Google, и узнаем как это делается.

Семен Лобач про адаптивный дизайн сайтов

Исходя из тенденции к "мобилизированному" интернету, что ты считаешь более перспективным, создание адаптивных сайтов, или мобильных приложений?

— Тут все сложнее, давай не путать ) Есть адаптивка и есть мобильная версия. Приложение это вообще третье, оно либо задействует браузер и не требует инсталляции, если это скажем SaaS типа Мегаплана какого-нибудь, либо инсталлируется и работает именно как приложение. Это два разных типа продуктов в принципе. На сложных проектах сейчас вообще делают смешанное решение: адаптивный сайт, но какой-то определенный функционал делается в мобильной версии. Например, каталог продукции. Подгружается раздел мобильной версии сайта с отдельного движка. Там есть тонкости, но принцип таков. И я считаю, что будущее на сложных проектах за такими "свистелками", а вообще у каждой задачи - свое решение.

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

— Скажем так, они наступили вчера :) Если хоть какой-то отличный от нуля процент пользователей открывает сайт с мобильного устройства - пора делать адаптивку. А с планшетов сейчас открывают практически все, и планшет сейчас – это уже не здоровый iPad, а что-то маленькое на андроиде чисто для серфа. Так что пора, ага.

Разрешения экранов устройств под Android

Вопрос для успокоения (или наоборот) SEO-мастеров. Как известно, Google уделяет большое внимание скорости загрузки страницы и этот параметр может влиять на ранжирование сайта в поисковой выдаче. Как решается проблема скорости загрузки в случае адаптивных сайтов?

— Да, это проблема. Честно, сейчас все над ней бьются, и такие вопросы задают постоянно. Есть даже шутка такая – если на семинаре программист задает вопрос, значит, на Хабре про это не пишут ) На самом деле есть очень много советов по этому поводу. Самое очевидное – это меньше графики, больше CSS, определять порядок загрузки элементов, AJAX подключать с умом. Много всего. Грубо говоря, упирается все просто в вес элементов, в трафик. А если заметить то, что уже давно дошло до наших пользователей, что на сайте главное не иллюстрация и не картинка, а контент, то решение приходит само.

Что ты делаешь когда не хочешь ничего делать? Как мотивируешь сам себя работать тогда, когда никакого желания делать это нету?

— Когда приходит "тупик сознания", езжу кататься. Я дожидаюсь ночи, когда с улиц исчезают маршрутки и гаишники, сажусь в машину и езжу по городу. Особенно люблю участок 9-13 Фонтана. Потом мозги прочищаются, приезжаешь домой смотришь на макет – "Ба, вот как оно должно быть!". И с утра продолжаешь с новыми силами. Этакая перезагрузка сознания получается.

Да и вообще, работа сама по себе сейчас неинтересной не бывает, постоянно что-то новое. А мотивация – тут либо хочешь, либо нет. Третьего не дано.

Не будем устраивать холиваров iOS vs Android, но все равно хочется спросить - какая твоя любимая иконка (пусть их будет несколько) на любой из мобильных платформ?

— У меня их несколько, и штука в том что даже не отдельные иконки, а их творцы. Очень нравятся Ramotion и ArtUa. Вот смотрю, пускаю слюни и понимаю что это волшебство прям какое-то. А у андроидов вообще большая неразбериха в иконках. Чем больше дай свободы в гайдлайнах, тем больше фигни какой-то дизайнеры понарисуют. Но, согласись, их часы с рабочего стола, стандартные, возбуждают даже воинственных поклонников iOs.

А какими мобильными приложениями пользуешься с наибольшим удовольствием? (не только с точки зрения дизайна)

— Прям лихорадка золотая с этими приложениями! У меня Андроид, и пользуюсь я там только тем что нужно и необходимо – гуглпочта, соцсети, прогноз погоды, скайп, еще навигация, но она на моем телефоне коряво работает. А вот на игры просто времени нет.

Что думаешь про Vitrum Browser? (прим. ред. подробнее про этот браузер читайте в интервью с Евгением Плохим)

— Это забавная штука. Он удобно очень сделан вроде бы, продуман, жесты там, все интуитивное. Наверное, поэтому у него рейтинг так резко и подскочил. Единственное что позабавило с ним – он такой весь «виндоусмобильный», в Метро Юай, и при этом под iOs.

Кстати, говорят все больше про «облачные вкладки» в новом Сафари, если реализуют – то с адаптивкой станет еще интереснее.
Тема Лебедев не так давно описывал у себя в ЖЖ проблемы "русского дизайна". Как ты считаешь, у отечественного дизайна (в частности - в рекламе) есть недостатки в сравнении с европейским? В чем они выражаются?

— О! Тоже тема большой полемики, хотя мало кто отваживается с этим спорить. У отечественного дизайна одна проблема – привычка наших людей к ширпотребу и дряни. Например, все привыкли к тому, что в Украине два модных цвета в одежде – темный и еще темнее. И так и ходят с девяностых. Ты привыкаешь что тебе хамят в трамвае – и это становится нормой… А тут нам «хамит» окружающая среда. Потому что черти кто этим, опять же, с девяностых занимался, вот и стоят у нас такие города, жуткие, и сайты, сделанные наобум и без толку. «Там» в это никогда не пускали людей без бумажки, на которой значилось, что индивидуум имеет право красить дома, делать журналы или проектировать сайты. У нас было иначе. Не хватило мозгов на программирование – вали в дизайн, хотя это нелогично. Это сейчас все работать над собой начали, потому что конкуренция, потому что неудобно – значит не куплю, не инсталлирую, возьму то, что лучше.

И у нас редко дизайн рекламы обоснован с точки зрения маркетинга, а это важно. Там он решает задачу и поэтому «цепляет», а у нас пока главное «чтоб заказчику понравилось». Нам вот что нужно развивать - образование, конкуренцию и вкус у людей, в первую очередь.

А так и по части резиновой верстки, и по части графики наши иногда фору «врагам» дают – посмотри, кто рисует приложения на весь мир? Пацаны из Севастополя, Киева. Так что наши молодцы. Но думать надо, думать над каждым пикселем на экране.

Семен Лобач, дизайнер и преподаватель: "Думать над каждым пикселем"

Обнаружили ошибку? Выделите ее и нажмите Ctrl + Enter.

Комментарии (8)

  1. 0
    3 года назад

    Меня, например, больше волнует вопрос, как делать дизайн сайта под этот самый адаптивный. Какой размер брать за ведущий (раньше брала +- около 1000 px стандартную ширину страницы)? Какой делать дополнительно? Недавно делала - взяла по минимальному размеру все страницы. (верстальщику не помогло, но там и так тяжелый случай).

    • 0
      Anna Maria Rubtsova
      3 года назад

      Добрый день. Что вы имеете в виду под "ведущий размер"? Если это - ширина сайта на мониторах, то тут нет четкого значения, все зависит от запланированного вами функционала и дизайна. Основой для макета берите ширину того устройства, пользователи которого будут преобладать на вашем сайте. Сейчас в мире есть разные теории, так называемый mobile-first дизайн предполагает создание сначала макета мобильной версии сайта, а позже развертывания ее в десктопную. Некоторые делают наоборот.
      По поводу верстки.
      Договоритесь с верстальщиком какую сетку вы будете использовать. Допустим у вас 12 колоночная сетка на сайте. Все блоки сайта должны вписываться в определенное количество колонок. Например этот сайт построен по принципу 12 колоночной верстки. Далее используйте такое понятие как @media. И определяйте какое количество колонок будет занимать элемент на разных экранах. Вообще в двух словах трудно описать адаптивный дизайн и верстку. Могу дать совет, для начала попробуйте использовать существующие фреймворки в верстке сайтов. Это здорово сократит время верстальщику, да и у вас появится понимание того, как работает адаптивная верстка. Пример - http://getbootstrap.com/

      • 0
        Андрей Елисеев
        3 года назад

        видела, спасибо.
        "средний размер экрана" в наше время - понятие расплывчатое. про блоки в курсе, спасибо.

  2. 0
    4 года назад

    Тошнит уже от этого вопроса! Нужно или не нужно, конечно нужно. Вот только сколько заказчиков готовы заплатить за такую КАЧЕСТВЕННУЮ работу? И сколько дизайнеров готовы осознанно за неё взяться? Сейчас, к сожалению, заказчику под видом адаптивной вёрстки втюхивают резиновый сайт. Многие верстальщики, даже опытные, не могут потом сверстать задуманный сайт и в итоге получается несколько версий сайта, вместо одного.

    Вопрос к Семёну: Может ли он показать готовое собственное творение по этой теме?

    P.S. Накипело уже, а таких абстрактных статей валом. Лучше бы Вы осветили проблему со стороны заказчика. Рассказали, что это за зверь такой, адаптивный сайт, что нужно будет жертвовать некоторыми элементами оформления, почему эта работа на порядок больше чем обычный сайт и т.д.

    • 0
      Konstantin
      4 года назад

      Ух ты, хороший вопрос.
      Только в ответ у меня возникает свой - вы хотите оценить мою работу как дизайнера и арт-дира, или, может, предлагаете мне сотрудничество? иначе зачем вам мои работы? ;)
      Насчет отличия абстрактности и конкретики - почитайте статьи у меня на блоге. Я довольно ясно писал, как делать не разные версии страниц, а именно респонсивный сайт. Почитайте и Бирмана, он тоже этот вопрос хорошо освещает.
      Насчет того что статья, по вашему мнению, неправильная (да?) - так она не совсем о заказчиках и не только для них.

      Но за идею вам спасибо, статью для заказчиков я напишу. Если дадите мейл - вам скину ссылку сразу же )

  3. 0
    4 года назад

    как скоро на этом блоге, будет адаптированная верстка??

  4. 0
    4 года назад

    Поддерживаю предыдущего оратора)

Чтобы оставить комментарий, необходимо авторизироваться

Подписаться

на самую полезную рассылку по интернет-маркетингу

Самое

обсуждаемое популярное читаемое