1. CAT-3 Sem-VII
Course Code : BTCS9609 Courses Name: UI/UX design
Program Name : B.Tech
RECENT TECHNOLOGY ( IN LAST 2 YEARS) USED FOR UI DESIGN AND HOW IT IS DIFFERENT FROM
EARLIER TECHNOLOGY
Group:01
Aditi Ranjan
TOPIC
2. History of UI design
Program Name: B.Sc(H) in Mathematics
Program Name : B.Tech
Today computers are omnipresent. You can’t escape them. We are living in
an exciting age of design and evolving user interfaces; a new technological
era where our clothes, accessories, homes, cars, and streets have become
one massive user interface—dubbed by some as the “ambient intelligence
world.”
The evolution of UI design can be broken down into four periods: the age of
tools, the age of the machine, the age of software, and the age of the self.
With this rapid growth, an exploration into human interaction with objects,
the environment, and technology has become essential.
3. Program Name : B.Tech
Technology which was used in earlier 2 years
Some of the most popular and successful companies like Netflix, Facebook, and Instagram
operate on the principle of prioritizing their UI over everything. Take any one of them, and you
would notice that the platform is powerful yet simple with a brilliant user interface. And that is
because of the many versatile frameworks working behind the curtains
1. React
React is one of the simplest frameworks to learn and perfect for a developer.
It was initially developed at Facebook as a fixture to code maintenance
issues due to the constant additions of new features and design updates of
the Facebook app.
The framework is especially recommended for projects that revolve
around one-page web applications and PWAs (Progressive Web Apps).
4. Angular
Program Name: B.Sc(H) in Mathematics
Program Name : B.Tech
Angular
If there is a list of best front-end UI frameworks, it is
incomplete without Angular. Also, Angular is probably the
only framework on this list that is based on a TypeScript.
Launched back in 2016, the framework was developed by
Google mainly to bridge the gap between the conventional
concept that generate results and the constantly increasing
demands of technological advancements.
However, unlike React, Angular has a two-way data binding
feature. This allows real-time synchronization between the
user view and the background model. Any change made in
the model would show up instantly and vice versa.
5. Program Name : B.Tech
3. Flutter
Flutter
Flutter is one of the fastest-growing open-source
frameworks. Flutter was developed for the first time in
2015, especially for Android developers. But for the
following three years, Google took over the team
behind Flutter to support Android and iOS. Finally,
they released the first official version of Flutter called
Flutter 1.0 for iOS and Android in 2018.
Since then, the framework has been extensively
supported for good performance and a detailed user
interface by the community. In 2019 the Flutter team
toggled into web development and released Flutter 1.12.
As the team presented the full directory to develop and
run the application, developers and companies were
thrilled about the news for its front-end development.
6. Program Name : B.Tech
Vue.js
Vue.js
Vue has become one of the most popular front-end
frameworks recently. It is a straightforward and simple
framework that is good at eradicating any complexities
mainly faced by other framework developers. Apart
from this, it is a component-based framework
comparatively smaller in size and offers visual DOM. A
lot of custom essay writing companies claim to use it
for building their user interface.
It also works with a two-way data binding feature and
can help you with multiple tasks at once. Many big
names of the market like Alibaba, 9gag, Reuters, and
Xiaomi have recruited Vue for its versatility. The
platform itself is a constantly updating one. As it
continues to grow in terms of adoptions, it has been
optimized for app performances and to tackle
complexities.
7. Program Name : B.Tech
Sketch
Sketch is a vector graphics editor used for drawing, wireframing,
prototyping and design handoff—essentially everything you need to bring
your designs to life.
Sketch is a powerful and flexible UX and UI design platform built
for collaborative design. It has long been considered an
industry-standard tool, ideal for both beginner and advanced
designers. However, bear in mind that Sketch is only compatible
with macOS.
Key features:
•Intuitive vector editing tools and editable boolean operations for
flexible and iterative design
•Infinite design canvas with flexible Artboards, design presets,
customisable grids and simple resizing tools, allowing you to
scale your designs to any screen size
•Shorthand and math operators to speed up the design process
•Variable and OpenType fonts for infinite control over your
interface typography
•Cross-platform tools for real-time collaboration, feedback,
sharing and developer handoff