Формат SVG это не только векторный формат для объектов с обводками с градиентами. С помощью встроенных фильтров и анимаций в SVG можно собирать визуальные эффекты: анимировать движение, размывать изображение, менять его цвет, добавлять внутренние тени.

Вот пример где я объединил несколько таких эффектов в одну цепочку: чёрно-белый градиент движется по серому логотипу с внутренней тенью, изображение размывается и раскрашивается кривыми как gradient map, а также получает легкий нойз. Все это получается очень компактно, поскольку эти возможности есть в SVG — без шейдеров, WebGL и сторонних библиотек. Посмотрите исходный код.

Один из основателей «Подхода» Иван Лукьянов в подкасте Weekend Talk поделился своей историей и профессиональным опытом — от работы главным программистом в студии дизайна «Разумный подход» до позиции внешнего CTO.

Готовая платформа или собственная разработка: что выбрать для интернет-магазина? На первый взгляд вопрос простой, но за ним скрывается много работы и затрат. Те, кто хоть раз запускал e-commerce проект, знают: поначалу всё кажется легким. Однако именно здесь принимается первое и главное решение, которое повлияет на всё дальнейшее.

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

Вариант 1

Готовое решение, когда скорость важнее контроля

CMS и платформы для e-commerce — это годы разработки, упакованные в продукт. Существуют десятки систем в которых отлажена вся базовая часть — корзина работает, оплата подключается, каталог настраивается. Разработчики уже написали этот код, проверили его на тысячах магазинов и продолжают поддерживать.

Проблема появляется когда ваша бизнес-модель выходит за рамки типовой. Например, вы пришли к мысли что нужна работа с оптовыми покупателями. Но платформа изначально этого не предусматривала — и теперь вы либо ведёте два отдельных магазина, либо в базе у каждого товара по два варианта, либо просите своего разработчика изменить систему под ваши нужды и с этого момента обновления платформы вам закрыты.

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

Вариант 2

Собственная разработка, когда нужен полный контроль

Как только становится ясно, что существенную часть функциональности всё равно придётся делать «по-своему» появляется альтернатива: надо делать свой магазин, на удобном фреймворке . Сделать собственный движок означает, что архитектура отражает именно вашу бизнес-логику, а не логику обобщенного универсального интернет-магазина. Никаких чужих ограничений, всё работает именно так, как нужно вам.

Три вещи, которые часто недооценивают

Независимо от выбранного пути реализации движка сайта, есть несколько задач, объём которых почти всегда серьёзно недооценивают на старте. При том что это, по сути, ключевые составляющие интернет-магазина.

С описаниями особенно легко попасть в ловушку: вы знаете товары как свои пять пальцев и кажется что «и так понятно, что продаём». Но покупатель видит предложение впервые. Если он не понимает в деталях — он не купит. Неполная карточка товара создаёт ощущение заброшенности, покупатель уйдет к конкурентам. При высокой конкуренции в e-commerce планка качества контента постоянно растёт.

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

Принял участие в Design Fest 2025, который собрал множество талантливых и опытных дизайнеров из самых разных областей — UI/UX, веб, SMM, типографики, игрового дизайна, разработки приложений и многого другого. Получился отличный заряд вдохновения в живой, дружелюбной и энергичной атмосфере.

Даже небольшие задачи становятся поводом для внимательной работы с деталями. При создании визитной карточки для КЦЭПС было проработано 26 вариантов, каждый с разной компоновкой элементов и тонкой настройкой шрифтов. Такой подход к деталям характерен для всех наших проектов.

В 2025 году в iOS 26 добавили эффект Liquid Glass. Через некоторое время в Figma стал доступен эффект Liquid Glass для использования при создании макетов.

Вот что стоит помнить если в макетах встречается этот эффект:

1. В 2025 году ни у кого в портфолио не может быть рабочих проектов с Liquid glass. Он только появился. Если вы видите его в чьём-то портфолио  — он добавлен специально. И скорее всего там был эффект Backdrop blur.

2. Нет никакого смысла рисовать на реальных макетах Liquid Glass. Это системный эффект в iOS, разработчикам достаточно просто договориться где он будет. Поэтому наличие эффекта Liquid Glass в макете — признак презентации макета далёкому от разработки человеку.

3. На web по настоящему эффект можно повторить только с определёнными ограничениями. Выгоднее симулировать эффект.

4.Не стоит делать в дизайне ключевой акцент на эффект Liquid Glass в проектах, которые просуществуют дольше ближайшего года, условно до 2026. Сейчас эффект не моден у обычных пользователей, а потом перестанет быть чем-то особенным. Такое уже было со стилями типа Neumorphism, Glassmorphism, Aurora и т.п.

5. Не забывайте что iOS это только часть мобильного мира, и большинство пользователей видят стиль интерфейса Android, в котором нет нативной реализации этого эффекта.

Podhod Palette — это палитра приятных цветов, удобно организованных для дизайна в стиле «флэт», рисования иконок, создания иллюстраций и UV-развёрток при моделировании. Цвета отсортированы по градиентам и собраны в группы: цвета человеческой кожи, природы, огонь, небо, растений, земли, металла.

В палитре нет лишних острых цветов и web-safe colors. Палитра доступна в PNG как картинка 16×16, крупный PNG для расположения непосредственно на холсте изображения, PSD для самостоятельного редактирования и добавления промежуточных цветов, и, конечно, в стандартных форматах цифровой палитры ACO и ASE. Подходит для Adobe Photoshop, Adobe Illustrator, Procreate, Affinity Designer, Krita, PaintTool SAI, Manga Studio, MagicaVoxel, VoxelShop.

Используйте плагины Crocoblock для Wordpress c Elementor. 

Элементор — это современный визуальный редактор темы оформления и содержания страниц для создания сайтов на Wordpress, не требующий программирования, и с использованием готовых шаблонов или вашего дизайна. А Крокоблок — это огромное число плагинов, названия которых начинается на «Jet», которые значительно расширяют возможности Elementor и WP.

Виджеты, мегаменю, конструктор и фильтры для WooCommerce и многое другое. Существуют расширения JetBooking и JetApointment, для создания сайтов резервирования мест в гостинице или записи на услуги. Важнейшим является плагин Crocoblock JetEngine — это конструктор взаимосвязей разных типов данных. Используется для создания CPT и Dynamic Fields которые возможностями интегрированы c Elementor, чем преимущественно отличается от аналогов: ACF, Pods или Toolset Types. Это позволяет легко создавать сложный вывод листинга архивов, кастомизацию содержания и оформления записей. Тем самым, Крокоблок облегчает жизнь разработчика под Вордпресс в 90% регулярных задач.

Сперва на сайт с WP устанавливается бесплатный плагин Elementor, потом Crocoblock. И можно даже не ставить Pro версию Элементора, если не требуются его возможности, поскольку в JetElements есть более функциональные аналоги.

На официальном сайте и в ютубе есть большой объём хорошей документации, множество видеоуроков, существует большое сообщество, выходят постоянные обновления. Разработчики принимают пожелания в Github ведут группу в фэйсбуке. Проект быстро крепнет, будет дальше развивается и уверенно поддерживаться.

Приобрести плагин Crocoblock

Приобрести плагин Elementor Pro

Сбербанк меняет название и логотип. Из написания пропадают буквы «БАНК» остаются «СБЕР», шрифт становится гротеском со стилеобразующими срезами. Тройная галочка в знаке превращается в одну, круг становится окружностью и обретает градиент из голубого, жёлтого и зеленого цветов. 

Обращают на себя внимание детали. В букве С нет строгой симметрии. Срезы у Б и Е не скомпенсированы по длине. Положение и толщина горизонтальных средних штрихов в Б, Е, Р решены без рифмы. Короткий штрих галочки имеет отличный от других наклон.

До этого Сбербанк менял логотип 14 декабря 2009 года.

Skype — удобный бизнес инструмент, из-за возможностей проведения аудиоконференций до 25 человек и демонстрации экрана.

Желая сформировать рынок приложений на собственной платформе Microsoft в какой-то момент создала единую платформу (Universal Windows Platform, UWP) и магазин для приложений Microsoft Store Apps. Эти приложения отличались от привычных, в первую очередь, ограничениями безопасности. Это привело к тому, что для Windows стало две версии Skype, старая десктопная и универсальное приложение, внешне не отличающихся ничем, кроме нескольких настроек.

И с тех пор Microsoft не может от этих версий отказаться. Вот, например, разводящее окно приложений Office 365, в котором присутствуют два Скайпа.

Стоит заметить, что под Виндоус можно запустить ещё и другие современные версии Skype — существует ещё Skype for Business, для звонков до 250 человек, а также в браузере можно запустить Skype for Web.

Посмотрите на тенденцию в изменениях логотипов известных компаний за 10 лет, с 2010 до 2020 года. Заметна склонность к упрощению форм, уменьшению деталей контуров, уменьшению числа цветов, повышению контраста и читаемости. Такую склонность к «flat design» можно объяснить увеличением популярности мобильных устройств за прошедшее десятилетие. Аккуратные и лаконичные векторные формы удобны как разработчикам, так и пользователям для восприятия графики на небольших экранах.

Подборку опубликовал дизайнер Modesto Garcia.

Обновился стиль бренда операционной системы Android. На смену тяжелому написанию пришла облегчённая версия шрифта, а в качестве логотипа теперь только голова робота. Важным отличием является изменение палитры — теперь в логотипе используется зеленый цвет, который хорошо различим людьми с ограниченными возможностями цветового восприятия.

Отмечу, что несколько лет назад, в 2016 году, у компании Гугл был схожий шаг, изменение основного цвета в магазине приложений Google Play.

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

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

• Мелкие детали, неудобные при использовании в печати;
• Неприятные острые углы и маленькие расстояния между элементами знака мешают использовать знак в мелком размере;
• Большое количество цветов — восемь;
• Один из цветов лишком бледный;
• Из-за своей формы, буква «Ф» слишком выделяется.

Как можно улучшить такой логотип, чтобы изменения были не очень заметны?

• Слегка увеличить мелкие детали;
• Немного развернуть острые углы и увеличить расстояния между элементами знака;
• Перекрасить элементы, чтобы осталось только четыре цвета;
• Заменить бледный цвет на более активный;
• Снять заглавные буквы и найти подобный шрифт, в котором буквы бы выглядели более равномерно и свободно.

Идёт распродажа плагина Elementor Pro для Wordpress, скидка 20%. 

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

Сперва устанавливается бесплатный плагин Elementor. А к нему приобретенный плагин-расширение Elementor PRO, который серьезно увеличивает возможности: библиотека готовых страниц, конструктор тем и попапов, создание своих шаблонов. Подходит и начинающим и опытным разработчикам. Элементор можно использовать как инструмент прототипирования будущего сайта.

Есть большой объём хорошей документации, множество видеоуроков, существует большое сообщество, огромное количество расширений от других разработчиков. Разработчики ведут Github и несколько групп в фэйсбуке. Всё это хорошие признаки того, что проект будет только больше развиваться и уверенно поддерживаться.

Приобрести плагин Elementor Pro

Основные изменения на сайте:

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

В графическом дизайне встречаются устойчивые формы и образы, которые приходят в голову независимо разным людям или заимствуются неосознанно. Являются ли такие логотипы плагиатом, умышленным заимстовованием, оригинальной интерпретацией с использованием общего знака, пиктограммы, архетипа, сверхобраза — вопрос субъективный.

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

• В 1972 году Иван Сергеевич Чермаев создал логотип для строящегося посёлка в Огайо.
• В 1984 году появился логотип для марки сыров «Real California Cheese».
• В 2006 году Скотт Томас спроектировал логотип для избирательной компании «Obama 08».
• В 2011 году появился логотип системы защиты географических указаний и гарантии традиционных особенностей в Европейском союзе.
• В 2012 году обновился логотип у российской «Партии дела».
• В 2018 году был создан логотип для товаров, произведенных в Еврейском автономном округе (ЕАО).

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

Игра Vampire's Gold Logic Puzzle теперь абсолютно бесплатна. Приглашаем испытать себя в ней тех, кто до этого не решался.

Также, в честь этого события, предлагаем бесплатные стикеры для Telegram по игре Vampire's Gold из игровых спрайтов. Часть из них никто до этого не видел, поскольку не вся графика потребовалась финальному дизайну игры, но сами по себе изображения очень хороши.

Этапы поиска пиктограммы «электронная почта», которая считывается одновременно и крупным объектом и в растровой сетке, в мелком размере. Последовательная метаморфоза от «конверта», устаревшего образа, слева вверху, до «стрелки в инбокс», метафоры, по форме напоминающей конверт, справа внизу.

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

Палитра фирменных цветов студии дизайна Разумный подход.

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

Не путайте с палитрой цветов Podhod Palette для рисования и моделирования.

Сообщение об ошибке, появляющееся при прохождении тестирования на сайте онлайн образования, обвиняет пользователя в неправильном поведении.

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

Демонстрация интерфейса Fontlab 6 при работе с новым понятием шрифтостроения — вариативными настройками шрифта. Такие настройки позволяют шрифтовику указать, какие элементы знаков могут быть в последствии настроены дизайнером при использовании готового шрифта. Например, менять изменение габаритов знаков, жирность, овальность, ширину засечек.

Игрок-обзорщик инди-игр Jupiter Hadley снял летсплей на игру Vampire's Gold Logic Puzzle в рамках хелоуинской недели инди-игр.

Игра Vampire's Gold Logic Puzzle для Андройд доступна на Goolge Play, а также бесплатно на Itch.io. Подробнее об игре в нашем портфолио.

Получили первый англоязычный обзор на игру Vampire's Gold Logic Puzzle. Почитайте, в обзоре похвалили стиль нашей игры и очень метко описали его короткой фразой:

Vampire's Gold is a great Sokoban Game, where Indiana Jones meets Count Dracula.

Игра-головоломка Vampire's Gold Logic Puzzle рассчитана на короткие игровые сессии, существует только на Андройде и доступна на Goolge Play, а также бесплатно на Itch.io. На странице игры на Фэйсбуке вам может посчастливиться найти свободный промокод к установке игры.

Подробнее об игре можно узнать в нашем портфолио.

Дизайнер Марк Эдвардс записал процесс создания множества различных пиктограмм. В записи процесса видно, как можно воссоздавать такую векторную графику простыми действиями. Но не стоит забывать, что самое сложное в этом деле — предварительно придумать сами конструкции иконок, которые бы выглядели просто и при этом хорошо считывались.

В письме рассылки компании Microsoft название «Программа предварительной оценки» используется практически в каждом предложении. При этом, из всей стены текста новостную нагрузку имеет только пара предложений о том, что в скором времени будет опубликован новый текст условий.

Ставить основную ссылку на слово «здесь» неправильно. Во-первых, это создаёт акцент на ненужном слове, вместо того чтобы выделить на что именно ведёт ссылка. Во-вторых, такая формулировка делает текст зависимым от самой гиперссылки и нарушает равномерное чтение. Лучше всего ставить ссылку на название или на призыв к действию. В данном случае это было бы уместно сделать на словах «обновленные условия участия» или «ознакомиться». К сказанному стоит добавить, что если бы текст был расположен на веб-странице, то ссылка с конкретных слов оказалась бы полезнее для индексирования поисковыми системами.