<abstract xmlns="http://www.w3.org/1999/xhtml">

<p>In the new era of the “Internet +” economic background, people's aesthetic standards continue to improve, and there are higher requirements for web design work. This paper is based on the Bootstrap framework to design responsive web pages and utilizes the grid system in the Bootstrap framework to enable the automatic layout of web pages. Then PS software technology is applied as the core technology in responsive web page design, and PS software is used to detect and adjust the optimization of responsive web page layout and visual chromatic aberration so as to present users with coordinated, beautiful, and easy-to-operate responsive web pages. By designing eye movement experiments to collect and analyze the eye movement data of the subjects when browsing web pages, the average pupil diameter of the users showed a significant difference in browsing different web pages (P=0.014&lt;0.05). The web pages designed by PS software were more appealing to the users and increased their interest in browsing web pages. The results of the psychological level showed that the subject users found the web pages created by applying PS software more impressive than ordinary web pages (P=0.004&lt;0.01). This paper provides a useful guide for web page designers to enhance the visual experience for users when browsing web pages.</p>
</abstract>

In the new era of the “Internet +” economic background, people's aesthetic standards continue to improve, and there are higher requirements for web design work. This paper is based on the Bootstrap framework to design responsive web pages and utilizes the grid system in the Bootstrap framework to enable the automatic layout of web pages. Then PS software technology is applied as the core technology in responsive web page design, and PS software is used to detect and adjust the optimization of responsive web page layout and visual chromatic aberration so as to present users with coordinated, beautiful, and easy-to-operate responsive web pages. By designing eye movement experiments to collect and analyze the eye movement data of the subjects when browsing web pages, the average pupil diameter of the users showed a significant difference in browsing different web pages (P=0.014<0.05). The web pages designed by PS software were more appealing to the users and increased their interest in browsing web pages. The results of the psychological level showed that the subject users found the web pages created by applying PS software more impressive than ordinary web pages (P=0.004<0.01). This paper provides a useful guide for web page designers to enhance the visual experience for users when browsing web pages.

Coordination analysis of layout and visual color difference in responsive web design based on PS software

Applied Mathematics and Nonlinear Sciences

This work is licensed under the Creative Commons Attribution 4.0 International License.

In the new era of the “Internet +” economic background, people's aesthetic standards continue to improve, and there are higher requirements for web design...

Coordination analysis of layout and visual color difference in responsive web design based on PS software

Published Online: Jul 09, 2024

Page range: -

Received: Mar 07, 2024

Accepted: May 26, 2024

DOI: https://doi.org/10.2478/amns-2024-1749

Keywords
PS software, Bootstrap, Grid system, Responsive web pages, Web design

© 2024 Yuxian Yao., published by Sciendo

This work is licensed under the Creative Commons Attribution 4.0 International License.

Coordination analysis of layout and visual color difference in responsive web design based on PS software

Published Online: Jul 09, 2024

Page range: -

Received: Mar 07, 2024

Accepted: May 26, 2024

DOI: https://doi.org/10.2478/amns-2024-1749

KeywordsPS software, Bootstrap, Grid system, Responsive web pages, Web design

© 2024 Yuxian Yao., published by Sciendo

This work is licensed under the Creative Commons Attribution 4.0 International License.

Keywords
PS software, Bootstrap, Grid system, Responsive web pages, Web design