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

Веб-дизайн *

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

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

Как создать провокационный образ искусственного интеллекта без брифов и референсов

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

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

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

Новости

Может ли быть уязвимость в дизайне, контенте и CSS и разбор такой уязвимости(?) на Госуслугах

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

Кажется, что уязвимость - штука техническая, но на Госуслугах есть интересная комбинация уязвимостей (ну или, скажем, черт, особенностей) в сфере CSS, дизайна, юзабилити, которые мошенники используют в социальной инженерии.

Узнал я про это из вот этого ролика на ютубе. Смотрел фоном, не ожидая чего-то интересного, но в момент, когда я услышал, как жертва атаки видит телефон мошенника на официальном сайте Госуслуг, с правильным адресом, с валидным сертификатом я не поверил своим ушам и понял, что это уже интересно... А за открытие уязвимости мы должны благодарить неизвестного мошенника, "сотрудника клиентской службы сотового оператора" или "службы безопасности сбербанка", ну вы понимаете.

Как CSS-стили помогают мошенникам
Всего голосов 60: ↑60 и ↓0 +60
Комментарии 48

Трудности перевода: как научиться понимать то, что нарисовал дизайнер

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

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

Если у вас только один фронтенд, все еще не так плохо. Однако, когда их количество достигает 10, микроошибки в компонентах могут отнимать до 200-300 человеко-часов в год. С учетом современных зарплат, это значительная сумма. А помимо фронтенда у нас также есть бекенд, девопс и тестирование, что также требует значительных затрат. Давайте вместе разберемся, как можно справиться с этой проблемой.

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

Как наложить макет на вёрстку через PerfectPixel

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

Привет! Меня зовут Сергей Криворучко, я работаю наставником на курсе «Фронтенд-разработчик» в Практикуме. Иногда у студентов возникают сложности с PerfectPixel — расширением Chrome, совмещающим макет из Figma с вёрсткой в браузере.

В этом материале я расскажу, как корректно экспортировать макет, установить PerfectPixel, управлять расширением и находить элементы страницы, которые стоит поправить на вёрстке. Для примера взял макет, с которым работают студенты на курсе.

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

Истории

Про локацию в профиле

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

У меня многолетний опыт удаленной работы из разных локаций мира от привычных фрилансерских островов Юго-Восточной Азии до мировых столиц вроде Лондона. В этой заметке я хочу рассказать о своих наблюдениях. И показать, насколько сильно локация влияет на возможности в go global!

1️⃣ У всех людей, включая потенциальных работодателей, клиентов или кастомеров, есть "географические" стереотипы и предрассудки. Прежде всего о стоимости услуг или зарплате. 

Например если американский клиент видит фрилансера из Лондона, то не ожидает низкой цены услуг. И просто находясь в Лондоне, автоматически фильтруются все мелкие чеки. 

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

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

2️⃣ Или например на второй год странствий немало талантливых дизайн-агентств мск/спб планирует переезд в Барселону. Про быт нет вопросов: считаю этот город лучшим в мире для жизни. 

Но делать свое агентство барселонским - это значит:

а/ Задать невысокие ожидания по чеку: для американского бизнеса что Барселона, что Верона, что Лиссабона - примерно одно и то же. Читай: "в Европе закажем подешевле". А чеки побольше будут уходить тем, кто переехал в Лондон, Нью-Йорк, Долину или хотя бы в Дублин.

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

Почему типичные дизайн-подходы оказались неприменимы к интерфейсу для производств

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

После того как я впервые съездила на завод, стало понятно, почему в дизайнеров кидаются тапками.

Мы работали на ярких прикольных аймаках, проектируя интерфейсы MES-систем в соответствии с трендами. А потом своими глазами увидели, в какой ад для сотрудников производства это превратилось.

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

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

Как я создал электронную проходную по Qr-кодам

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

Будучи являясь студентом, нам предложили поучаствовать в одной программе. В данной программе нам преподавали курсы из различных областей, как бизнеса, так и программирования. Вот некоторые из них: «Основы.NET и знакомство с платформой разработки веб‑приложений», «Азы программирования на основе 1С», «HTML и CSS», «Навыки работы с системой управления версиями Git», «Javascript».

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

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

Главный принцип разработки интерфейсов

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

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

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

Читать далее
Всего голосов 29: ↑24 и ↓5 +19
Комментарии 55

Как правильно смотреть и использовать конкурентов на пользу продукту: 5 неочевидных практик

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

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

К концу статьи вы узнаете:

1. Почему копировать — не лучшая затея;
2. Что делать, если конкурентов нет;
3. На что смотреть в чужих продуктах;
4. Зачем рассказывать пользователям о сильном конкуренте;
5. Как не стать унылой копией конкурентов.

Узнать секреты конкурентного анализа
Всего голосов 17: ↑11 и ↓6 +5
Комментарии 3

В потоке лендингов: путь к автоматизации

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

У нас полно лендингов и бизнес просит еще! Но каждый новый лендинг нужно проводить по процессу. Хочется автоматизации - нужен конструктор! Я неоднократно читал статьи на Хабре про самописные решения – 5 лет, и все в лучшем виде, но для нас это "too much". Мы уложились менее чем за год с "Bitrix". До этого серьезно прошерстили рынок на предмет типовых решений, а также отбросили вариант решения с нуля. Расскажу о процессе выбора и что мы в итоге получили.

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

Как дизайнеры воруют и почему это нормально

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

Долго думал писать или не писать эту статью, ведь скорее всего святые моралисты закидают меня помидорами. Но давайте будем реалистами, 70% дизайна продукта это применение бест практис от других продуктов, смежных или нет - пофиг.

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

Можно ли получить из нейронки рабочий дизайн интерфейса?

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

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

Читать далее
Всего голосов 14: ↑11 и ↓3 +8
Комментарии 30

И вспыхнет пламя! Приглашаем UX/UI-дизайнеров на баттл с призом 100 000 рублей для победителей

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

Уже покорили все известные вам конкурсы или только хотите влиться в тусовку? Заходите на огонёк: в ноябре 2023 года устроим испытание вашему креативу и навыкам работы с Figma на Pyrobattle 2023.

Узнать про Pyrobattle
Всего голосов 5: ↑2 и ↓3 -1
Комментарии 5

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

Битва пет-проектов
Дата 25 сентября – 30 ноября
Место Онлайн
Яндекс Backend Tour
Дата 13 – 26 ноября
Время 18:00 – 23:00
Место Москва Нижний Новгород Екатеринбург Новосибирск Санкт-Петербург Онлайн
SMM TRENDS
Дата 22 ноября
Время 14:00 – 19:00
Место Онлайн
HighLoad++ 2023
Дата 27 – 28 ноября
Время 9:00 – 20:00
Место Москва Онлайн
Открытая трансляция Главного зала HighLoad++ 2023
Дата 27 – 28 ноября
Время 10:00 – 20:00
Место Онлайн
Business Code Conference
Дата 30 ноября
Время 17:30 – 00:00
Место Москва
Импульс Т1
Дата 1 декабря
Время 12:30
Место Москва Онлайн
YaTalks 2023 — главная конференция Яндекса для IT сообщества
Дата 5 – 6 декабря
Время 9:00 – 23:59
Место Москва Белград Онлайн

Чем отличается работа продуктового дизайнера в стартапе и большой корпорации

Время на прочтение 6 мин
Количество просмотров 936

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

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

Почему я почти никогда не начинаю проектирование (или дизайн) сайта с главной страницы

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

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

Главная страница сайта — это вишенка на торте. Я буду точно знать, из чего она состоит и как работает после того, как будут спроектированы все остальные разделы.

Читать далее
Всего голосов 26: ↑25 и ↓1 +24
Комментарии 12

Почему 80% курсов не сделают из вас дизайнера

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

На дворе 2023 и казалось бы, про IT профессии трубят из каждого утюга, но реальный процент людей который туда попадает печально низок.

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

Чем отличается синтетическое событие клика от обычного в javascript фреймворках?

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

Сегодня, стало более ли менее стандартом использование синтетических событий в современных js фреймворках, нежели обычный addEventListener. Но, как же работают эти события? В данной статье, я постараюсь на примере Cample.js версии 3.2.0-beta.1 рассказать об этом.

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

Создание мультиязычного вебсайта: для Китая и других регионов

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

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

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

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

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

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

Оценка стоимости дизайна сайтов для дизайнеров-фрилансеров

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

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

На старте дизайнеру-фрилансеру от клиента часто приходит очень расплывчатый запрос. Что-то типа "Дизайн для сайта стоматологии" или "Лендинг про пластиковые окна".

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

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

Dezarmus как раз призван решить эти две ситуации. Причём с минимальной входной информацией.

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

Пять причин почему нужно участвовать в диджитал конкурсах и отраслевых рейтингах + чек-лист для подготовки кейса

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

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

Всем привет, я — Саша Комбаров, руководитель в веб-студии. В начале 2022 года мы обстоятельно подошли к участию в конкурсах сайтов и приложений, а также отраслевых рейтингах: составили таблицу с российскими и зарубежными конкурсами и рейтингами, выбрали кейсы, назначили ответственных... Спойлер — все пошло не по плану :)

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

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

Работа

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