​​👍Разработка одностраничных приложений с помощью HappyX

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

Читать...

Vision Pro Keyboard

Виртуальная клавиатура для Apple Vision Pro, интерфейс которой основан на пространственных вычислениях.

Автор видеоблога @ Brian Tong

#phygital #interface

Сайт с мокапами

Сайт

Анатомия буквы «Д»: внутренняя и внешняя

Буква Д или Доль, или Дельта, а в старославянской азбуке — Добро — пятая по счёту буква, которая являлась символом чистоты и добра. Истинное значение этого слова «добро, добродетель». 

https://dsgners.ru/ui/3300-anatomiya-bukvyi-d-vnutrennyaya-i-vneshnyaya

Минутка правил:

Пятнадцать простых правил и рекомендаций для работы в креативной команде над дизайн-проектом:

1 Обсуждайте полным составом задачу и проектный бриф, уточняйте общее понимание и терминов и требований и ограничений

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

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

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

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

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

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

8 Ведите общий проектный дневник, общий проектный борд с заметками по статусу проекта, который обновляется ежедневно, скажем а 10:30 и 17:30 по ключевым задачам.

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

10 Вся переписка только через рабочие аккаунты, никаких личных чатиков, желательно всю проектную коммуникацию вести в едином чате с уважением к времени и профессионализму каждого участника проекта, без флуда и 3К (кратко, конкретно, конструктивно)

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

12 Любая критика в команде это инструмент к проектному совершенствованию. Критика должна быть конструктивной. Старайтесь не только указывать на недостаток в проектной работе, но и предложить оптимальное решение.

13 Помогайте коллегам советами. Совет в дизайне это не форма указания на недостаток опыта или ошибку, а форма творческого сотрудничества.

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

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

«Студия Артемия Лебедева» представляет аромасвечи «Свечкус» с необычным дизайном

«Студия Артемия Лебедева» выпустила необычные аромасвечи. Серия «Свечкус» включает в себя три свечи с остроумным дизайном: «Жизнь», «Жопа» и «Сроки».

https://dsgners.ru/news/3419-studiya-artemiya-lebedeva-predstavlyaet-aromasvechi-svechkus-s-neobyichnyim-dizaynom

Минутка понимания роли дизайна:

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

Минутка подработки:

Редкий случай — мы обнаружили как каллиграфы подрабатывают между коммерческими заказами.

Автор: SHIEH谢惠顾 (ссылка в комментариях)

Минутка истории:

Если вы увлекаетесь шрифтами, то советую прочитать вам статью Хитоши Нагасавы о ключевых этапах развития шрифтового дизайна в 20 веке.

До появления Macintosh дизайнеры пользовались линейками, циркулями и специальными заготовками для создания шрифтов. Далее с помощью Photoshop появилась возможность смешивать цвета, просто накладывая объекты друг на друга и смещая цветовые слои в стороны.

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

Топ-10 журналов по индексу Хирша по теме HCI и по Human Factors (британская академическая традиция, поэтому usability не завезли)

Поигратся самому можно тут:
https://www.scimagojr.com/journalrank.php?category=1709&order=h&ord=desc

Айдентика японской закусочной KOKO в канадском городке Калгари

KOKO находится на фермерском рынке The Calgary Farmers' Market West. Дизайн заведения стилизован под kombini — популярные в Японии магазинчики «у дома»

Айдентика с кавайным тигрёнком — милая и минималистская. В ней прикольно то, что она проста в производстве за счёт сплошных заливок и минимума цветов

Больше картинок: awdee.ru/the-identity-of-koko-japanese-eatery-in-calgary-canada

#awd_identity via behance.net/gallery/185661967/KOKO

#цитата_дня

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

«Дизайн — это работа», Майк Монтейро

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

Мы открываем 3 новые позиции в бренд-студию Manychat:
1) Webflow designer
2) Sr. Graphic designer (marketing team)
3) Sr. Graphic designer (people team)

Было бы замечательно найти всех людей в Барселоне, где находится основной хаб.
Но если вы сейчас находитесь где-то в другом месте, пишите → давайте поговорим.

Вкратце про каждую позицию.

Webflow designer
Придумывать, проектировать, рисовать и собирать спецпроектные истории для кампаний, эвентов и сайд-проектов.
https://www.igsummit.com/greatest-hits
https://holidays.manychat.com/black-friday/en
https://playbook.manychat.com/instagram

Sr. Graphic designer (marketing team)
Вместе с marketing командой работать над кампаниями, контентом, эвентами.

Sr. Graphic designer (people team)
Помогать people команде с кучей очень классных инициатив и проектов, мерчом, мероприятиями, контентом для HR-бренда.

Если вы хотите понять, с чем нужно будет работать визуально, то можно посмотреть:
1) нашу айдентику, которую делали с COLLINS
2) как это описывали медиа
3) ну и вам будет комфортно работать, если вам близко то, что вы видите в видео к этому посту.

Если вам близко, пришлите портфолио или ссылки на свою работу на sergeyandronov@manychat.com с пометкой 'Manychat Brand Studio'.

Буду рад каждому письмо, даже если не смогу ответить всем!

Пусть в новом году будет лучше!

P.S. Если для кого-то из ваших знакомых это может быть полезным новогодним подарком, поделитесь с ними!

Опять снова не успел сделать трушный обзор трендов 2024 года с попыткой анализа (но с перезапуском сайта дайджеста в январе исправлюсь). Так что (как и в прошлый раз) просто настрогал питательный салат из пристойных обзоров и прогнозов.
 
Начнём с печальки — EditorX схлопнулся внутрь Wix, так что их годнейших больше обзоров не будет. А те выпустили совсем проходную статью.

Зато родился новый жанр. Плагин Trend Sheep для ChatGPT суммировал 80 отчётов о трендах 2023-2024 года и выдаёт прогнозы из них (архив исходных материалов). Ещё один похожий плагин — Meta Trends 2024. Правда, по дизайну ничего нет — из близкого только маркетинг и реклама. Но задумка занятная.
 
Своё ежегодное исследование самых востребованных инструментов для дизайна интерфейсов провели UXTools. Добавилась категория алгоритмических инструментов и исследовательских репозиториев, Sketch готовится коснуться нулевого значение оси, FigJam обошёл Miro, у Framer не выходит ворваться в топ. Тут всегда вопрос выборки респондентов, но этот опросник один из самых адекватных.
 
Разносол из итогов 2023 года
— Яркие проекты на Readymag и Framer Sites
— Крафтовуха (и ещё)
— Упаковка
— Логотипы
— Новые шрифты и прогноз начала года.
— Лучший дизайн по версии журнала Core77
— Заметные инновации от Fast Company, TIME и Popular Science
— Ежегодный обзор трендов от журнала UX Collective, которые перебирают приличное количество публикаций за год.
— Исследование профессии пользовательского исследователя от User Interviews.
 
И немного визуальных всплесков 2023 года
— bento-сетки, которые отлично подходят для кейсов и обзоров
— шрифты, вырезанные из бумаги.
 
Про 2024 расклад такой
1. Общедизайнерские тренды выделяют VistaPrint, Graphic Mama, Depositphotos, Shutterstock, Adobe и Webflow.
 
2. Pantone объявляет цвет: добродушный Peach Fizz («персиковый пушок»).
 
3. Письма рассылки от Designmodo.
 
4. Иллюстрации от Jacky Winter Group и Skillbox.
 
5. Дизайн и профессия в целом от Creative Boom.
 
6. Культурные от Pinterest и Instagram.
 
7. Технологические от Gartner: стратегические.
 
8. Интранеты от Nielsen/Norman Group.
 
Интересные дизайнерско-технологические подвижки
1. Алгоритмический дизайн снова на коне, так что я пересобрал свой сайт-коллекцию (хотя ещё не успел загрузить туда новости за последние месяц-два).
 
2. Дикие экспериментальные вариативные шрифты в Google Fonts, использующие дополнительные оси.
 
3. Ключевые обновления CSS в 2023 году и их влияние на дизайн в вебе. А так же базовый уровень возможностей CSS, которые поддерживает значительное количество браузеров на конец 2023 года.
 
4. Стандарт accessibility в вебе обновился до WCAG 2.2.
 
5. Дикий концепт операционной системы Space OS. Немецкая команда энтузиастов Deta предложила свежий заход с веб-сервисами вместо приложений и канвой а-ля Miro и FigJam вместо обычного оконного интерфейса. Ну и, само собой, генерация всего и вся по текстовому запросу. Самое крутое, что это не просто видос — можно пощупать альфа-версию.
 
Вышли пара публикаций толковой критической рефлексии
1. Elizabeth Goodspeed пытается разобраться, почему многие ребрендинги похожи друг на друга. И как на это влияют особенности формирования трендов.
 
2. Jakob Nielsen считает, что современные генераторы по текстовому запросу — это новая интерфейсная парадигма после пакетной обработки в первых компьютерах и командной строки. Впервые пользователь описывает сам конечный результат, а не последовательность команд для его получения.
 
До выставки CES 2024 всего пара недель, а там завсегда есть на что поглазеть.
 
Для сравнения: что обещали на 2023, 2022, 2021, 2020, 2019 и 2018 год.
 
#trends

90 секунд — средняя скорость принятия решения о покупке товара по его цвету.

26% клиентов признаются, что цветная реклама влияет на них сильнее черно-белой.

80% успеха в узнаваемости бренда зависит от соответствия фирменным цветам.

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

А также полезные советы для новичков:
- Как сделать презентацию интереснее: 7 идей;
- Как установить и добавить новые шрифты;
- Как оптимизировать работу в PowerPoint: 5 лайфхаков.

Научитесь создавать презентации, повышающие клиентам продажи и цены вам не будет: @prestemp