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

Веб-дизайн *

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

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

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

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

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.8K

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

Читать далее
Всего голосов 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.4K

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

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

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

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

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

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

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

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

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

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

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

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

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

Часто, при разработке сайтов на фреймворках, не придаётся особого внимания деталям, которые в данный фреймворк включены. И это нормально, ведь главная задача фреймворка - чтобы удобно было сайт делать и чтобы он был быстрым и функциональным. Но, эти детали тем и интересны, что узнав некоторые моменты, взгляд на 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 мин
Количество просмотров3.2K

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Выбор города в интернет-магазине: 90+ моментов, которые стоит учесть при проектировании

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

Функция выбора города есть в подавляющем большинстве интернет-магазинов. Почему? Потому что от города могут зависеть условия доставки, цены, ассортимент каталога товаров и многое другое.

Казалось бы — что здесь сложного? Проверил, правильно ли сайт определил город. Если нет — выбрал нужный. И всё. Но на деле при проектировании этого процесса и интерфейса есть много тонкостей, на которые стоит обратить внимание.

В этой статье — чек-лист из 90+ гайдлайнов на основе анализа топ-100 интернет-магазинов РФ по выручке за 2022г.

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

UI. Интерфейс не должен отвлекать

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

Dgrm.net

Стараюсь сделать хороший редактор блок-схем. Вот что получается.

Человек может одновременно держать в памяти 7 элементов: 7 цифр, 7 слов. Если в меню 7 пунктов - это удобно. Если больше - нужно разбивать на блоки. Так сделано во всех программах.

Читать далее
Всего голосов 15: ↑13 и ↓2+11
Комментарии24

Новый перспективный веб-фреймворк Cample.js. Реактивность без VDOM

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

Всем привет! В данной статье я бы хотел рассказать о таком фреймворке как Cample.js.

На сегодняшний момент (версия 3.0.1), фреймворк является активно поддерживаемым в разработке нового функционала. Есть поддержка работы с данными, которые благодаря реактивности без виртуального DOM отображаются крайне быстро. Пример тестов.

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

Как сделать доступный UI, несмотря на хорошее ТЗ

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

Привет! Меня зовут Евгений Подклетнев. В ИТ с 2011 года. Сначала занимался внедрением информационных систем, прошел путь до менеджера по внедрению. Последние 6 лет занимаюсь системным анализом. Сейчас я старший системный аналитик, в том числе выполняю функции дизайнера пользовательских интерфейсов в КРОК. 

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

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

Как оценивать задачи и подружиться с дедлайнами

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

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

Всем привет! Меня зовут Маргарита, я UI/UX дизайнер в компании Tourmaline Core. В этой статье решила поделиться своим опытом, набитыми шишками и успешными практиками, и разобраться, что нужно учесть при оценке времени выполнения задачи.

Статья будет полезна как начинающим дизайнерам, так и другим специалистам, сталкивающимся с горящими дедлайнами и проблемами в оценке задач.

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

Китайские сайты такие китайские

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

Приходилось ли вам когда-нибудь посещать китайские веб-сайты? Если владельцы не позаботились об адаптации под западный «глаз», то, скорее всего, они покажутся вам нагромождением иероглифов, кричащих картинок и ярких баннеров. Однако, прежде чем шутить про веб-дизайн нулевых, стоит разобраться, какое влияние на дизайн сайтов оказали поведение пользователе и культурные особенности страны.

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

Дисклеймер. Ничего из сказанного ниже не стоит воспринимать как камень в огород китайского дизайна и его создателей. Все, о чем пойдет речь в статье, просто непривычно европейцу.

Читать далее
Всего голосов 38: ↑34 и ↓4+30
Комментарии46

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

Работа

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