А вот тут много экстраординарных HD видосов для вашего продакшна: люди, эффекты, города, электроника. Бесплатно и бэкссылок не требуют https://mixkit.co/
mixkit.co
Mixkit - Awesome free assets for your next video project
Download Free Stock Video Footage, Stock Music & Premiere Pro Templates for your next video editing project. All assets can be downloaded for free!
Скоро все останемся без работы: машинное зрение распознает на доске чертеж и сразу генерит html-код (эксперимент, не сервис... пока что:) https://www.reddit.com/r/web_design/comments/agiy53/from_wireframe_to_html_code_a_great_milestone/
Reddit
From the web_design community on Reddit: From wireframe to HTML Code. A great milestone achieved by AI for the frontend.
Explore this post and more from the web_design community
Яндекс-метрика и карта кликов какбы говорят: использовать слайдшоу с шевронами, ведущими на следующий / предыдущий слайд на посадочной - все еще актуальный паттерн, который активно пользователями используется. Кстати, добавление гамбургер-меню на десктопную версию тоже улучшило показатель Pageviews (но об этом как-нибудь потом)
Greatsimple обновили лендос и он прекрасен. Видно, что и типографику переосмыслили, от рынка не отстают. Последнее время вижу, как многие успешные организации, создающие готовые UI kit'ы, уходят в более нишевые направления. Это одна из причин, по которой я решил оставить идею back to Sketch, чтобы размножить свои системы из Фигмы https://platforma.ws/
Platforma
Website Wireframe Kit & Prototyping Tools | Platforma
Start your web project right with distinct prototypes, easily made with Platforma's comprehensive wireframe library and design tools.
Я напоминаю, что есть класная штука, чтобы быстро копипастить себе в диз текстовые плейсхолдеры из сотни тематик. Раньше данный ресурс дико тупил, но вот намедни пофиксили. Сайт летает, навигация странновата, но аналогов нет https://listsdesign.herokuapp.com/
После года с небольшим полностью переключившись на создание темплейтов и ui kit'ов для Фигмы, я понял следующее: круто было бы иметь возможность нативно купить дизайн-систему прямо не покидая инструмент. Встроенный маркетплейс прямо в фигме: открыл вкладочку, а в ней магазин - вайрфреймы, приложухи, иллюстрации... Представьте себе объемы! Фигма забирает себе процент с продажи и все довольны. Это новый рынок, новые возможности. Дизайнеры начинают делать то, что им нравится и суммарно сообщество может выйти на совершенно новый дизайн уровень. А пока, скачай пробный темплейт тут : http://setproduct.com/web
Но очень тянет на другие рынки! В разгаре весны выйдет либа с React компонентами и десктоп темплейтами практически из будущего :) Вот такими например получаются инпуты, после небольшого retouch'a:
Вот, сами поиграйтесь (валидированный инпут пока размещен только как альтернативный стиль) https://test-figma2react.firebaseapp.com/fdenseMob2
Firebaseapp
Figma 2 React Material Design Kit
Examples of ready-to-use react components Material Design Kit created in Figma (https://gumroad.com/l/materialreact). Material Design kit for web & desktop apps from SetProduct (https://gumroad.com/a/930591859/ABgLa).
Фигма скоро будет стримить о том как 100500 человек делают из компонентов нечто волшебное! (надеюсь😏) https://www.youtube.com/watch?v=yRnP7Cs0AfY&frags=pl%2Cwn
YouTube
- YouTube
Задачка из области элементарного webdev'a и CSS: как прикрутить градиент к border'у простого прямоугольника со скруглёнными углами? Ответ - никак! Без хаков, костылей, SVG-картинок фоном и прочего это нереализуемо. Поддерживается браузерами только, если border-radius: 0. Вот такой вот потолок или неэффективность, однако! Даже css-tricks.com не помог...
Нормальная шпора по CSS-анимации (eng). Вытащено из топов Reddit'a за последний месяц: https://medium.com/engineerbabu/a-detailed-guide-to-css-animations-and-transitions-b544502c089c
Medium
A Detailed Guide to CSS Animations and Transitions
Every one of us gets awestruck when we look at the exquisitely designed websites of tech biggies, like Apple or Microsoft, or of automobile…
О да - иллюстрационный маразм продолжает крепчать. Кстати, недавно думал о похожем стиле. Рано или поздно все эти отрисованные люди с огромными руками и маленькими головами именно к такой абстрактной неразберихе и скатятся: https://absurd.design/ . Ну а думающие дизайнеры давно уже заприметили как западный продуковый дизайн постепенно смещается к качественным фотографиям с людьми, вместо векторных страстей.
Absurd Design
Absurd Design - Free Surrealist Illustrations and Vector Art
Download surrealist illustrations. Use free vector art for your landing pages, presentations and apps. These artworks combine the absurdity and childishness.
Когда хранить доп. состояния компонентов в экземплярах, а когда создавать новый мастер для каждого дополнительного состояния? Немного пописАл по Фигме: https://vc.ru/design/60124-organizaciya-komponenta-v-figma-na-primere-userpic
vc.ru
Организация компонента в Figma на примере Userpic — Дизайн на vc.ru
Качественная дизайн-система в Figma всегда учитывает возможные состояния определённых компонентов.
Купил микрофон, теперь учусь озвучивать киношки, чтобы продавать больше и расширяться на новые рынки: https://youtu.be/Qo44dpBv9-U Только чур не ржать! 🙈
YouTube
Figma to React components. Buttons section overview
Powerful toolkit for design & development mission where React & Angular components match with Figma design system
Learn more: https://setproduct.com/system
Learn more: https://setproduct.com/system
Рынок дизайнерских инструментов в 3D тоже не стоит на месте https://youtu.be/0dC1ZRdf9JM
YouTube
Vectary 3.0 | What's new in the 3D design tool
We're very happy to release the newest and most polished version of Vectary with you. Read what's new: http://bit.ly/NewVectaryIsHere
1) First 3D and augmented reality CMS for the web - embed any 3D model to your website
2) New polished UI
3) 17 new generative…
1) First 3D and augmented reality CMS for the web - embed any 3D model to your website
2) New polished UI
3) 17 new generative…