Мы делаем очень сложные системы, но далеко не всегда можем даже представить насколько сложными они являются на самом деле, из-за этого не прорабатываем свои интерфейсы достаточно хорошо.
Есть разные экраны: мобильные, планшеты, ноутбуки, десктопы
Разные приложения требуют разной плотности информации и интерфейсов
Плюс есть люди с нарушениями зрения, им требуется более крупный интерфейс.
А значит нам нужна регулировка размерности компонентов, изменение размеров шрифтов и отступов, чтобы настроить как размер шрифта для более крупного текста, так и увеличить плотность интерфейса, чтобы уместить больше элементов на экране.
Есть разные цвета: есть просто компоненты и группы, они могут быть разных вариантов, primary, secondary, tertiary. Эти компоненты могут располагаться на разных поверхностях: default, primary, secondary, а значит нельзя оставлять цвета компонентов как есть, в нужно красить специально под цвет фона. Помимо этого есть дневная и ночная тема, компоненты тоже должны быть перекрашены, а если есть изменённый фон и компоненты на нем, то их также нужно перекрасить в ночной теме, чтобы яркий белый цвет не бил по глазам.
Каждый вариант содержит 16 цветов, у нас есть 3 варианта компонентов, три цвета фонов и два оформления, ночное и дневное, получается 18 разных вариантов и 288 цветов всего. А люди с нарушениям зрения будут лучше себя чувствовать если создать для них отдельное оформление, а ещё лучше по одному на каждый тип нарушения цветового зрения.
Нам нужно создать систему компонентов, где каждый компонент может быть отрисован в разных размерах отступов и шрифтов, а также в разных цветах, чтобы увеличить визуальный вес, его можно расположить на поверхностях разных цветов, чтобы создать акцент на группе компонентов сразу, а также переключить в темную или светлую тему… ах, да цвета всех компонентов в системе не предустановленны заранее и могут быть изменены, хоть по желанию пользователя.
Если коротко о том, как будет работать Woly UI.
Есть идеи как реализовать такую систему?
Есть разные экраны: мобильные, планшеты, ноутбуки, десктопы
Разные приложения требуют разной плотности информации и интерфейсов
Плюс есть люди с нарушениями зрения, им требуется более крупный интерфейс.
А значит нам нужна регулировка размерности компонентов, изменение размеров шрифтов и отступов, чтобы настроить как размер шрифта для более крупного текста, так и увеличить плотность интерфейса, чтобы уместить больше элементов на экране.
Есть разные цвета: есть просто компоненты и группы, они могут быть разных вариантов, primary, secondary, tertiary. Эти компоненты могут располагаться на разных поверхностях: default, primary, secondary, а значит нельзя оставлять цвета компонентов как есть, в нужно красить специально под цвет фона. Помимо этого есть дневная и ночная тема, компоненты тоже должны быть перекрашены, а если есть изменённый фон и компоненты на нем, то их также нужно перекрасить в ночной теме, чтобы яркий белый цвет не бил по глазам.
Каждый вариант содержит 16 цветов, у нас есть 3 варианта компонентов, три цвета фонов и два оформления, ночное и дневное, получается 18 разных вариантов и 288 цветов всего. А люди с нарушениям зрения будут лучше себя чувствовать если создать для них отдельное оформление, а ещё лучше по одному на каждый тип нарушения цветового зрения.
Нам нужно создать систему компонентов, где каждый компонент может быть отрисован в разных размерах отступов и шрифтов, а также в разных цветах, чтобы увеличить визуальный вес, его можно расположить на поверхностях разных цветов, чтобы создать акцент на группе компонентов сразу, а также переключить в темную или светлую тему… ах, да цвета всех компонентов в системе не предустановленны заранее и могут быть изменены, хоть по желанию пользователя.
Если коротко о том, как будет работать Woly UI.
Есть идеи как реализовать такую систему?
Хочу возобновить Howtocards/Cardbox в виде стартапа со всеми вытекающими.
Кто хочет присоединиться? Ищу участников, разработчиков rust/ts, девопса в команду в парт-тайм
Кто хочет присоединиться? Ищу участников, разработчиков rust/ts, девопса в команду в парт-тайм
Сова пишет…
Хочу возобновить Howtocards/Cardbox в виде стартапа со всеми вытекающими. Кто хочет присоединиться? Ищу участников, разработчиков rust/ts, девопса в команду в парт-тайм
Почему не Notion:
1. Он платный, в бесплатном ограничение в 1000 блоков.
2. Он персональный. В мою страницу не может отправить комментарий другой человек
3. Нет структурной системы комментариев. Хорошую структуру предложил гитхаб в своих Discussions.
4. Нет поиска по всем страницам всех пользователей в сервисе.
5. Нет четких рекомендаций как писать страницы так, чтобы они были полезны для других пользователей.
6. Нет персональной личной коллекции сохранённых страниц с гарантиями не удаления данных.
7. Нет системы рейтинга страниц.
8. Нет системы рекомендации полезных или подходящих страниц.
9. Я не могу отправить другому пользователю предложения по изменению его страницы.
10. В редакторе страниц нет вставки playground/repl разных языков программирования. Нельзя в страницу вставить другую страницу инлайн.
1. Он платный, в бесплатном ограничение в 1000 блоков.
2. Он персональный. В мою страницу не может отправить комментарий другой человек
3. Нет структурной системы комментариев. Хорошую структуру предложил гитхаб в своих Discussions.
4. Нет поиска по всем страницам всех пользователей в сервисе.
5. Нет четких рекомендаций как писать страницы так, чтобы они были полезны для других пользователей.
6. Нет персональной личной коллекции сохранённых страниц с гарантиями не удаления данных.
7. Нет системы рейтинга страниц.
8. Нет системы рекомендации полезных или подходящих страниц.
9. Я не могу отправить другому пользователю предложения по изменению его страницы.
10. В редакторе страниц нет вставки playground/repl разных языков программирования. Нельзя в страницу вставить другую страницу инлайн.
Забыл закинуть ссылку на выпуск подкаста “Под куполом”
https://anchor.fm/under-a-dome/episodes/Google-e12sgdo
https://anchor.fm/under-a-dome/episodes/Google-e12sgdo
Spotify for Podcasters
Google не несёт ответственность by Под куполом
Хотелось бы верить, что Google умрет, но тут есть проблема.
Комментарии
Комментарии
Сова пишет…
Я сижу на BigSur с бета теста для разработчиков. Утекло очень много всяких багов и к релизе пофиксили почти все, что я нашел. Но вот этот, лично у меня самый частый баг новой ОС
самое угарное, что этот баг до сих пор с нами.
Я уже и на бету Monterey пересел, он так же встречается)
https://t.me/sergeysova/256
Я уже и на бету Monterey пересел, он так же встречается)
https://t.me/sergeysova/256
Telegram
Сова пишет…
Я сижу на BigSur с бета теста для разработчиков. Утекло очень много всяких багов и к релизе пофиксили почти все, что я нашел.
Но вот этот, лично у меня самый частый баг новой ОС
Но вот этот, лично у меня самый частый баг новой ОС
На следующей неделе стартует онлайн-конференция FrontendCrew
а также появится Zerobias, угадайте на какую тему?
- А вторая - про разработку интерфейсов
Я заскочу на круглый стол про CSS-in-JS с Ситником
https://podlodka.io/fecrew
(12.07 - 23.07)
- Первая неделя будет посвящена архитектуре фронта где будет спич про FeatureSliced а также появится Zerobias, угадайте на какую тему?
- А вторая - про разработку интерфейсов
Я заскочу на круглый стол про CSS-in-JS с Ситником
https://podlodka.io/fecrew
This media is not supported in your browser
VIEW IN TELEGRAM
Небольшой кусочек записи из круглого стола по CSS-in-JS
Каждый раз сильно удивляюсь с дизайна сторонних приложений.
Они пытаются скопировать дизайн Apple и улучшить его, но получается только хуже.
4 зеленых кольца сливаются в единую кашу, уже невозможно отличить показатели.
Кружки со значками показателя уже не кружки, а овалы. Причем имеют тень со всех сторон.
Прошу обратить внимание, что в дизайне оригинального приложения есть градиент, от начала кольца до конца, то есть можно точно понять когда оно прошло больше одного круга.
Здесь же, дизайн просто бесполезен. Все показатели видимо прошли больше одного круга, но число в центре говорит о том, что ровно круг, это ведь проценты, да?
Почему в подсказке по значениям кольца сна, а не кольцо? Там же всего одно такое кольцо.
Почему в кольце со звездой указан пульс в описании, хотя для этого есть отдельное кольцо.
Подсказка по кольцу глубокого сна вообще вводит в заблуждение, мышцы не просто расслабляются, они парализованы. Почитайте про сонный паралич и его причины, станет понятнее.
Они пытаются скопировать дизайн Apple и улучшить его, но получается только хуже.
4 зеленых кольца сливаются в единую кашу, уже невозможно отличить показатели.
Кружки со значками показателя уже не кружки, а овалы. Причем имеют тень со всех сторон.
Прошу обратить внимание, что в дизайне оригинального приложения есть градиент, от начала кольца до конца, то есть можно точно понять когда оно прошло больше одного круга.
Здесь же, дизайн просто бесполезен. Все показатели видимо прошли больше одного круга, но число в центре говорит о том, что ровно круг, это ведь проценты, да?
Почему в подсказке по значениям кольца сна, а не кольцо? Там же всего одно такое кольцо.
Почему в кольце со звездой указан пульс в описании, хотя для этого есть отдельное кольцо.
Подсказка по кольцу глубокого сна вообще вводит в заблуждение, мышцы не просто расслабляются, они парализованы. Почитайте про сонный паралич и его причины, станет понятнее.
Forwarded from Effector news (Z)
Как стейт-контейнер влияет на архитектуру приложения — запись интервью Дмитрия Болдырева для Podlodka Frontend Crew
https://www.youtube.com/watch?v=onNXLSZN7po
https://podlodka.io/fecrew
https://www.youtube.com/watch?v=onNXLSZN7po
https://podlodka.io/fecrew
YouTube
Интервью: Как стейт-контейнер влияет на архитектуру приложения / Дмитрий Болдырев
Ссылки по Effector:
Комьюнити : https://t.me/effector_ru
Поддержать разработку: https://www.patreon.com/zero_bias
Twitter: https://twitter.com/effectorjs (edited)
Комьюнити : https://t.me/effector_ru
Поддержать разработку: https://www.patreon.com/zero_bias
Twitter: https://twitter.com/effectorjs (edited)
Вчера я участвовал в круглом столе про CSS-in-JS с Андреем Ситником, ребятами из Авито и Сбермаркета.
Запись по ссылке: https://www.youtube.com/watch?v=s0b32Wmrpjs
Запись по ссылке: https://www.youtube.com/watch?v=s0b32Wmrpjs
YouTube
Круглый стол: CSS-in-JS (не)нужен / Андрей Ситник, Артем Зверев, Сергей Сова, Александр Зубов