Как стать автором
Обновить
59.52

Веб-дизайн *

Дизайн спасет мир

Сначала показывать
Порог рейтинга
Уровень сложности

Как использовать нейросети веб-студиям и вымрут ли дизайнеры. Бесплатная нейросеть онлайн и как пользоваться Midjourney

Уровень сложности Простой
Время на прочтение 6 мин
Количество просмотров 9.6K

Совсем недавно устраивались интернет протесты и практически похороны художников в связи с появлением нейросети Midjourney. Сейчас ИИ, которые генерируют изображения, достаточно много. Сбер и Яндекс запустили свои нейросети. 

Как это повлияет на веб-дизайнеров и пора ли им подыскивать новую профессию? Или нужно подойти с другой стороны, запрячь искусственный интеллект и использовать в своих целях? Разбираемся! 

Как использовать нейросеть
Всего голосов 11: ↑9 и ↓2 +7
Комментарии 14

Как создать сайт на фреймворке Cample.js?

Уровень сложности Средний
Время на прочтение 4 мин
Количество просмотров 7.4K

В данной статье будет описано небольшое руководство по тому, как создать сайт на таком фреймворке как Cample.js. На момент написания статьи (версия 3.1.1), фреймворк уже более года находится в разработке. За это время был реализован минимальный функционал для создания современных веб-приложений.

Читать далее
Всего голосов 12: ↑7 и ↓5 +2
Комментарии 11

Что не так с дизайнерами интерфейсов. Есть ли разница между UX/UI и продуктовым дизайнером?

Уровень сложности Простой
Время на прочтение 5 мин
Количество просмотров 47K

В 2023 году слово «дизайнер» трактуется по-разному. Для одних — это специалист, который создает графику или работает с 3D, для других — человек, который занимается изучением клиентского опыта и созданием пользовательских сценариев, а для третьих — художник и деятель искусства. Работа звучит абсолютно по-разному, хотя и те и другие являются дизайнерами. Какие дизайнеры на IT-рынке бывают на сегодняшний день:

Читать далее
Всего голосов 10: ↑10 и ↓0 +10
Комментарии 13

Базовые принципы UX для frontend-разработчика

Уровень сложности Простой
Время на прочтение 9 мин
Количество просмотров 15K

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

Дизайн превью: Марина Четвертакова

Читать далее
Всего голосов 8: ↑7 и ↓1 +6
Комментарии 6

Истории

Как разработать персональный план развития для UX-дизайнера: примеры PDP и шаблон для самостоятельной работы

Время на прочтение 13 мин
Количество просмотров 7.4K

Привет! Меня зовут Ксения Гаврилова, я дизайн-менеджер команды продуктовых дизайнеров в Selectel. Определяю и поддерживаю дизайн-процесс и качество дизайна продуктов в компании, занимаюсь поиском и онбордингом людей в команду, помогаю дизайнерам развиваться.

Развитие для меня – это в основном про анализ своих компетенций и систему маленьких шагов. Этим двум критериям отвечает концепция personal development plan (план личного развития). О PDP и его внедрении в трек развития UX-дизайнеров в Selectel я расскажу в тексте. Надеюсь, у вас получится переиспользовать его в своей работе.

Что полезного вы узнаете:

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

Также дам примеры целей и развивающих действий для UX-дизайнеров. Вы сможете опираться на них при формировании собственного плана развития.
Читать дальше →
Всего голосов 32: ↑32 и ↓0 +32
Комментарии 4

ADI в пользовательском интерфейсе

Уровень сложности Средний
Время на прочтение 6 мин
Количество просмотров 1.5K

ADI (Artificial Design Intelligence) – это технология, использующая искусственный интеллект (ИИ) для автоматизации дизайна и графики. Её можно применять не только в дизайне, но и в веб-дизайне, архитектуре, производстве и других областях. Основная идея заключается в ускорении и упрощении создания дизайн-проектов, делая их более эффективными и доступными.

Стоит отметить, что ADI – относительно новая технология с постоянно расширяющимися возможностями. Она позволяет исследовать и использовать ИИ для улучшения дизайна и сделать его более инновационным и эффективным. Искусственный интеллект также влияет на дизайн пользовательских интерфейсов (UI).

В настоящее время существует ряд различных инструментов на базе ИИ, которые могут помочь дизайнерам создавать более качественные пользовательские интерфейсы и включают в себя такие аспекта ADI как:

Читать далее
Рейтинг 0
Комментарии 0

Дебаты по Tailwind CSS: ещё один классный инструмент, отвергнутый веб-пуристами

Уровень сложности Простой
Время на прочтение 4 мин
Количество просмотров 5.2K

Tailwind CSS — как фреймворк для разработчиков довольно прост в понимании. По сути, он позволяет вам встраивать код CSS в ваш HTML код. Чтобы, как говорится в слогане Tailwind: «быстро создавать современные веб‑сайты, не покидая HTML». Таким образом, это избавляет разработчиков от необходимости контекстно переключаться с HTML на таблицу стилей CSS.

Собственная документация Tailwind указывает на распространенное возражение против такого подхода: «разве это не просто встроенные стили?» Те из вас, кто жил в 1990-х годах, наверняка помнят, что когда‑то, еще до того, как произошла революция CSS, им приходилось добавлять разметку стилей в свои HTML‑файлы. Но, по словам Tailwind, его подход «утилитарного класса» предлагает больше функциональности, чем встроенные стили, включая возможность создавать адаптивный дизайн (дизайн, адаптированный для мобильных устройств).

Таким образом, простота использования — особенно по сравнению с кодированием и последующим обслуживанием CSS‑файла — и возможность создавать свой стиль внутри HTML являются основными причинами, по которым многие разработчики любят Tailwind.

В своем посте Мэтт Рикард добавил в качестве ключевых преимуществ фреймворка следующие пункты:

Далее...
Всего голосов 12: ↑10 и ↓2 +8
Комментарии 13

Снова о вечном: нужно ли продуктовому дизайнеру уметь программировать?

Уровень сложности Средний
Время на прочтение 5 мин
Количество просмотров 1.6K

Рано или поздно каждый продуктовый дизайнер сталкивается с вопросом: нужно ли ему уметь программировать? Есть краткий ответ: дизайнеру не обязательно уметь программировать, но давайте копнём глубже.

Под продуктовым дизайнером в статье имеется в виду дизайнер цифровых продуктов, UI/UX-дизайнер, и остальные подходящие названия, которые сейчас в ходу на рынке.

Читать далее
Всего голосов 10: ↑10 и ↓0 +10
Комментарии 1

Что такое autoscale и с чем его верстают

Уровень сложности Средний
Время на прочтение 7 мин
Количество просмотров 4.5K

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

Читать далее
Всего голосов 7: ↑4 и ↓3 +1
Комментарии 4

Безболезненное изменение кнопки оплаты

Уровень сложности Средний
Время на прочтение 4 мин
Количество просмотров 1.3K

Безболезненное изменение кнопки оплаты

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

Читать далее
Всего голосов 12: ↑7 и ↓5 +2
Комментарии 11

5,5 миллионов рублей на product дизайне за год

Уровень сложности Простой
Время на прочтение 4 мин
Количество просмотров 3.3K

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

Спустя 4 года я буду с улыбкой вспоминать об этом и благодарить судьбу, что не дала мне совершить ту роковую ошибку.

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

Читать далее
Всего голосов 16: ↑3 и ↓13 -10
Комментарии 12

Продаём тимлиду идею Server/Backend-Driven UI

Уровень сложности Средний
Время на прочтение 6 мин
Количество просмотров 7.3K

Привет, меня зовут Андрей Гончаров, я Frontend Developer в Mish Product Lab. Сегодня подробно разберёмся, что такое Server/Backend‑Driven UI, как с ним работать и зачем он вообще нужен.

Читать далее
Всего голосов 6: ↑6 и ↓0 +6
Комментарии 4

Как приготовить хорошие cookies: 57 гайдлайнов

Уровень сложности Средний
Время на прочтение 7 мин
Количество просмотров 1.6K

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

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

Читать далее
Всего голосов 9: ↑5 и ↓4 +1
Комментарии 3

Ближайшие события

Московский туристический хакатон
Дата 23 марта – 7 апреля
Место
Москва Онлайн
Геймтон «DatsEdenSpace» от DatsTeam
Дата 5 – 6 апреля
Время 17:00 – 20:00
Место
Онлайн
PG Bootcamp 2024
Дата 16 апреля
Время 09:30 – 21:00
Место
Минск Онлайн
EvaConf 2024
Дата 16 апреля
Время 11:00 – 16:00
Место
Москва Онлайн

Цикл жизни дизайн-систем

Уровень сложности Простой
Время на прочтение 9 мин
Количество просмотров 2.3K

Цикл жизни системы можно изобразить в виде условной параболы, где в начале находится ничто, либо более примитивная система. Вас позвали сделать дизайн-систему в компании? С чистого листа не начнёте, всегда есть что-то в начале: брендбук, старый ui-kit сделанный вашими предшественниками, наработки интерфейсов, или устаревшее легаси. А также есть вы, как источник силы для всех будущих изменений. С этим вы и начинаете.

Читать далее
Всего голосов 9: ↑9 и ↓0 +9
Комментарии 0

Чем отличается реализация non-keyed от keyed в javascript фреймворках?

Уровень сложности Средний
Время на прочтение 2 мин
Количество просмотров 2.1K

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

Читать далее
Всего голосов 1: ↑1 и ↓0 +1
Комментарии 2

Experience — не просто опыт. Interface — не просто экран

Уровень сложности Простой
Время на прочтение 7 мин
Количество просмотров 2.6K

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

Меня зовут Илья Шапеев, сейчас я проджект-менеджер на web-проектах в дизайн-студии ЦЕХ, а в прошлом — UX-дизайнер. В статье расскажу о том, как я пытался разобраться в определениях UX, UI, почему их недооценивают и почему важно понимать суть своей специальности.

Читать далее
Всего голосов 19: ↑18 и ↓1 +17
Комментарии 8

КОГДА УМЕСТЕН CAPS LOCK, как расставить акценты и другие заметки о типографике

Уровень сложности Простой
Время на прочтение 7 мин
Количество просмотров 3K

Привет. Меня зовут Костя, и я отвечаю за дизайн в AGIMA. Мы занимаемся дизайном интерфейсов. Особенность нашей работы в том, что во многих проектах мы не можем управлять контентом. Например, когда мы делаем какой-нибудь магазин, мы задаем «гнезда», в которые потом система или контент-менеджер вставит фото товаров, цену, описание и т. д. Каталог товаров формируется динамически, а состав главного меню может поменять продакт-оунер после A/B-тестов или хотелок инвестора. Даже надписи на кнопках правит UX-райтер.

Читать далее
Всего голосов 15: ↑15 и ↓0 +15
Комментарии 6

Способы позиционирования макетов в Figma, их преимущества и недостатки

Уровень сложности Простой
Время на прочтение 7 мин
Количество просмотров 5.6K

Меня зовут Павел Анплеенко, я старший дизайнер в Группе "Иннотех".

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

Читать далее
Всего голосов 2: ↑2 и ↓0 +2
Комментарии 7

Как сделать редизайн сервиса: рассказываем на примере средневекового замка

Время на прочтение 4 мин
Количество просмотров 2.8K

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

Читать далее
Всего голосов 15: ↑14 и ↓1 +13
Комментарии 7

Создаем веб-сайт, будто на дворе 1999 год

Уровень сложности Простой
Время на прочтение 16 мин
Количество просмотров 36K

Задумывались ли вы когда-нибудь о том, как жилось веб-разработчикам 20+ лет назад, когда всемирная паутина была явлением совершенно новым, а чтобы войти в неё, приходилось некоторое время слушать специфические звуковые сигналы, JavaScript и CSS воспринимались скорее как диковинка, а не как привычные средства разработки веб-сайтов, а самым популярным браузером был Internet Explorer? Что ж, вероятнее всего, нет... Но, если у вас найдется несколько свободных минут и вы захотите разобраться в очередной бесполезной штуке — эта статья вас не разочарует!

Читать далее
Всего голосов 85: ↑84 и ↓1 +83
Комментарии 84

Вклад авторов

Работа

Веб дизайнер
36 вакансий