<!DOCTYPE article PUBLIC "-//NLM//DTD JATS (Z39.96) Journal Archiving and Interchange DTD v1.0 20120330//EN" "JATS-archivearticle1.dtd">
<article xmlns:xlink="http://www.w3.org/1999/xlink">
  <front>
    <journal-meta />
    <article-meta>
      <title-group>
        <article-title>User Interface Design Based on Color Schemes of Paintings' Digital Reproductions</article-title>
      </title-group>
      <contrib-group>
        <aff id="aff0">
          <label>0</label>
          <institution>ITMO University</institution>
          ,
          <addr-line>Saint-Petersburg</addr-line>
          ,
          <country country="RU">Russia</country>
        </aff>
      </contrib-group>
      <abstract>
        <p>The article discusses the creating of user interface using art works by artists of the post-impressionist era. A perception of colors is investigated. An experiment was conducted on two samples in three steps: collection of data on respondents, including a test to determine deviations in level of color vision, the test for recognition of the author of the image by compositional color scheme, the test for recognition of the author by non-compositional color scheme. A pilot experiment was conducted on 23 respondents, 45 people took part in main experiment. It was found that most respondents, both at the step of recognition by compositional color scheme and at the step of recognition only by noncompositional color scheme, recognize the works of some artists. According to results of comparing the data, it was revealed that the number of correctly recognized images depends on the deviations of color vision only when recognized by the non-compositional color scheme. The results of the study are used to create color schemes of user interfaces.</p>
      </abstract>
      <kwd-group>
        <kwd>digital color scheme of the image color vision in uence of color on perception cognitive portal</kwd>
      </kwd-group>
    </article-meta>
  </front>
  <body>
    <sec id="sec-1">
      <title>-</title>
      <p>
        Also, don't forget that the color scheme of the image (the mutual position
and the ratio of colors among themselves, the amount of one color or another)
carries a kind of message from the author, and at the same time is a holistic and
harmonized tool. In addition, the color scheme is unique and individual for each
author, it has its own combinations, not dissimilar like others [
        <xref ref-type="bibr" rid="ref2 ref3">2, 3</xref>
        ].
      </p>
      <p>
        Color in user interface can control the user's attention, help to recognize
interface elements, express the meaning of indicators in complex professional
systems, as well as be used for visual grouping of similar objects [
        <xref ref-type="bibr" rid="ref4">4</xref>
        ].
      </p>
      <p>
        The article [
        <xref ref-type="bibr" rid="ref5">5</xref>
        ] discusses the design of human-computer interaction with
smartphones, taking into account the color semantics, the use of which in the
design of the user interface will better meet the needs of users and improve the
user experience.
      </p>
      <p>
        The paper [
        <xref ref-type="bibr" rid="ref6">6</xref>
        ] examines the color preferences of mobile device users. In
accordance with the PCCS color system, three groups of colors (warm, cold, neutral)
are de ned, which are divided into 18 colors used in the user interface (UI). The
authors received various combinations of colors in the UI, which are preferred
by users of di erent gender, age and level of education, etc. In accordance with
the research results, the article o ers some suggestions about the color design of
the UI.
      </p>
      <p>
        The work [
        <xref ref-type="bibr" rid="ref4">4</xref>
        ] tested the hypothesis that people see and perceive colors in
the image in accordance with their color preferences, which were determined by
the Luscher color test. The study revealed that the dependence of the visibility
of the colors in the image on their attractiveness is negligible. The presence of
favorite colors in the images also did not a ect the preferences of the image as
a whole.
      </p>
      <p>In our study an experiment was planned and conducted to nd out whether
the possession of basic knowledge on the history of art and color science, as well
as the level of color vision, in uence the recognition of authors of paintings of
the post-impressionism era by a simpli ed compositional and non-compositional
color schemes.</p>
      <p>The experiment was carried out on the basis of the works of
postimpressionists artists { Paul Gauguin, Vincent van Gogh, Paul Cezanne, Paul Signac and
Georges Seurat.</p>
      <p>These artists strived in their work not so much to show as to interpret what
they saw, using each their own individual compositional and coloristic solution.
In particular, Seurat was fascinated by the theory of color and sought to combine
creativity with scienti c achievements, considered it possible to explain art from
a scienti c point of view.</p>
      <p>Post-impressionists believed that colors should not mix on a palette, like
academics, and not on canvas, like impressionists, but directly in the face of
the viewer, the intended color arises when considering brush strokes of di erent
colors located next to each other.</p>
      <p>Thus, we can say that color plays an important role in the work of
postimpressionists, so reproductions of their works can be used as mainstay
material for the experiment. In addition, open electronic sources contain a su cient
number of reproductions of paintings by post-impressionists. To study the
dependence of the recognition of authors on the deviation of color vision, an experiment
was planned.</p>
      <p>A pilot version of the experiment was conducted with participation of
secondyear students of the educational program "Computer Graphics and Design" at
ITMO University. Such students have basic knowledge of art history, which helps
to minimize di erences in answers due to unpreparedness. In addition, students
studying in this area have basic knowledge of color science.</p>
      <p>The study included a test of the level of color vision and an experiment,
consisting of three steps for ease of data collection and analysis.</p>
      <p>First of all, a poll was o ered, consisting of nine questions about respondents'
personal data (age, gender, educational level), as well as about their knowledge
in the</p>
      <p>eld of art history and color science. In the pilot experiment data were
obtained from 23 respondents. A basic experiment was conducted with 45
respondents. Based on the collected data, diagrams were constructed to show the
distribution of data ( g. 1).</p>
      <p>iPlot
xEperimntal
81
61
2
91
81
32
01
3
3
gAe
1 1 1
gAe</p>
      <p>After that, it was necessary to</p>
      <p>nd out the level of color vision of
respondents for further analysis of experiment results, since the quality of color vision
can a ect the results of subsequent experiments. The test from the PANTONE
Color Institute was conducted on the online platform at the address in the
Internet: https://www.colormunki.com/game/huetest kiosk for determining color
deviation. During the test respondents collect four di erent color spectra, each
of which contains 22 colors (colored tiles). Respondents need to arrange the tiles
(interactive elements of a given color) in the right order between two stationary
color tiles (the beginning and the end of the spectrum), that is, it is necessary to
collect four 22-color sequences. After compiling the spectra, a program analyzes
data and presents a numerical indicator of the deviation of color vision. Ideal
color vision has zero deviation, accordingly, each incorrectly positioned color
increases this number. The results of the test for determining deviations of color
vision of pilot and basic samples are presented in
gure 2.
02
51
03
52
01
5
0
21
71
iPlot
0
-10
31
4
5-01
41
2</p>
      <p>Upon completion of the test, respondents were shown a sequence of
reproductions of 30 works by post-impressionist artists, with the indicating the author
and title ( g. 3). Parameters of reproductions: size 3508x2480 pixels, resolution
300 pixels per inch.</p>
      <p>A week after the respondents looked at the sequence of illustrations, they were
asked to look at a new sequence containing other works by the same authors,
written by them at the same time. The works are a simpli ed compositional and
color scheme of the image ( g. 4). Such images include a set of uniformly colored
closed outlines, situated correctly relative to the original image composition, in
which the using colors number is ten (the most common colors in the original
image). Respondents were asked to indicate the author of the picture, the scheme
of which is being considered.</p>
      <p>A percentage of authors recognition and confusion was calculated ( g. 5).</p>
      <p>According to the results of experiments on recognizing and determining the
level of color vision, we can conclude that, in the presence of composition and
color, respondents are looking for general patterns of color, composition, and
previous experience.</p>
      <p>
        In addition, if respondents have deviations in color vision, they tend to
recognize images worse if these images are based on the colors of a poorly visible
part of the spectrum (for such a respondent). However, it should be noted that
the vast majority of respondents have about zero deviations in the eld of color
vision [
        <xref ref-type="bibr" rid="ref7">7</xref>
        ].
435
925
415
425
915
59
54
0
86%
%6
92%
73%
eGorgs
nicetV
aPul
      </p>
      <p>aPul
nicetV
aPul
aPul
eGorgs
aPul
ucltdif
aPul
To answer the question about the recognition of non-compositional color
schemes, it was decided to re-test the recognition of authors by non-compositional
color schemes of images. Respondents were invited to view a sequence of 30
reproductions of paintings by post-impressionist artists once again, shown in the
rst stage. Then they needed to see a new sequence containing non-compositional
color schemes of the works shown in the second stage of the experiment.</p>
      <p>Non-compositional color schemes were presented as blocks of ten most
commonly used colors in the original painting of the author ( g. 6).</p>
      <p>Respondents were required to indicate the author of the picture, which was
represented by the shown non-compositional color scheme.</p>
      <p>If there is only a non-compositional color scheme, respondents compare what
they saw and only their own previous experience. Similarly to the second stage,
the percentage of recognition and confusion of authors by non-compositional
color scheme was calculated ( g. 7).
02
510
01
05
0
15%
nicetV
aPul
36%
eGorgs
aPul
ucltdif
aPul
73%
eGorgs
82%
nicetV
aPul</p>
      <p>aPul</p>
      <p>We noticed that at third step respondents who have deviations in color vision
will usually recognize less authors than those who have zero deviations. Based
on all collected data, it is possible to test the hypothesis that deviations in color
vision correlates with the recognition of authors of the works. Spearman's rank
correlation coe</p>
      <p>cient with two-tailed test of statistical signi cance was chosen
for data analysis.</p>
      <p>The rst experimental hypothesis: the level of color vision correlates with the
recognition of authors of works by compositional color scheme. It has not been
con rmed by the experimental data (p-value = 0.14). There may actually be a
dependency, but it is not strong enough to make a signi cance correlation in the
sample of this size.</p>
      <p>The second experimental hypothesis: the level of color vision correlates with
the recognition of authors of works by non-compositional color scheme. This
hypothesis was con rmed at a con dence level of 95% (p-value = 0.03).</p>
      <p>It was found out that the percentage of recognition of the authors by
noncompositional color scheme and by compositional color scheme is about the same
(Fig. 8).</p>
      <p>01%
09%
08%
01%
03%
02%
05%
04%
07%
06%
%0
%4</p>
      <p>As a result of the experiment, it was revealed that the work of artists such
as Paul Gauguin and Vincent van Gogh were found by the majority of
respondents, regardless of the scheme in which the image was presented. The artists
Georges Seurat, Paul Cezanne and Paul Signac were not distinguishing by the
compositional color scheme, however, when recognizing the author only by the
color scheme, Paul Signac is distinguished by the majority of respondents.</p>
      <p>In the process of analyzing the obtained data, a hypothesis was put forward
that respondents, especially those who do not have knowledge of art history, can
distinguish between the images themselves, but confuse the names of artists.</p>
      <p>In addition, by the results of comparing the data obtained, it was found that
the number of correctly recognized images depends on color vision deviations
only when recognized by the color scheme.
Based on the results gotten, harmonious color schemes of user interfaces for
various digital products have been developed, which are improve user experience.
A prototype of the user interface of cognitive portal was designed.</p>
      <p>This cognitive portal is aimed at:
{ the learning about the cognitive processes (perception of art, as well as
general development),
{ the learning of property of color, like a marker to identify of the artist,
{ the setting of key points in the design of the interface,
{ the getting of new knowledge in the eld of art history,
{ and some psychological relax.</p>
      <p>The key section of the portal is the block using the previously obtained color
schemes of artists' works. So, the user is invited to apply the color schemes of
artists of the chosen era to designed user interface. The portal is working with
user interfaces for Android, iOS or web applications.</p>
      <p>Figure 9 shows the interface of the cognitive portal section. On the current
screen, the user chooses an artist depending on the previously selected direction.
The choice of application type and lling method are also available.</p>
      <p>The current section is made on the coloring principle, so the user needs to
select a color and apply it to any part of the application user interface that was
selected from the panel on the right. By default, the user is o ered the option
of solid</p>
      <p>lling. However, either in the real world and at the canvases of artists it
is rarely possible to</p>
      <p>nd a solid color.</p>
      <p>Therefore, it was decided to allow the user to choose the ll method. Thus,
user can select one of the three available ll options:
{ solid ll,
{ transparent gradient,
{ two-color gradient.</p>
      <p>A transparent gradient is a color with a consistent change in saturation.
A fragment of the palette with a transparent interface is shown in g. 10.</p>
      <p>Thus, the color schemes of artists used by them in their works can be applied
in the currently relevant area of interface design as harmonious color
combinations.</p>
      <p>рПозачный
вДухцетный</p>
      <p>Two-color gradients combine two colors from the main palette. Among the
gradients there are both combinations of slightly di erent colors and pairs of
complementary colors. The most successful pairs of such gradients made up the
proposed palette ( g. 11).</p>
    </sec>
  </body>
  <back>
    <ref-list>
      <ref id="ref1">
        <mixed-citation>
          1.
          <string-name>
            <surname>Castelhano</surname>
            ,
            <given-names>M. S.</given-names>
          </string-name>
          ,
          <string-name>
            <surname>Henderson</surname>
            ,
            <given-names>J. M.</given-names>
          </string-name>
          <article-title>The In uence of Color on the Perception of Scene Gist</article-title>
          . In: Journal of Experimental Psychology: pp.
          <fpage>660</fpage>
          -
          <lpage>675</lpage>
          . American Psychological Association, USA (
          <year>2008</year>
          )
        </mixed-citation>
      </ref>
      <ref id="ref2">
        <mixed-citation>
          2.
          <string-name>
            <surname>Lysova</surname>
            ,
            <given-names>E. V.</given-names>
          </string-name>
          ,
          <string-name>
            <surname>Sychkov</surname>
            ,
            <given-names>F. V.</given-names>
          </string-name>
          <article-title>Language of Color. Expressive Possibilities and Specicity of Perception</article-title>
          .
          <source>In: Regionology. No.1</source>
          . pp.
          <fpage>229</fpage>
          -
          <lpage>240</lpage>
          . (
          <year>2011</year>
          )
        </mixed-citation>
      </ref>
      <ref id="ref3">
        <mixed-citation>
          3.
          <string-name>
            <surname>Poleva</surname>
            ,
            <given-names>N. S.</given-names>
          </string-name>
          <article-title>Color as the Language of Painting in the Psychology of Art of N. N. Volkov</article-title>
          . In:
          <article-title>Cultural-historical psychology</article-title>
          . Vol.
          <volume>3</volume>
          , No.
          <issue>2</issue>
          , pp.
          <fpage>93</fpage>
          -
          <lpage>100</lpage>
          . Moscow State University of Psychology and Education,
          <string-name>
            <surname>Russia</surname>
          </string-name>
          (
          <year>2007</year>
          )
        </mixed-citation>
      </ref>
      <ref id="ref4">
        <mixed-citation>
          4.
          <string-name>
            <surname>Shishkin</surname>
            <given-names>R.V.</given-names>
          </string-name>
          ,
          <string-name>
            <surname>Lokalov</surname>
            <given-names>V. A.</given-names>
          </string-name>
          <string-name>
            <surname>Factors</surname>
          </string-name>
          <article-title>In uencing the Perception of the Color Structure of a Computer Image</article-title>
          . In: Almanac of Scienti c Works of Young Scientists of ITMO University. Volume
          <volume>1</volume>
          . pp.
          <fpage>313</fpage>
          -
          <lpage>315</lpage>
          . ITMO University, St. Petersburg,
          <string-name>
            <surname>Russia</surname>
          </string-name>
          (
          <year>2019</year>
          )
        </mixed-citation>
      </ref>
      <ref id="ref5">
        <mixed-citation>
          5.
          <string-name>
            <surname>Xiaoxiao</surname>
            <given-names>B.</given-names>
          </string-name>
          , Wenming L.
          <article-title>Research on the application of color semantics in the human-computer interaction design of smartphones</article-title>
          .
          <source>In: 6th International Forum on Industrial Design (IFID</source>
          <year>2018</year>
          ),
          <source>MATEC Web Conf</source>
          (
          <year>2018</year>
          )
        </mixed-citation>
      </ref>
      <ref id="ref6">
        <mixed-citation>
          6.
          <string-name>
            <surname>Jin</surname>
            <given-names>J.</given-names>
          </string-name>
          ,
          <string-name>
            <surname>Shen</surname>
            <given-names>H</given-names>
          </string-name>
          .
          <article-title>Research About UI Color Preference for Mobile Terminal Based on the User's Visual Thinking and Perception</article-title>
          .
          <source>In: Man-Machine-Environment System Engineering. MMESE 2018. Lecture Notes in Electrical Engineering</source>
          , vol
          <volume>527</volume>
          . Springer, Singapore (
          <year>2019</year>
          )
        </mixed-citation>
      </ref>
      <ref id="ref7">
        <mixed-citation>
          7.
          <string-name>
            <surname>Mandrik</surname>
            <given-names>A. D.</given-names>
          </string-name>
          ,
          <string-name>
            <surname>Sopronenko</surname>
            <given-names>L. P.</given-names>
          </string-name>
          <article-title>Study of the In uence of Color on the Perception of Works of Art</article-title>
          . In: Social Transformations: collection of scienti c articles / Vol.
          <volume>30</volume>
          :
          <string-name>
            <surname>The First</surname>
          </string-name>
          All-Russian Congress on Color, pp.
          <fpage>110</fpage>
          -
          <lpage>116</lpage>
          . Publishing house of Smolensk State University, Russia (
          <year>2019</year>
          )
        </mixed-citation>
      </ref>
    </ref-list>
  </back>
</article>