Получи случайную криптовалюту за регистрацию!

Pixel Perfect X Fluid.

Логотип телеграм канала @pixeleperfect — Pixel Perfect X Fluid. P
Логотип телеграм канала @pixeleperfect — Pixel Perfect X Fluid.
Адрес канала: @pixeleperfect
Категории: Дизайн
Язык: Русский
Количество подписчиков: 5.07K
Описание канала:

Качаем твои скиллы в ноу-код разработке
🦾 Про UX/UI и веб-разработку без цензуры
Ведем проекты в дизайн-студии Fluid.
Сотрудничество: @mpaveel

Рейтинги и Отзывы

2.00

2 отзыва

Оценить канал pixeleperfect и оставить отзыв — могут только зарегестрированные пользователи. Все отзывы проходят модерацию.

5 звезд

0

4 звезд

0

3 звезд

1

2 звезд

0

1 звезд

1


Последние сообщения

2022-12-07 12:21:32 10 лучших UI-паттернов для ваших проектов

Чтобы создать классный дизайн, не обязательно изобретать велосипед. Онлайн-библиотеки с шаблонами реальных приложений и дизайн-концепций давно есть в интернете. Мы собрали для вас самые стоящие ресурсы

Screenlane
последние тренды в дизайне сайтов и мобильных приложений

Mobbin
коллекция дизайн решений мобильных приложений, больше 8000 шаблонов, включая приложения Nike, Discord, Airbnb, Farfetch и других гигантов

UXarchive
для отслеживания трендов с примерами решений из лучших приложений мира

Siteinspire
более 7000 веб-сайтов, отличный ресурс для вдохновения

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

Landingfolio
тут только лендинги, более 500 примеров в 54 различных категориях

Admite the web
специализируются на минималистичном и отзывчивом дизайне

Commerce Cream
библиотека проектов на Shopify, особенно актуально тем, кого интересует ниша именно интернет-магазинов

Nicely done
библиотека примеров UX/UI-дизайна веба

Web Design Museum
в тему к нашему последнему посту про брутализм, здесь можно найти забытые тренды веб-дизайна
ещё можно посмотреть, как по годам менялся дизайн сайтов популярных брендов с 1991

не забудьте сохранить ресурсы для работы над следующим проектом
518 views09:21
Открыть/Комментировать
2022-12-05 20:08:42 На эфире от 1 декабря мы говорили про то как правильно коммуницировать с клиентом и показывали структуру нашего Брифа и то как ведем проекты. Многие просили поделиться этим материалами, поэтому прикладываем

Бриф и наш спринт вы найдёт ниже по ссылке:

https://fishy-jacket-79d.notion.site/863a345510c0466aae1b33e01dfeb3b3

Скоро проведем еще один эфирчик на 30-40 минут, не пропустите
775 views17:08
Открыть/Комментировать
2022-12-05 12:32:46
Брутализм в веб-дизайне

Тренды меняются постоянно, но вот уже несколько лет брутализм не выходит из моды. Кто не слышал (но видели наверняка все), речь идёт об определённом стиле в дизайне.

Как выглядит дизайн в стиле брутализма?

С английском словом brutal у брутализма никакой связи нет Термин происходит от французского «beton brut», что дословно переводится как необработанный бетон. Поэтому брутализм – про попытки придать дизайну сырой, неотработанный вид. Как будто его сделали случайно.

В брутализме также:

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

Как все это внедрять в ваш дизайн?

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

Самый главный принцип – применять дозированно. Не ломать традиционную визуальную иерархию и логику просто так.

Вот несколько примеров:

сайт дизайн-студии, которая делает арт-объекты

онлайн-магазин бренда одежды

сайт-визитка художника и стилиста

сайт креативного агентства

Больше примеров можете посмотреть здесь. Тут собран каталог сайтов в стиле брутализма. Как минимум, зайдёт для вдохновения.

Из любопытных фактов: последнее время дизайнеры также критикуют чрезмерное упрощение сайтов. Так появился «антидизайн» с его уродливым дизайном, неудобным интерфейсом и отсутствием визуальной иерархии. Отличный примерчик Но такое в основном делают просто по приколу.

Как вам стиль? Применяли бы в своих работах?
866 viewsedited  09:32
Открыть/Комментировать
2022-12-02 13:46:35 6 правил стремной типографики в веб-дизайне

Типографика – это искусство, которое позволяет сделать текст разборчивыми и привлекает аудиторию. С помощью грамотного использования типографики можно вызвать определенные эмоции и передавать ключевые сообщения

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

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

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

- – — тире или дефис? Какая разница?! Не утруждайте себя тем, чтобы их отличать. И вообще, знаки препинания придумали лохи. Забейте на эти бесполезные черточки.

«ёлочки» или „лапки”? Что-что? Лапки следует использовать только внутри ёлочек? Даёшь равенство всем кавычкам! Используйте те, что вам больше нравятся

И главное, не првиряйте макет на ошбки. Это придаст тексту уникальности. Дополнительно, можно добавить двойные пробелы.
1.2K views10:46
Открыть/Комментировать
2022-12-01 20:00:16 Мы уже в эфире!
Подключаемся
(Пост, где пишем комментарии к эфиру)
1.2K viewsedited  17:00
Открыть/Комментировать
2022-12-01 14:51:26 Для того, чтобы воркшоп для вас прошел более продуктивно, предлагаем вам ответить на ряд вопросов, а на эфире мы разберём ваши ответы

1. Как происходит коммуникация с клиентом?

Примеры возможных ответов (Вы пишите как у вас есть на самом деле):
— обсуждаем все в телеграме,
когда все готово назначаем звонок
— планируем даты и даты звонков в эти дни созваниваемся


2. Насколько часто вы показываете клиенту прогресс?

Примеры возможных ответов:
— ежедневно
— каждые 2-3 дня


3. Где у вас зафиксировано? То, что необходимо сделать по проекту. То есть, вводный план

Примеры возможных ответов:
— google документ
— расписано в чате


4. Как клиент может быстро понять на каком мы сейчас этапе, что у него уже есть. И в целом посмотреть еще раз наработки, которые были представлены?

Примеры возможных ответов:
— все собрано в едином файлике Notion
— у клиента есть доступ к фигме и также он смотрит в чате

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

Напоминаем, что старт сегодня в 20:00
1.1K views11:51
Открыть/Комментировать
2022-12-01 13:54:03 Уникальный воркшоп о том как правильно коммуницировать с клиентом. Только сегодня!

Ребята, приветы

Бывало у вас такое, что вы взяли клиента, стали работать и началась какая-то фигня?

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

Это выражается в постоянных правках. Вы уже и так сделали, и так переделали, а он все не доволен, ему не нравится.

И вообще, клиент не сильно вовлечен в процесс, дает мало информации, которая вам нужна и важна

Посыл: «Ты ж дизайнер, сделай мне красиво»

А у тебя одна мысль в голове - вот ты мне денег вроде заплатил, но я уже и не рад этому. Работы сделано столько, что сумму оплаты можно смело умножать на х3

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

Такое встречается довольно часто. И причина этого в том, что вы на старте не выстроили правильную коммуникацию с клиентом

Как сделать так, чтобы клиент не давал лишние правки?

Как сделать его соучастником процесса, чтобы он сам намного больше вовлекался и помогал, а не мешал процессу?

Сегодня здесь, в канале в 20:00 проведем воркшоп на эту тему

Расскажем:

Как необходимо начинать коммуникацию с клиентом?
Как дальше выстраивать СИСТЕМУ ПРОЕКТА с точки зрения проджект менеджмента и поддерживать ее?
Как выходить из конфликтных ситуаций при коммуникации с клиентом?

Сегодня в 20:00 - эфир в закрепе!

ЗАПИСИ не будет, но будет много пользы

Всех ждем!
1.0K viewsedited  10:54
Открыть/Комментировать
2022-11-30 10:07:10
Об интерфейсах на дизайнерском по-русски

Наверняка, все слышали слово «интерфейс», но вот разобраться о чем идёт речь, не так просто, как кажется. Например, интерфейс на дизайнерском и на разработчиковском — это разные вещи.

Итак, давайте попробуем отталкиваться от перевода

interaction – это взаимодействие
face – это лицо

Что получается?

Интерфейс – это когда ваше face вступает в interaction с какой-то штукой, и вот те инструменты, которыми вы пользуетесь при взаимодействии и есть интерфейс.

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

но

Кофе можно вылакать и без рук, но тогда – это пример плохого интерфейса (ну или может вам так нравится, тогда вопросов нет)

дизайнеры vs разработчики

Когда речь идёт об интерфейсе в дизайне – это та часть сайта или приложения, с которой взаимодействует пользователь. И здесь проектировщику интерфейсов надо заботиться, чтобы 1) все было по красоте (UI) и о том, 2) как этим будут пользоваться (UX).

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

Интерфейс фактически определяет глобальное отношение людей к компании!

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

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

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

программные
(чтобы коннектить программы)
Нужны, когда, например, нужно получить данные с сервера.

пользовательские
(чтобы люди работали с программами)
Элементы на экране вашего компьютера – часть пользовательского интерфейса.

Какие еще термины интересно было бы разобрать?
998 views07:07
Открыть/Комментировать
2022-11-29 19:26:07
А ты точно берешь по 500 - 1 млн. руб. за дизайн

Часто от ребят, которые смотрят наши эфиры и проходят бесплатные практикумы мы слышим немой (а иногда и прямой) вопрос:

«А не врете ли вы нам? Вы точно не инфоцигане? Про высокие чеки нам наговорили, а сами в глаза их не видели….»

Отвечаем всем и сразу: ВИДЕЛИ. И видим постоянно.

И вот чтобы сомнений у вас не было, показываем полную внутрянку на примере работы над одним из проектов

Встречайте:

Zoopolis - MVP консьерж-сервиса по уходу за домашними питомцами

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

В видео вы увидите весь рабочий процесс
А именно:
Пресейл проекта, и как мы продавали
Работа с прототипами
Дали полезность за то, как оформлять большие формы данных
Показали каким был мудборд и концепция
Ну и засветили то, что уже рисуется в процессе

Также хочу напомнить, что у нас по-прежнему идёт набор на наше наставничество, и если ты хочешь делать проекты на такие же чеки и уметь правильно их вести, то пиши в лс
@alexeevweb «Хочу наставника»
1.1K viewsedited  16:26
Открыть/Комментировать