Неоморфизм/Neumorphism – это относительно новая тенденция, которая начинает заниматься в мире дизайна интернет-пользовательского интерфейса, он пытается объединить некоторые понятия плоского дизайна и несколько более старых концепции интерфейса Skeuomorphism.
Skeuomorphism – это термин, чаще всего используемый в графическом дизайне пользовательского интерфейса для описания объектов интерфейса, которые имитируют их реальные коллеги в том, как они появляются и/или как пользователь может взаимодействовать с ними
Neumorphism – это визуальный стиль, который сочетает в себе методы от спикеоморфизма, реализма и плоского дизайна, чтобы создать более современное чувство взять на себя старую концепцию. По сути, это новый, минимальный способ дизайна с мягким, экструдированным пластиком.
Я был после оправдания создать какой-то UI, используя концепции этой тенденции, и поэтому думал, что я пойду на относительно простую вещь калькулятора.
Я хотел, чтобы кнопки почувствуют себя реалистично, и в этот конец я искал некоторые рекомендации в Интернете, и часто рекомендую инструмент был https://neumorphism.io Как оно дает хорошую систему для проектирования элементов Neumorphic UI.
Я разработал это так, чтобы в невращенном состоянии у них был экструдированный взгляд на них, сродни физическим пуговицам, на колесе, они бы пошли несколько плоские, а на прессе они смотрят, что они были нажаты внутрь.
В обзоре
Я на самом деле слишком долго, пытаясь придумать функцию настраиваемой математической оценки, поскольку я начал добавлять эту функциональность позже в тот день, и как-то полностью забыто о гораздо более простой варианте использования Eval Особенно, как мне не нужно было беспокоиться о недействительных входах, сбивающих приложение (поскольку входы были ограничены мной).
Последний продукт
https://codepen.io/GeorgeWL/full/yLeXxpM
Оригинал: “https://dev.to/georgewl/neumorphic-calculator-kf7”