Все мы знаем как выглядит продукт, который задизайнили программисты... Он коряв, непонятен и скорее всего "не стрельнет". Если ты узнал себя, то подумай прямо сейчас: ты можешь дальше дизайнить сам через боль и страдания и всё равно сделаешь плохо. А можешь купить Material Design System , как сделал Jake Louw , и помимо прокачки UI скилла сможешь сделать свою приложуху понятной и стильной.
А Framer тем временем куда? За Фигмой ессно: в браузер и коллабу... https://www.framer.com/web
Ты пользуешься Framer'ом?
Anonymous Poll
4%
Регулярно. Это топчик!
13%
Иногда открываю...
83%
Да кому он нахуй нужен?
Грядёт Черная Пятница на Setproduct.com! Используйте промо-код PIZDEC2019, чтобы получить скидку 40% на любую дизайн-систему для Фигмы. Акция действительна до 29.11.2019.
Setproduct
Figma templates, design systems and UI kits
Design resources for Figma: UI kits, app templates, design systems. We help startups, designers, and developers to build with better UI and save time. Never start from scratch
Один хороший человек создал ресурс, на котором все шрифты с Google Fonts протегированы согласно начертанию: Bold, Calligraphy, Cursive, Decor и так далее. Найти бесплатную типографику под новую задачу стало немного проще! https://goofonts.com/
Goofonts
Google Fonts by Tags
Google Fonts filtered by tags.
Ну а вот и результаты опроса дизайнеров от UXTools. Спойлер: Figma отстаёт от Sketch почти в два раза https://uxtools.co/survey-2019/
Автолейаут в Фигме: https://www.figma.com/blog/announcing-auto-layout/
Еще предстоит разобраться - так ли абсолютен этот autolayout во всех случаях. Ведь теперь либо констрейны, либо автоматика. Либо ресайзишь сам под конкретный случай, либо за тебя решает система. В дизайн-инструментах нужна свобода - схватил за край элемент и потянул. Теперь же сначала придётся отключить новую фичу, и тогда сможешь тянуть. Либо/Либо - это не всегда win-win.
Какая интересная и OFLная антиква подвернулась, непременно беру на заметку https://fonts.google.com/specimen/Ibarra+Real+Nova
Google Fonts
Ibarra Real Nova - Google Fonts
In 2007, The Calcografía Nacional Española organized a project directed by José María Ribagorda with the objective of divulging the invaluable typographic herit
Вот этот может понравится поклонникам Montserrat, лично я о шрифте Prompt слышу впервые и он хорош!
Google Fonts
Prompt - Google Fonts
Prompt in Thai means “ready,” the same as in English. Prompt is a loopless Thai and sans Latin typeface. The simple and geometric Latin was developed to work ha
Google внезапно признал, что их инпуты в Material Design - гавно!
Medium
The Evolution of Material Design’s Text Fields
How user research reshaped the design of Google’s open-source text fields
Главная боль auto-layout в Фигме в текущем исполнении - невозможность влиять на фоновый элемент. Пользователи просят вернуть это (Spectrumchat). Немного странно для Фигмы делать такой опрометчивый шаг в столь зрелом возрасте: иметь фоновые слои в качестве инстанций и быстро переключать для них, например, тени + обводку - необходимость во многих дизайн-системах. Есть вероятность, что крупные системы больших организаций "посыпятся" при внедрении auto-layout и придётся либо серьезно переосмыслять логику, либо верить что Пигма что-то сделает.
Spectrum
The new ability to fill frame has made icon colorizing harder for us · Figma
This image sums up well the impact of this change:
Anyone kind of stuck with this issue? You know have to select the vector(s) inside the icon to fill them.
Anyone kind of stuck with this issue? You know have to select the vector(s) inside the icon to fill them.
Теперь уже многослойные CSS тени окончательно вошли в повседневный UI и вот неплохой генератор на эту тему https://brumm.af/shadows
Любишь веб-дизаген из 2000х и ищешь миллионы бесплатных прозрачных PNGшек? Тебе сюда
PNGHUT.com
PNGHUT.com - Millions of handpicked free to download PNG images