Сообщество Дизайнеров🎨
4.76K subscribers
984 photos
660 videos
2 files
720 links
Максимально полезные статьи для дизайнеров

Ux/ui дизайн
Web дизайн
Бренд дизайн
Юзабилити
Графический дизайн
Инструменты
Скетчинг

По всем вопросам @evgenycarter
Download Telegram
Привет, Username! Приглашаем тебя на новый LifeTech-хакатон Цифрового Прорыва!

Для тебя мы подготовили крутецкие кейсы от Росатома, ДОМ. РФ, Департамента информационных технологий города Москвы, Транспортных инноваций Москвы!

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

Успей собрать команду 3-5 человек (или присоединиться к имеющимся), выбрать кейс и побороться за призовой фонд до 4.500.000 руб. 🚀🚀🚀

Регистрируйся прямо сейчас: https://leadersofdigital.ru/event/63010
This media is not supported in your browser
VIEW IN TELEGRAM
Используя сочетание Shift и + либо – вы можете быстро переключать режимы наложения выделенного слоя и сразу видеть результат.
This media is not supported in your browser
VIEW IN TELEGRAM
Простая техника сохранения тени при замене фона на другой, в случае если у вас есть объект с тенью на светлом фоне.
👍1
Media is too big
VIEW IN TELEGRAM
Эффект свечения

Учебное пособие по Photoshop | Эффект свечения
Иструмент для создания цветовых палитр и поиска иконок

https://www.materialpalette.com/
Вместе с нами научитесь рисовать и прокачаете свои навыки
⬇️⬇️⬇️
https://t.me/budni_illustratora

«Будни иллюстратора» - канал для начинающих и продвинутых иллюстраторов! 🎨

У нас вы найдете:
– вдохновение,

– новые фишки рисования на айпад,

– творческие коллаборации в мире моды,

– поэтапные мини-уроки-туториалы по анатомии/fashion/скетчингу,

– литературу по рисунку.

И многое другое для развития!

У нас самая уютная атмосфера для творчества, приглашаем к нам на канал https://t.me/budni_illustratora
👍1
This media is not supported in your browser
VIEW IN TELEGRAM
Вот так можно разместить множество дубликатов
объекта по указанному с помощью Pen Tool пути.
This media is not supported in your browser
VIEW IN TELEGRAM
Вот так можно объединить все видимые слои и моментально вывести результат на отдельный слой.
🧰 KOLOR — игра, где нужно как можно быстрее угадать цвет
Мега подборка каналов для программистов 🎯

https://t.me/progjob Вакансии для программистов

Системное администрирование 📌
https://t.me/sysadminof Книги для админов, полезные материалы
https://t.me/linux_sup Новости и информация из мира Linux
https://t.me/i_odmin Все для системного администратора
https://t.me/i_odmin_book Библиотека Системного Администратора
https://t.me/i_odmin_chat Чат системных администраторов

Программирование, фронтенд, Биг дата, мобильная р-ка, книги 📌
https://t.me/game_devv GameDev: разработка игр
https://t.me/Angular_Vuejs Angular Vue js React
https://t.me/frontend_1 Подборки для frontend разработчиков
https://t.me/Frontend_now Все для фронтендеров
https://t.me/react_prog Все что связано с reactjs
https://t.me/bookflow Лекции, видеоуроки, доклады с IT конференций
https://t.me/developer_mobila Мобильная разработка
https://t.me/Welcome_Python Добро пожаловать в мир Python
https://t.me/BookPython Библиотека Python разработчика
https://t.me/programmist_of Книги по программированию
https://t.me/BookJava Библиотека Java разработчика
https://t.me/java_sup Программирование на Java
https://t.me/proglb Библиотека программиста
https://t.me/bfbook Книги для программистов
https://t.me/imobile_dev Все по мобильной разработке: iOS, Android
https://t.me/database_group Все про базы данных
https://t.me/cloud_comp Облачные сервисы, вычисления и безопасность
https://t.me/bigdata_world Data Science, Big Data, Machine Learning

IT новости 📌
https://t.me/htech_news Новости HighTech
https://t.me/all_itnews IT новости на английском
https://t.me/gmorning_news Последнии новости из мира науки
https://t.me/youtips_tricks Технологические советы и хитрости

Шутки программистов 📌
https://t.me/dev_jokes Daily Dev Jokes
https://t.me/itumor ITumor | программисты шутят

SMM, Seo, Wordpress 📌
https://t.me/allsocial_news SMM / Советы, Новости, Лайфхаки
https://t.me/seo_go Новости по SEO продвижению сайтов
https://t.me/news_wordpress Канал о самой популярной CMS

Защита, взлом, безопасность 📌
https://t.me/crypto_security_lab Материалы по информационной безопасности
https://t.me/thehaking Канал о кибербезопасности
https://t.me/Hackme_news Новости из мира хакинга

Книги, статьи для дизайнеров 📌
https://t.me/ux_web Статьи, книги для дизайнеров
https://t.me/goodw_design Статьи по Веб дизайну

Должен знать 📌
https://t.me/UchuEnglish Английский с нуля
https://t.me/Pomatematike Канал по математике

Арбитраж трафика 📌
https://t.me/partnerochkin CPA и арбитраж трафика

Крипта 📌
https://t.me/crypto_moneygo Канал о крипте, новости, инсайды
https://t.me/bitkoinoff Нгвости криптовалют

VR, робототехника 📌
https://t.me/AR_VR_vision Компьютерное зрение, виртуальная реальность
https://t.me/robotics_scince Канал о Робототехнике и автоматизации


https://t.me/network_arch Network architecture and Administration
https://t.me/easy_program Программирование для новичков
https://t.me/testin_new Тестирование
https://t.me/IoTprog Интернет вещей
https://t.me/generalprog General programming
https://t.me/Hware_news Цифровые тенденции
https://t.me/dev_ops_info Devops
This media is not supported in your browser
VIEW IN TELEGRAM
Вот так можно получить альфу слоя используя мощный функционал Blend If.
Media is too big
VIEW IN TELEGRAM
Как нарисовать зеркальную сферу в Adobe Photoshop
UX дизайн: эффект превосходства изображения

Статья для начинающих UX/UI дизайнеров, исследователей и аналитиков. В статье рассказывается о том, почему картинки и фотографии лучше текста (с научной точки зрения). Как мозг пользователей кодирует и запоминает контент на сайтах. И как применять эти знания в дизайне сайтов.

1. Изображения на странице товара

В ходе качественного кабинетного тестирования страниц товаров сайта Leroy Merlin, стало ясно, насколько важны фотографии товаров для пользователей. Тестирование показало, что 64% испытуемых первым делом при переходе на страницу продукта начинали изучать фотографии, вместо того, чтобы читать названия товаров, описание или пролистывать страницу вниз, чтобы получить более полный обзор. Это говорит о том, что пользователи, зачастую, полагаются на фотографии товаров как на отправную точку в изучении товаров. Более того, часть пользователей выстраивали своё первое впечатление о товарах исключительно по фотографии товара, а не по текстовому описанию. А некоторые из них даже покидали страницу товара на которой не было фотографий интересуемого товара.

3. Изображения в меню навигации

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

И напротив, если сопроводить текстовые названия разделов меню изображениями, то пользователю станет проще ориентироваться, находить и запоминать интересующие разделы, даже если название раздела пользователю ещё неизвестно. Вот как это реализовано на сайте интернет-магазина мебели ИКЕА.

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

4. Изображения в рекламных баннерах

Эффект превосходства изображения применим и в дизайне рекламных баннеров на сайтах, аналогично рекламным полосам в журнале из эксперимента Перси, Росситера и Донована (выше). Для сравнения, ниже рекламный баннер картриджей для на сайте интернет-магазина pleer.ru, как видно здесь только текст на баннере, что хуже считывается и меньше запоминается.

5. Изображения на страницах сайта

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

Теперь сравните это с тем, как ссылка на мобильное приложение указана на сайте СовКомБанка. Здесь помимо текста есть крупное и красивое изображение смартфона с интерфейсом мобильного банка, по которому сразу можно понять, что речь о мобильном приложении банка, даже при беглом взгляде. А в тексте указаны также преимущества и QR-код для быстрого и удобного скачивания.

Источник
📱IT Network - первая в России соцсеть для айтишников

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

В приложении вы сможете:
● Обмениваться опытом с коллегами
● Получать интересные предложения о работе
● Расширять круг знакомств в сфере IT
● Следить за новостями из мира IT и науки

Для тех, кто решил расти в кругу успешных айтишников, вот ссылка на приложение в App Store и Google Play.
Как UX-исследования избавляют от дорогих ошибок в продуктах

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

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

Формулируем цель и гипотезы
Цель – это ключевой вопрос, на который мы хотим ответить. Он может быть общим, например, пользователи справляются с оформлением страховки через приложение – да/нет. Или частным: оформление не занимает больше 15 минут, пользователи обращают внимание на некое специальное условия и т.д. Цель затем раскладывается на гипотезы, которые мы проверяем по ходу исследования.

Определяем метрики исследования
Успешность выполнения задания. Пользователь справился с заданием практически без проблем – 100%; столкнулся с проблемами, но в итоге справился – 50%; – не справился с заданием – 0%.

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

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

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

Собираем и анализируем результаты
Когда все интервью позади, мы собираем всю информацию от респондентов в единую базу. Чтобы понять, было ли исследование успешным, нужно ответить на следующие вопросы:
Удалось ли подтвердить или опровергнуть гипотезы? Группируем ответы по гипотезам, удостоверяемся, что мы собрали достаточно информации по каждому пункту.

Чек-лист для старта UX-исследования

Чтобы протестировать UX нового продукта, команде нужна следующая информация:

Описание продукта. Что именно мы будем тестировать?

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

Сценарий. Какие шаги проходит пользователь на пути к своей цели? Один продукт может включать любое количество сценариев.

Гипотезы и вопросы. Какие сомнения у команды есть? Что хочется прояснить в сценариях? Какие есть предположения о проблемных местах в интерфейсе? Какие важные вопросы сейчас без ответа?

Кто пользователи. Какие пользователи интересны в контексте этого исследования (роль, особенности организации, отрасль, активность в сервисе)? Какие задачи они решают в сервисе? Есть ли лояльные пользователи и их контакты?

Сроки. К какому сроку важно получить информацию, иначе будет поздно?

Ответить на все эти вопросы продуктовой команде не составит труда. А дальше дело техники UX-экспертов – они подберут нужные методы, сформируют группу респондентов, проведут исследование и помогут правильно интерпретировать результаты.

Источник
Media is too big
VIEW IN TELEGRAM
Эффект рисунка в фотошопе.
🔥 «Цифровой прорыв» — самый масштабный конкурс в сфере IT — призывает создателей транспорта будущего!

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

Хочешь пополнить ряды великих кодеров, которые своими руками создают будущее транспорта и рулят логистикой? Участвуй в Vehicles-хакатоне!

22–24 октября ты сможешь:
✔️ Решить кейсы по ML, Big Data, mobile и анализу данных от крупнейших компаний: Росатом, Ростелеком, Транспортные инновации Москвы, Accenture, международный аэропорт Шереметьево и др.
✔️ Пообщаться с экспертами и лидерами IT-индустрии.
✔️ Поработать в крутых IT-хабах конкурса вместе с единомышленниками.
✔️ Побороться за призовой фонд до 4 500 000 рублей.

➡️ Регистрируйся на хакатон «Транспорт и логистика» — https://clck.ru/RnifX

#РоссияСтранаВозможностей #ЦифровойПрорыв
This media is not supported in your browser
VIEW IN TELEGRAM
Недеструктивная техника создания маски из другого слоя.