Для Figma вышел плагин Trace, с помощью которого можно сконвертировать дизайн в live-прототип приложения на SwifUI. Есть возможность просматривать код вёрстки, изменять его, видеть как это влияет на поведение приложения и переносить изменения в IDE. Для всего этого плагин подгружает полноценный симулятор iOS. Для преобразования дизайна в код SwiftUI используется нейросеть.
Изначально Trace появился в качестве сервиса для генерации экранов приложений по текстовому запросу с поддержкой только SwiftUI.
Приложения для часов Apple Watch. Ну или других часов.
Почему их так мало? Как спортивный калькулятор калорий многие используют. Или сообщения читают (а ответить крайне сложно и неудобно. особенно на совещаниях). Неужели вот такой формат маленького экрана так ограничивает фантазию и никто не может придумать приличного варианта использования? Некие новые полезные функции или функции старые, но полезные и удобные именно в часах? Ведь часов уже много поколений, а приложений для них буквально минимум. Конечно по сравнению со смартфонами? Или экран настолько ограничивает, что вариантов использования действительно мало? Платить на кассе в странах где это работает? И читать сообщения? У меня много знакомых с такими часами, но я не вижу, чтобы они пользовались кроме часов чем-то еще. А ведь если мало приложений, то это большие перспективы? Рынок открыт и свободен. На смартфонах не пробиться со своим приложением. А тут открытый рынок. И никого на нем нет. На Хабре последнее упоминание о часах apple в 2020
Если вы создаете иконки и уже определились с их типом, расположением и размерами, эти три базовых принципа помогут продолжить работу. Держите их в голове, чтобы не терять единообразие всего сета иконок.
Принцип 1. Визуальная связанность
Все иконки должны иметь общий визуальный стиль. Определите общие элементы: например, форму, толщину линий и пропорции. Уделите внимание цветовой схеме и уровню детализации.
У форм может быть несколько атрибутов, и каждый из них влияет на конечный вид иконки. Примеры атрибутов форм:
скругления углов;
диагональные элементы;
симметричность;
замкнутые/незамкнутые контуры;
наслоение элементов;
принципы заливки элементов.
Еще здесь мы оцениваем, как много визуального пространства занимает иконка и как много в ней негативного пространства. Так мы отделяем формы друг от друга и группируем их между собой.
Принцип 2. Разборчивость иконки
Иконка должна быть читаема в любых размерах. Вот наглядный пример:
Чем меньше иконка, тем меньше деталей и декоративных элементов мы можем себе позволить. Каждый дополнительный элемент добавит время для ее распознавания
Принцип 3. Понятный и простой образ
Многие образы уже закреплены у людей и считываются автоматически. Любая новая форма может сильно повлиять на восприятие пользователей — в конце концов, они могут ее не понять. Продумывая образ иконки, сперва посмотрите, как он выполнен в других продуктах. И помните, что хороший дизайн — тот, который ты не замечаешь.
Генеративный дизайн, то есть дизайн, созданный с помощью специальных устройств, появился задолго до чата GPT и Midjourney. Простейший пример — это калейдоскоп, а из совсем уж докомпьютерного прошлого — карты Таро. И там, и там принцип тот же, что и у нейросетей: человек решает свою задачу с помощью приспособления.
У нас же генеративный дизайн начали развивать еще в 20 веке. Называлось это кибернетическим искусством. Один из интересных его примеров — ASCII-арт. Это изображения, созданные с использованием символов, цифр, букв или знаков. Мы и сейчас применяем что-то наподобие в переписках — ¯\_(ツ)_/¯. Но в советские годы изображения были, конечно, сложнее.
Портрет Ленина на обложке журнала «Кибернетика», выполненный ЭВМ, 1970 год. Этот пример иллюстрирует взаимосвязь между искусством, технологией и инновациями того времени. Картинка отсюда
Генеративное искусство развивалось в визуальной сфере, музыке и поэзии. С помощью ЭВМ в специализированных институтах могли создавать мелодии или разрабатывать аккомпанементы, писать стихи и создавать скульптуры. Правда, занимались им в основном отдельные энтузиасты. Поэтому к моменту распада СССР отечественное кибернетическое искусство начало забываться.
Когда‑нибудь задумывались, как в Figma добавить «Эффект Дросте» или просто создать промежуточные состояния между двумя фигурами? Решение — на помощь приходит плагин «Blend». Просто нарисуйте два объекта, укажите количество промежуточных состояний, и плагин моментально их сделает (у меня ушло 15 секунд на 6 изображений). Можно играть с заливкой, обводкой, цветами и толщиной. Единственное условие — у обоих объектов должно быть одинаковое количество точек, иначе плагин начинает капризничать.
Честно говоря, я провел с этим плагином весь вечер, пытаясь выкрутить из него все варианты и придумать, что еще можно сотворить. А вы что думаете об этой штуке? Поделитесь своими мыслями в комментариях!
Плагин «Insert Big Image» для Figma — это решение, которое позволяет вставлять гигантские изображения в макеты, не ограничиваясь разрешением 4096 px, которое так любит Figma.
Как это работает: Просто бросьте одно или несколько изображений в плагин, и он, как настоящий волшебник, разрежет их на кусочки размером менее 4096×4096 и соберет в группу. При желании, можете удалить любой кусочек. И да, даже с картинкой 16 000×16 000 он справляется, не боясь трудностей.
Когда это пригодится: Каждый решит сам, как использовать этот плагин. Лично я часто сочетаю его с расширением для Chrome «GoFullPage». Оно самостоятельно скроллит и делает скриншоты сайта, склеивая их в одно длинное изображение. А «Insert Big Image» переносит его в Figma без потери разрешения. Почти как магия, но даже лучше!
Роузберри, креативный директор французского дома моды Schiaparelli («Скиапарелли»), представил кутюрный показ бренда 2024 года в Париже.
Когда нормальные люди думают об одежде от кутюр — экстравагантном индивидуальном дизайне с использованием всех, кроме устаревших технологий, материалов и мастерства, — они, вероятно, мечтают о вещах, изготовленных из роскошного шелка, мягкой кожи, кристаллов и тюля. Дэниел Роузберри думает о твоём старом телефоне-раскладушке.
Кукла-робот в натуральную величину и короткое коктейльное платье, оба полностью покрыты техническими отходами. Старые телефоны, калькуляторы, провода, материнские платы и компакт-диски используются в качестве украшений так же, как блестки или бусины могут украсить менее амбициозную одежду. Роузберри сказал, что малыш был отсылкой к фильмам «Чужой», и рассказал, что он искал вдохновение в своих воспоминаниях в эпоху ремиксов своих коллекций, созданных искусственным интеллектом.
Младенец и платье, получившее прозвище «Мать», наполовину человек, наполовину объект, восстающий из прошлого и преследующий будущее. Собранные с использованием материалов, существовавших до появления iPhone, эти предметы, кажется, предупреждают о бесчеловечном существовании роботов. В то же время они реконтекстуализируют технологические отходы более простых времен.
«Теперь технология, на которой я вырос, настолько устарела, что ее почти так же сложно найти, как некоторые винтажные ткани и украшения», — написал Роузберри в аннотации к выставке.
Плагин «Simpleflow» для Figma упрощает вставку коннекторов (стрелок), соединяющих два объекта. Это особенно полезно при добавлении пояснений к макетам. Идея плагина очень простая: он берет коннекторы из FigJam и вставляет в Figma. Основное преимущество перед аналогичными плагинами заключается в том, что коннекторы не отвязываются, а автоматически перестраиваются вместе с объектом (то, что мы любим в Miro).
Мини‑инструкция:
Запускайте плагин и нажимайте «Copy connector to clipboard».
Выбирайте первый объект, удерживая Shift , затем выбирайте второй объект, к которому будет направлена стрелка.
Нажимайте «Paste here» или используйте Ctrl/cmd+V .
Чтобы вставить стрелку повторно, не обязательно запускать плагин. Просто нажмите Ctrl/cmd+D, чтобы создать дубликат.
Платная версия также доступна и предоставляет возможность изменять цвет стрелок и добавлять иконки. Лично для меня последнее кажется избыточным, а цвет коннекторов можно регулировать через саму Figma. Бесплатный функционал полностью соответствует моим запросам, предоставляя возможность изменять форму точки начала и конца линии, ее цвет, добавлять текст и перемещать его, изменять форму линии, а главное, перемещать объекты без потери связей.
Плагин «Shape Builder Tool» для Figma — инструмент, созданный для быстрой работы с объектами. Этот плагин — своего рода альтернатива стандартной функции «Boolean groups» в Figma, но плагин позволяет одновременно работать с несколькими объектами и быстрее добиваться желаемого результата всего в несколько кликов, без необходимости постоянно дублировать слои и запускать функцию.
В его арсенале два уникальных режима:
Режим Добавления (+Add) — добавляет пространство между объектами.
Режим Вычитания (‑Sub) — убирает пространство там, где формы пересекаются.
Результат переносится в векторном виде в Figma всего лишь щелчком по кнопке «Replace Selection» (заменить исходный объект) или «Copy To Canvas» (вставить результат рядом с исходным объектом).
Плагин вышел в конце декабря 2023. Триал версия — 3 дня.
«Студия Артемия Лебедева» представила на своём сайте проект иконок для операционной системы «Аврора». Дизайнеры студии разработали расширенный набор из трёхсот пиктограмм. На реализацию проекта ушло 34 дня, а в будущем студия планирует добавлять в набор новые иконки. Арт-директором проекта выступил Павел Герасимчук, который ранее руководил разработкой айдентики Мещерского парка, сайта программы «СберСпасибо», атомной электростанции «Аккую», администрации города Королёва и мобильного приложения сети ювелирных магазинов «Санлайт».
Автор блога Basic Apple Guy подготовил новогодние обои для Mac и iPhone в стиле уродливых свитеров. В узорах используются иконки macOS, силуэты устройств Apple и зимние элементы. Всего доступны две коллекции в разных цветах.
Happy Macintosh
В центре этой серии используется образ старого компьютера Apple, ставший символом среди пользователей. Обои доступны в синем, красном, оранжевом, зелёном и фиолетовом цветах. Скачать в исходном качестве можно в блоге автора.
Clarus the Dogcow
Кларус (Clarus) — персонаж, разработанный Apple для демонстрации макета страницы во время настройки печати. Собака издаёт звук «Муф», который напоминает лай собаки и мычание коровы. Кларус стал культовым героем, и отдел службы поддержки Apple до сих пор использует его в качестве талисмана. В macOS Ventura обновлённого Кларуса вернули в меню настройки печати. Обои с ним доступны по ссылке.
В пригороде Далласа расположен центральный офис id Software (г. Ричардсон) и Armadillo Aerospace (г. Мескит). Неудивительно, что и Джон Кармак, сооснователь обеих компаний, живёт (или хотя бы жил) где-то рядом. Местные рассказывают, что до сих пор иногда видят его в Далласе.
Международный аэропорт Даллас/Форт-Уэрт расположен, как следует из названия, между городами Даллас и Форт-Уэрт. В аэропорте установлены сразу несколько объектов искусства, все из которых перечислены на специальной странице на сайте аэропорта.
Один из объектов — инсталляция без названия от художника Тома Орра. Это серия алюминиевых труб, расположенных перед узором из параллельных линий. Когда глаза наблюдателя скользят по этому прямоугольнику 6×12 метров, возникает иллюзия движения.
Однако у Кармака совсем иные ассоциации. Когда он снял и выложил инсталляцию у себя в микроблоге, он снабдил её подписью «похожа на алиасинг компьютерной графики». Как пишет профессионал и ветеран CGI Джон Кармак, эффект ему глубоко неприятен.
Институт цвета Pantone назвал цветом 2024 года оранжево-розовый оттенок «Персиковый пушок» (13-1023 Peach Fuzz).
Исполнительный директор Pantone Литрис Айсмен отметила, что этот цвет дарит чувство сопричастности и сплоченности, заботы, вдохновляет на переоценку взглядов. По её мнению, благодаря поддержке оттенка Peach Fuzz дизайнеры и клиенты могут найти умиротворение.
В конце 2022 года Институт цвета Pantone объявил цветом 2023 года карминово-красный 18-1750 Viva Magenta. По словам представителей организации, это «смелый, бесстрашный и пульсирующий» цвет.
Каждый год Pantone выбирает цвет, прогнозируя будущие тренды. Цветом 2022 года, по версии института, стал сиреневый оттенок 17-3938 Very Peri, для 2021 года организация выбрала сразу два цвета: жёлтый 13-0647 Illuminating и серый 17-5104 Ultimate Gray.
Разработчики выделяют несколько правил дизайна зданий, особенно соединенных между собой, чтобы игрок мог их быстро визуально отличить и сохранять темп геймплея:
- Здания могут отличаться по цвету.
- Чтобы выделить здания, возможно одного цвета, одно из них будет чуть выше другого.
- Одно из зданий может иметь больше ширину, чтобы лучше был заметен выступ за ближайшим .
- Минимум 3 окна на один этаж. Это обеспечивает больше входов в здание.
Шрифт для написания и чтения исходного кода Monocraft
Monocraft — моноширинный шрифт, который используется программистами для написания и чтения исходного кода. В моноширинных шрифтах все символы имеют одинаковую ширину — это делает код более читаемым и упорядоченным.
Шрифт создан разработчиком Идрисом Хассаном и имитирует стиль пользовательского интерфейса Minecraft.
Шрифт распространяется бесплатно под свободной лицензией SIL Open Font License 1.1. Его можно использовать как для работы внутри редактора кода, так и в коммерческих целях — например на сайте. Скачать Monocraft можно из официального репозитория проекта на GitHub.
С завидным постоянством возникают споры о том, что «креатив» - слово для нас чужеродное, ведь есть свое-родное «творчество». Но для меня это разные понятия.
Творчество - это созидание, это какие-то идеи, проекты, от которых «прям зудит». Часто это приколы, обсуждения и такая своеобразная коммуникация. А креатив - это уже что-то про бизнес, про создание контента, про решение бизнес-задач. Короче это туда, где есть деньги.
Следовательно, творческая и креативная индустрия - пространства разные. Творчество - это богема, рауты, выставки и показы. А креатив - это реклама, дизайнеры, продакшены.
И сейчас наблюдается рост вакансий на дизайнеров и аниматоров, в третьем квартале 2023 года их число выросло в 1,7 и 4,3 раза соответственно (по сравнению с аналогичным периодом прошлого года). И тут должна быть реклама курсов дизайна, но нет)))
Это показатель роста значимости креатива для бизнеса. То есть бизнес стал чаще решать свои задачи за счет классного и красивого контента.
P.S. И еще это показатель того, что после нейросеток дизайн точно нужно править)))
Анимация в Spline предельно упрощена. Настолько, что там нет привычного таймлайна с ключевыми кадрами.
Вместо ключевых кадров здесь используются Состояния (States). Состояния обрабатываются отдельно для каждого объекта. Можно настраивать типы взаимодействий, их длительность, графики и задержки перед стартом.
По типам взаимодействий нужно будет рассказать отдельно. Я использовал для этого ролика Transition.
Вышел ограниченный тираж прозрачных Flipper Zero. Помимо корпуса, эта модель ничем не отличается от обычных Flipper Zero.
Линейка также получила RFID, NFC, Sub-GHz, Bluetooth, USB-C и ряд портов GPIO сверху.
Прозрачные Flipper Zero тиражом в 7500 штук стоят столько же, сколько и обычные — $170.
Как объяснили разработчики, прозрачное исполнение демонстрирует внутренние компоненты устройства и сложный дизайн, а также отражает приверженность открытому исходному коду.
