WO2013014849A1 - 画面検査装置、画面検査方法、及びプログラム - Google Patents

画面検査装置、画面検査方法、及びプログラム Download PDF

Info

Publication number
WO2013014849A1
WO2013014849A1 PCT/JP2012/003786 JP2012003786W WO2013014849A1 WO 2013014849 A1 WO2013014849 A1 WO 2013014849A1 JP 2012003786 W JP2012003786 W JP 2012003786W WO 2013014849 A1 WO2013014849 A1 WO 2013014849A1
Authority
WO
WIPO (PCT)
Prior art keywords
combination
color
display
display element
combinations
Prior art date
Application number
PCT/JP2012/003786
Other languages
English (en)
French (fr)
Inventor
由紀子 谷川
Original Assignee
日本電気株式会社
Priority date (The priority date is an assumption and is not a legal conclusion. Google has not performed a legal analysis and makes no representation as to the accuracy of the date listed.)
Filing date
Publication date
Application filed by 日本電気株式会社 filed Critical 日本電気株式会社
Priority to JP2013514894A priority Critical patent/JP5304965B2/ja
Priority to CN201280035873.5A priority patent/CN103688291B/zh
Priority to US14/234,932 priority patent/US9177528B2/en
Priority to EP12817942.1A priority patent/EP2696327A4/en
Publication of WO2013014849A1 publication Critical patent/WO2013014849A1/ja

Links

Images

Classifications

    • GPHYSICS
    • G09EDUCATION; CRYPTOGRAPHY; DISPLAY; ADVERTISING; SEALS
    • G09GARRANGEMENTS OR CIRCUITS FOR CONTROL OF INDICATING DEVICES USING STATIC MEANS TO PRESENT VARIABLE INFORMATION
    • G09G5/00Control arrangements or circuits for visual indicators common to cathode-ray tube indicators and other visual indicators
    • G09G5/02Control arrangements or circuits for visual indicators common to cathode-ray tube indicators and other visual indicators characterised by the way in which colour is displayed
    • GPHYSICS
    • G06COMPUTING; CALCULATING OR COUNTING
    • G06TIMAGE DATA PROCESSING OR GENERATION, IN GENERAL
    • G06T7/00Image analysis
    • G06T7/0002Inspection of images, e.g. flaw detection
    • GPHYSICS
    • G09EDUCATION; CRYPTOGRAPHY; DISPLAY; ADVERTISING; SEALS
    • G09GARRANGEMENTS OR CIRCUITS FOR CONTROL OF INDICATING DEVICES USING STATIC MEANS TO PRESENT VARIABLE INFORMATION
    • G09G5/00Control arrangements or circuits for visual indicators common to cathode-ray tube indicators and other visual indicators
    • G09G5/10Intensity circuits
    • GPHYSICS
    • G06COMPUTING; CALCULATING OR COUNTING
    • G06TIMAGE DATA PROCESSING OR GENERATION, IN GENERAL
    • G06T2207/00Indexing scheme for image analysis or image enhancement
    • G06T2207/30Subject of image; Context of image processing
    • G06T2207/30168Image quality inspection

Definitions

  • the present invention relates to a screen inspection device, a screen inspection method, and a program.
  • Patent Document 1 As a method and apparatus for inspecting the color arrangement of screen data displayed on the screen such as Web contents, there are a method described in Patent Document 1, aDesigner (product name: made by IBM), and ColorSelector (product name: made by Fujitsu). .
  • the technique described in Patent Document 1 analyzes the structure of display elements included in a document, calculates the difference in color index (brightness, hue, and saturation) of elements adjacent to each other in the hierarchy, When it is less than a predetermined threshold value, it is determined that the readability is insufficient.
  • Patent Document 2 There is a method described in Patent Document 2 or Patent Document 3 as a mechanism for inspecting the harmony (beauty and comfort) of the color scheme between display elements included in a document and exemplifying an appropriate color scheme.
  • the method described in Japanese Patent Laid-Open No. 2004-228561 is a sensitivity condition specified in advance by the user for the display colors of elements displayed on the screen (which defines a visual state or an overall atmosphere to be expressed as the entire document).
  • whether the color set by the user is suitable is calculated by a calculation algorithm and notified to the user.
  • Patent Document 4 There is a method described in Patent Document 4 for a device that displays a document or the like as an image and has a mechanism for suppressing eye fatigue.
  • the method described in Patent Document 4 suppresses eye fatigue by automatically harmonizing the brightness of the image and the peripheral area of the image when displaying the image with a projector or the like.
  • An object of the present invention is to provide a screen inspection device, a screen inspection method, and a program capable of finding an unfavorable color scheme that makes a user feel tired or uncomfortable.
  • a plurality of element combinations that are combinations of two display elements are generated based on screen data including a plurality of display elements, and the distance between the two display elements is equal to or less than a threshold value.
  • a combination selection means for selecting a combination The element combination in which the color combination of the two display elements is any one of a color difference, a saturation difference, a brightness difference, and both the brightness and the saturation exceed a threshold value determined for each.
  • a combination is selected from the element combinations selected by the combination selection means, and the element combinations belonging to one color combination with respect to the total number of the element combinations selected by the combination selection means
  • a combination classification means for calculating an appearance rate that is a ratio of the number of each color combination
  • a screen determining means for calculating a sum of the appearance ratios of the color combinations whose appearance ratio exceeds a threshold value, and determining whether the calculated sum exceeds a threshold value; Is provided.
  • a computer generates a plurality of element combinations that are combinations of two display elements based on screen data including a plurality of display elements, and a distance between the two display elements is equal to or less than a threshold value.
  • Select the element combination of In the computer the combination of the colors of the two display elements has a color difference, a saturation difference, a brightness difference, and both the brightness and the saturation exceed a threshold value determined for each.
  • the element combination is selected from the element combinations selected by the combination selection unit, and belongs to one color combination with respect to the total number of the element combinations selected by the combination selection unit
  • An appearance rate which is a ratio of the number of element combinations, is calculated for each combination of colors
  • a program for causing a computer to function as a screen inspection device In the computer, A function of generating a plurality of element combinations that are combinations of two display elements based on screen data including a plurality of display elements, and selecting the element combination having a distance between the two display elements equal to or less than a threshold value
  • the element combination in which the color combination of the two display elements is any one of a color difference, a saturation difference, a brightness difference, and both the brightness and the saturation exceed a threshold value determined for each.
  • a combination is selected from the element combinations selected by the combination selection means, and the element combinations belonging to one color combination with respect to the total number of the element combinations selected by the combination selection means
  • a function of calculating an appearance rate that is a ratio of the number of each color combination A function of calculating a sum of the appearance ratios of the combination of colors in which the appearance ratio exceeds a threshold, and determining whether the calculated sum exceeds the threshold;
  • a program for realizing the above is provided.
  • FIG. 1 is a block diagram illustrating a configuration of a screen inspection apparatus 10 according to the first embodiment.
  • the screen inspection apparatus 10 includes a combination selection unit 20, a combination classification unit 30, and a screen determination unit 40.
  • the combination selection unit 20 generates a plurality of element combinations that are combinations of two display elements based on screen data including a plurality of display elements. Then, the combination selection unit 20 selects an element combination whose distance between the two display elements is equal to or less than a threshold value.
  • the combination classifying unit 30 determines whether each of the combinations of the colors of the two display elements among the element combinations is a color difference, a saturation difference, a brightness difference, and both brightness and saturation. Select the one that exceeds the threshold value.
  • the combination classification unit 30 calculates an appearance rate for each color combination.
  • the appearance rate is a ratio of the number of element combinations belonging to the color combination to the total number of element combinations generated by the combination selection unit 20.
  • the screen determination unit 40 sets a color set in which any one of color difference, saturation difference, brightness difference, and both brightness and re-exceeds a threshold value determined for each and the appearance rate exceeds the threshold value.
  • the sum of the appearance rates is calculated for the combination, and it is determined whether or not the calculated sum exceeds the threshold value. Then, the screen determination unit 40 determines that the screen data in which the sum of the appearance rates exceeds the threshold has an unfavorable color scheme that causes the user to feel fatigue or discomfort. This determination result is displayed on a display screen, for example. Details of the function of each display element of the screen inspection apparatus 10 will be described later using a flowchart.
  • each display element of the screen inspection apparatus 10 shown in FIG. 1 is not a hardware unit configuration but a functional unit block.
  • Each display element of the screen inspection apparatus 10 is centered on an arbitrary computer CPU, memory, a program for realizing the display element of this figure loaded in the memory, a storage unit such as a hard disk for storing the program, and a network connection interface. It is realized by any combination of hardware and software. There are various modifications of the implementation method and apparatus.
  • FIG. 1 2 to 6 are flowcharts showing the operation of the screen inspection apparatus 10 shown in FIG.
  • the combination selection unit 20 acquires screen data.
  • the screen data is stored in a storage unit included in the screen inspection device 10.
  • the combination selection unit 20 extracts display elements that the screen has, and assigns identification information (ID) to each display element (step S201).
  • ID identification information
  • the combination selection unit 20 recognizes the type of display element (for example, a heading or an item label) for each display element, and stores the recognized type in association with the ID of the display element (step S202). Further, the combination selection unit 20 recognizes the color information (for example, hue, saturation, brightness) of each display element for each display element, and stores the recognized color information in association with the ID of the display element (step S203). ).
  • the combination selection unit 20 converts the color in the other format into color information including hue, saturation, and brightness. .
  • the combination selection unit 20 recognizes the position information and size information of the left and right ends of each display element for each display element, and stores the recognized type in association with the ID of the display element (step S204).
  • the position information is defined, for example, with the upper left corner as the origin.
  • the combination selection unit 20 performs the following processing for all display elements (step S ⁇ b> 211: No).
  • the combination selection unit 20 extracts one arbitrary display element (A1) (step S212).
  • the combination selection unit 20 selects another display element (A2) until all display elements except the display element A1 are selected (step S213: No) (step S214).
  • the combination selection unit 20 obtains the distance between the display element A1 and the display element A2 based on the position information and the size information of the display element A1 and the display element A2, and determines whether the distance is equal to or less than the threshold value. (Step S215). When it is below the threshold value, the combination selection unit 20 determines that the currently selected display element A1 and display element A2 are close to each other (step S216).
  • step S213 Yes
  • the display element A1 is changed (steps S211 and S212). That is, the combination selection unit 20 performs the determinations in steps S215 and S216 for all combinations of display elements.
  • the combination classifying unit 30 displays the display element for a combination of two display elements determined to be close in step S ⁇ b> 216 in FIG. 3 (hereinafter referred to as element combination). Color information is extracted from the attribute information. Then, the combination classification unit 30 generates color combination information in the element combination based on the extracted color information. Then, the combination classification unit 30 creates a list of color combinations of the element combinations on the screen based on the generated color combination information (step S331).
  • the combination classification unit 30 performs the following process for all color combinations included in the list generated in step S331 (step S332).
  • the combination classification unit 30 selects one color combination from the list (step S333). Next, the combination classification unit 30 extracts element combinations having the selected color combination (step S334), and tabulates the number of extracted element combinations (step S335). Further, the combination classification unit 30 calculates the ratio of the total number of the total color combinations that have been totaled to the total number of element combinations determined to be close in step S216 as an appearance rate (step S336).
  • the combination classification unit 30 performs the following processing for all color combinations.
  • the combination classification unit 30 selects a color combination that has not yet been selected (step S412). Then, the combination classification unit 30 compares the color difference of the selected color combination with a threshold value stored in advance (step S413). When the color difference exceeds the threshold value (step S413: No), the combination classification unit 30 compares the appearance rate of the currently selected color combination (calculated in step S336) with a threshold value that is held in advance. (Step S414). When the threshold value is exceeded (step S414: No), the combination classification unit 30 outputs a determination result that the currently selected color combination is an unfavorable color arrangement in terms of color difference (step S415).
  • step S413: No When the color difference is equal to or smaller than the threshold (step S413: No), and after performing the processing shown in steps S414 and S415, the combination classification unit 30 holds in advance the saturation difference of the selected color combination. (Step S416).
  • step S416: No When the saturation difference exceeds the threshold value (step S416: No), the combination classification unit 30 sets the appearance rate of the currently selected color combination (calculated in step S336) as the threshold value that is held in advance. Compare (step S417).
  • the threshold value here may be the same as or different from the threshold value in step S414.
  • step S417: No the combination classification unit 30 outputs a determination result that the currently selected color combination is an unfavorable color arrangement from the point of saturation difference (step S418). .
  • the combination classification unit 30 holds in advance the brightness difference of the selected color combination when the saturation difference is equal to or less than the threshold value (step S413: No) and after performing the processing shown in steps S417 and S418. It compares with the threshold which is done (step S419). When the lightness difference exceeds the threshold value (step S419: No), the combination classification unit 30 compares the appearance rate of the currently selected color combination (calculated in step S336) with the threshold value stored in advance. (Step S420).
  • the threshold value here may be the same as or different from the threshold value in at least one of steps S414 and S417.
  • the combination classification unit 30 outputs a determination result that the currently selected color combination is an unfavorable color arrangement from the point of brightness difference (step S421).
  • step S419: No When the lightness difference is equal to or smaller than the threshold value (step S419: No) and after performing the processing shown in steps S420 and S421, the combination classification unit 30 holds the selected color combination in advance with saturation. Is present (step S422: No), and the lightness exceeds the threshold previously held (step S423: No), the appearance rate of the currently selected color combination (in step S336) (Calculation) is compared with a threshold value held in advance (step S420).
  • the threshold value here may be the same as or different from the threshold value in at least one of steps S414, S417, and S420.
  • step S424: No the combination classification unit 30 outputs a determination result that the currently selected color combination is an unfavorable color arrangement in terms of brightness and saturation (step S425). ).
  • steps S413 to S415, steps S416 to S418, steps S419 to S421, and steps S422 to S425 may be appropriately changed.
  • the combination classification unit 30 extracts the number of element combinations having the color combination selected in step S415 (step S431). Further, the combination classification unit 30 extracts the number of element combinations having the color combination selected in step S418 (step S432). Further, the combination classification unit 30 extracts the number of element combinations having the color combination selected in Step S421 (Step S433). Further, the combination classification unit 30 extracts the number of element combinations having the number of color combinations selected in step S425 (step S434). Then, the combination classification unit 30 calculates the sum of the number of element combinations extracted in steps S431 to S434 (step S435), and the calculated sum of the element combinations determined to be close in step S216. The appearance rate is calculated by dividing by the total number (step S436).
  • steps S431 to S434 may be changed as appropriate.
  • the combination classification unit 30 performs the appearance rate of the element combination having the color combination selected in step S415 and the color combination selected in step S415 instead of the processing shown in steps S431 to S436.
  • the sum of the appearance rate, the appearance rate of the color combination selected in step S418, the appearance rate of the color combination selected in step S421, and the appearance rate of the color combination selected in step S425 is calculated. Also good.
  • step S436 When the appearance rate calculated by the combination classification unit 30 in step S436 exceeds the threshold (step S437: Yes), the screen determination unit 40 determines that the screen data has an unfavorable color scheme, and the determination result Is output (step S438).
  • screen data having a color scheme that causes undesirable effects such as fatigue and discomfort to the user from screen data displayed on a personal computer screen such as Web content. can be found. Furthermore, in the present embodiment, a color difference, a saturation difference, a brightness difference, or a color combination in which both saturation and lightness exceed a threshold value is selected, and an appearance rate of an element combination having the selected color combination is selected. Select one that exceeds the threshold. This selection result is output (displayed). For this reason, the user can recognize the portion to be corrected.
  • FIG. 7 is a block diagram illustrating a functional configuration of the screen inspection apparatus 10 according to the second embodiment.
  • the screen inspection apparatus 10 according to the present embodiment has the same configuration as that of the screen inspection apparatus 10 according to the first embodiment, except that an overlap determination unit 202 and a combination extraction unit 302 are included.
  • the overlap determination unit 202 analyzes the overlap between display elements, and further classifies the overlapping manner of the two elements closest to each other into the following four patterns.
  • the first pattern the entire upper display element overlaps without touching a part of the lower display element.
  • the second pattern the entire upper display element overlaps with a part of the lower display element in contact with the side.
  • a part of the upper display element overlaps with a part of the lower display element.
  • the fourth pattern the upper display element overlaps the entire lower display element.
  • the combination extraction unit 302 outputs the combination of the two display elements with respect to the element combination that is determined to overlap the two display elements in the first pattern.
  • the combination extraction unit 302 displays the above display in addition to the combination of the two display elements for the combination of elements determined that the two display elements overlap in the second pattern or the third pattern.
  • the combination of the element and the display element that is one lower than the lower display element is output.
  • the combination extraction unit 302 calculates the combination of the upper display element and the display element one lower than the lower display element. Output the combination.
  • the combination extracting unit 302 A combination consisting of two elements is created, and the distance between the two elements is equal to or less than a threshold value.
  • the overlap determination unit 202 selects one display element B1 from the display elements (step S222).
  • the overlap determination unit 202 has other display elements that overlap the display element B1 based on the position information and size information of the selected display element B1 and the position information and size information of other display elements. Is determined (step S223).
  • the overlap determining unit 202 specifies the other display element that is closest (directly above) to the display element B1 (step S224).
  • the combination selection part 20 performs the process shown in FIG. 3 by making into a population the display element made into the element right above the display element B1 by step S224.
  • the overlap determining unit 202 selects one display element A1 from the display elements specified in step S224 (steps S225 and S226), and based on the position information and size information of the display element B1 and the display element selected in step S226. Whether the left end of the display element A1 overlaps the left end of the display element B1, or whether the display element A1 is at the lower right of the screen and the right end of the display element A1 overlaps the right end of the display element B1 or is at the upper left of the screen ( Step S227).
  • Step S227: Yes it is determined whether any of the four sides of the display element A1 is in contact with any of the four sides of the display element A1 (Step S228).
  • the overlap determination unit 202 sets the display element A1 as a part of the lower display element B1. It outputs as a display element (FIG. 9 (a)) which overlaps without contacting a side (step S232).
  • the overlap determining unit 202 determines whether the display element A1 and the display element B1 have the same size (step S229).
  • step S229: No for the display element A1, a display element in which the entire display element overlaps with a part of the lower display element B1 in contact (FIG. 9B). ) (Step S233).
  • the overlap determining unit 202 outputs the display element A1 as a display element that overlaps with the display element B1 hidden (step S234).
  • step S227 Satisfy at least one of the first condition that the left end of the display element A1 is at the lower right of the screen from the left end of the display element B1 and the second condition that the right end of the display element A1 is at the upper left of the screen from the right end of the display element B1. If there is not (step S227: No), the overlap determination unit 202 has the left end of the display element A1 on the upper left side of the screen from the left end of the display element B1, and the right end of the display element A1 is on the lower right side of the screen from the right end of the display element B1. (Step S230).
  • the overlap determination unit 202 When the left end of the display element A1 is at the upper left of the screen from the left end of the display element B1, and the right end of the display element A1 is at the lower right of the screen from the right end of the display element B1 (step S230: Yes), the overlap determination unit 202 The display element A1 is output as a display element that overlaps the display element B1 (FIG. 9D) (step S234). When the condition is not satisfied (step S230: No), the overlap determining unit 202 outputs the display element A1 as a display element (FIG. 9C) that partially overlaps a part of the lower element (step S231). ).
  • the combination extraction unit 302 of the combination classification unit 30 overlaps with the overlap determination unit 202.
  • the processing shown in FIG. 10 is performed on all display elements determined to be present (step S311).
  • the combination extraction unit 302 selects one display element B1 that has not yet been selected (step S312). Next, based on the output result of the overlap determination unit 202, the combination extraction unit 302 determines whether there is a display element that overlaps the display element B1 and that does not touch the side of a part of the display element B1 as a whole. Determination is made (step S313). When there is a corresponding display element (step S313: Yes), the combination extraction unit 302 extracts the corresponding display element (step S314), and generates and outputs a combination of the extracted display element and the display element B1 (step S314). Step S315).
  • step S313 when there is no corresponding display element (step S313: No), and after step S315, the combination extraction unit 302 overlaps the display element B1, and the entire display element touches a part of the display element B1 and the side. It is determined whether there is a display element (step S316). When there is a corresponding display element (step S316: Yes), the combination extraction unit 302 extracts the display element (step S317), and then outputs a combination of the display element and the display element B1 (step S318). At the same time, the combination of the element immediately below the display element B1 (the element immediately below) and the display element extracted in step S317 is output (step S319).
  • the combination extraction unit 302 displays a display in which there is no corresponding display element (step S316: No) and after step S319, the display element B1 overlaps with a part of the display element B1. It is determined whether there is an element (step S320). If there is a corresponding display element (step S320: Yes), the combination extraction unit 302 extracts the corresponding display element (step S321), and then outputs a combination of the display element and the display element B1 (step S322). ) And the combination of the element immediately below the display element B1 (the element immediately below) and the display element extracted in step S321 (step S323).
  • the combination extraction unit 302 when there is no corresponding display element (step S320: No), and after step S323, there is a display element that overlaps with the display element B1 and that the display element hides all of the display element B1. Is determined (step S324).
  • step S324: Yes the combination extraction unit 302 extracts the corresponding display element (step S325), and the element immediately below the display element B1 (the element immediately below) The combination with the display element extracted in step S325 is output (step S326).
  • the combination extraction unit 302 determines that the distance between elements is equal to or less than the threshold among the combinations of the elements determined by the overlap determination unit 202 that the overlap is the closest (directly above) element to the display element B1.
  • the combination determined by the combination selection unit 20 is output.
  • S313 to S315, S316 to S319, S320 to S323, and S324 to S326 may be changed.
  • the combination classification unit 30 and the screen determination unit 40 perform the processes shown in FIGS. 4, 5, and 6 on the element combination output by the combination extraction unit 302. Further, the combination classifying unit 30 performs the processes shown in FIGS. 4, 5, and 6 on the element combinations output by the process of FIG.
  • the combination extraction unit 302 of the screen inspection apparatus 10 determines that, among the display elements that overlap each other, the overlapping manner of the upper display element overlaps without touching a part of the lower display element. If so, the combination of the two display elements is output. Further, the combination extraction unit 302 determines that the entire upper display element overlaps with a part of the lower display element in contact with the side, and the upper display element is a part of the lower display element. In addition to the combination of the two display elements, the combination of the display element one lower than the lower display element and the upper display element is output.
  • the combination extraction unit 302 when it is determined that the upper display element overlaps the entire lower display element, the combination of the display element one lower than the lower display element and the upper display element Output the combination. Further, for the display elements determined to be overlapped by the overlap determination unit 202, the combination extraction unit 302 causes the combination selection unit 20 to bring the display elements close to each other among the display elements having the closest overlap (ie, the display elements). The combination of the two elements determined that the distance between them is equal to or less than the threshold value is output. Therefore, even when the display elements constituting the screen overlap and there is a difference between the proximity relationship between the display elements themselves and the proximity relationship visible to the user, the color arrangement inspection based on the proximity relationship visible to the user is performed. be able to. As a result, it is possible to find the problem of the color scheme that causes unfavorable effects such as fatigue and discomfort of the user with higher accuracy.
  • FIG. 11 is a block diagram illustrating a functional configuration of the screen inspection apparatus 10 according to the third embodiment.
  • the screen inspection apparatus 10 according to the present embodiment has the same configuration as the screen inspection apparatus 10 according to the first embodiment except that the screen inspection apparatus 10 includes a display unit 50 and an information storage unit 60.
  • the information storage unit 60 includes attribute information for each display element (element attribute information table 60a) output from the combination selection unit 20 and the combination classification unit 30, information for specifying an element combination (element combination table 60c), display Information indicating the proximity / overlap of elements (element proximity / overlap information table 60b), the number of appearances (appearance number table 60d for each color combination), and the appearance rate (appearance number table 60d for each color combination) are recorded and retained. To do.
  • the display unit 50 displays the information output from the screen determination unit 40.
  • the display unit 50 configures information specifying an element combination corresponding to a color combination determined to be unfavorable in the combination classification unit 30 from the information recorded in the information storage unit 60, and the element combination.
  • the attribute information of the display element is extracted, and the extracted information is displayed so as to be understood by the user.
  • the same effect as that of the first embodiment can be obtained.
  • the color combination determined to be an unfavorable color scheme can be clearly shown to the user together with information specifying the element combination having the color combination.
  • the user can quickly identify the element whose color scheme should be corrected in the screen data, and can easily perform the correction work.
  • the display unit 50 and the information storage unit 60 described in the present embodiment may be included.
  • FIG. 12 is a block diagram illustrating a functional configuration of the screen inspection apparatus 10 according to the fourth embodiment.
  • the screen inspection apparatus 10 according to the present embodiment has the same configuration as the screen inspection apparatus 10 according to the third embodiment, except that the color arrangement changing unit 70 and the screen data storage unit 80 are included.
  • the color arrangement changing unit 70 changes the color arrangement of the display elements constituting the element combination displayed on the display unit 50 in accordance with an input from the user of the screen inspection apparatus 10.
  • the screen data after the color arrangement data is changed is immediately displayed on the display unit 50.
  • the screen data storage unit 80 stores screen data and outputs the screen data to the combination selection unit 20. Further, the screen data storage unit 80 updates the screen data in accordance with an instruction from the color arrangement changing unit 70.
  • the same effect as that of the third embodiment can be obtained. Further, the color scheme of the screen can be changed on the spot based on the screen inspection result. Therefore, the color change operation can be performed smoothly.
  • the display unit 50, the information storage unit 60, the color arrangement changing unit 70, and the screen data storage unit 80 described in the present embodiment may be included.
  • the combination selection unit 20 analyzes attributes such as background color, type, position, size, etc. of the constituent elements of the page (screen) (step S201 in FIG. 2). To S204), a list of attribute information for each component is output (FIG. 14).
  • the overlap determination unit 202 of the combination selection unit 20 selects one display element from the display elements (steps S221 to S222 in FIG. 8), and based on the position information and size information on the display screen of the selected display element. Then, it is determined whether there is another display element overlapping the display element (step S223 in FIG. 8). Then, when there are overlapping display elements, the overlap determining unit 202 identifies another display element that is closest (positioned directly above) (step S224 in FIG. 9) and outputs it (FIG. 15).
  • CP02, CP04, CP05, CP06, CP07, CP08, and CP09 determined to overlap with CP03 it is determined whether there is another display element for each display element (steps S222 to S223 in FIG. 8). ).
  • the elements that directly overlap CP03 are CP02, CP04, CP05, CP06, CP07, CP08, CP09. Is identified.
  • the overlapping elements are present (1), and the elements directly above are output as CP02, CP04, CP05, CP06, CP07, CP08, CP09.
  • the overlap determination unit 202 of the combination selection unit 20 selects one display element from among the display elements that are directly above the selected display element (steps S225 to S226 in FIG. 8), the selected display element, The method of overlapping the elements that overlap the display elements is calculated and output based on the position information and size information of these two display elements (steps S227 to S231 in FIG. 8).
  • the display element directly above CP03 in FIG. 14 and the output CP02 as shown in FIG.
  • the upper left position (top30, left30) and lower right position (down80, right850) of CP02 are respectively Compared with the position (top30, left30) and the lower right position (down300, right850), the left end of CP02 is the same as the left end of CP03, and the right end of CP02 is the same position as the right end of CP03 in the vertical direction in the vertical direction.
  • CP02 and CP03 touch the three sides of the four sides: the left side, the upper side, and the right side. (S228 in FIG.
  • CP02 is output as an element (FIG. 9B) in which the entire element overlaps a part of CP03 with its side in contact (FIG. 9B). Step S233 in FIG. 8).
  • CP04 is the upper left position (top110, left50) and lower right position (down150, right370) of the element, and is compared with the upper left position (top30, left30) and lower right position (down300, right850) of CP03. Then, the left end of CP04 is lower right than the left end of CP03, and the right end of CP04 is upper left than the right end of CP03 (S227 in FIG. 8).
  • CP04 since all values of top / down and left / right are different between CP04 and CP03, CP04 does not contact the side of CP03 (step S228 in FIG. 8). From the above, CP04 is output as an element (FIG. 9A) in which the entire element overlaps a part of CP03 without contacting the side (step S232 in FIG. 8).
  • step S225 to S231 are repeated until all the display elements that are directly over CP03 have been inspected.
  • the combination selection unit 20 extracts two arbitrary display elements for the display elements that are determined to be overlapped by the overlap determination unit 202 with respect to the display elements that are closest to each other (directly above). (Steps S211 to S214 in FIG. 3), the distance between the display elements is obtained based on the position and size information, and compared with a threshold value that holds the distance (Step S215 in FIG. 3). In some cases, it is determined that the two display elements are close to each other (step S216 in FIG. 3).
  • CP02 and CP04 are extracted from CP02, CP04, CP05, CP06, CP07, CP08, and CP09 determined as the display elements immediately above CP03 in FIG. 13 (S211 to S214 in FIG. 3), and the upper left of CP02 Position (top30, left30), lower right position (down80, right850), size (height50, width820), upper left position of CP04 (top110, left50), lower right position (down150, right370), size (height40 to width320)
  • CP04 is an element lined up on the lower right side of CP02 and has a shorter width than CP02.
  • a threshold value (for example) is calculated by calculating 30 obtained by subtracting down80 of CP02 from top110 of CP04 located below as a vertical distance. If “distance 2 elements, and less 50px") and comparing (S215 in FIG. 3). Since the distance between CP02 and CP04 is within the threshold range, CP02 and CP04 are output as display elements that are close to each other (step S216 in FIG. 3). The operations from S211 to S216 are repeated until all the elements that are directly above CP03 have been inspected.
  • the combination extraction unit 302 selects CP03 as a display element that has not yet been selected from the elements determined to be overlapped by the overlap determination unit 202 (S311 to S312 in FIG. 10), and the output result of the overlap determination unit 202 Based on the above, it is determined whether or not there is an overlapping element in the elements: CP02, CP04, CP05, CP06, CP07, CP08, CP09, where the entire element overlaps without touching a part of the element. Step S313 in FIG. Since CP04, CP05, CP06, CP07, CP08, CP09 correspond to this determination condition, as shown in FIG.
  • CP03, CP04 (CP04, CP05) (CP03, CP06) ( CP03, CP07) (CP03, CP08) (CP03, CP09) are output (steps S314 to S315 in FIG. 10).
  • the combination extraction unit 302 determines whether there is a display element that overlaps the display element as a whole by touching a part of the display element with a side among the display elements that overlap directly above (step S316 in FIG. 10). . Since CP02 corresponds to this determination condition, in addition to the combination of CP02 and CP03: (CP02, CP03), another element (directly below element) CP01 below CP03 is displayed as overlapping information (FIG. 16). Based on the extraction, a combination of CP01 and CP02: (CP01, CP02) is output (steps S317 to S319 in FIG. 10, FIG. 15).
  • the element overlap determination unit 202 determines that the combination extraction unit 302 is close to each other when the elements that are closest to each other (directly above) are targeted. Outputs the combination of elements. For example, since CP02 and CP04 are determined to be close by the combination selection unit 20, the combination of elements (CP02, CP04) is output (FIG. 16).
  • steps S311 to S326 and the output of the combination of the two elements determined to be close by the combination extraction unit 302 are repeated until all elements having overlapping elements have been inspected.
  • the combination classification unit 30 extracts color information from the attribute information for the combination of the two elements in FIG. And a list of color combinations on the screen is created based on the color combination information as shown in FIG. 17 (step S331 in FIG. 4).
  • HSV (0, 0, 100) (150, 1, 88) is selected as one color combination not yet selected from the color combination list in FIG. 17 (steps S332 to S333 in FIG. 4). .
  • CP01, CP03 CP01, CP11
  • CP05 CP03, CP07
  • CP03, CP09 CP11, CP13
  • CP11, CP15 CP11, CP17
  • CP11, CP19 CP11, CP21
  • CP11, CP23 are extracted (FIG.
  • Steps S332 to S336 are repeated until all the color combinations in the color combination list in FIG. 18 have been selected.
  • step S417 in FIG. 5 It is compared with a threshold value for determination by color combination (for example, “appearance rate is 15% or less”) (step S417 in FIG. 5). Since the appearance rate of 3.8% is within the threshold value range, the combination classification unit 30 continues with the threshold value that holds the lightness difference: 48 of the color combination (for example, “the lightness difference is assumed to be smaller than 80”). Comparison is made (S419 in FIG. 5). Since the brightness difference: 48 is within the threshold value range, it is compared with a threshold value that holds the saturations 1 and 100 of the color combination (for example, “saturation is 80 or less for both colors”) (S422 in FIG. 5). ). Since the saturations of 1 and 100 do not exceed the threshold for both colors, the combination classification unit 30 extracts and inspects the next color (steps S411 to S412 in FIG. 5).
  • the combination classification unit 30 repeats the operations in steps S411 to S425 until all color combinations have been inspected.
  • the screen determination unit 40 determines the color difference, saturation difference, brightness difference point, and brightness and saturation points.
  • the total number of element combinations having a color combination determined to be unfavorable from the above is calculated to calculate “22” (steps S431 to S435 in FIG. 6), and the ratio to the total number (52) of combinations of two elements in FIG. Is calculated, and an in-page appearance rate of an unfavorable color combination: 42.3% is output (step S436 in FIG. 6).
  • the appearance rate: 42.3% is compared with the threshold value for determining the entire screen (page) to be held (for example, “the appearance rate of the problematic color combination on the entire page is less than 30%”) (see FIG. 6 step S437). Since the appearance rate: 42.3% exceeds the threshold value, the screen determination unit 40 determines that the page has an unfavorable color scheme, and the screen determination unit 40 outputs the determination result (step S438 in FIG. 6).
  • the display unit 50 receives the output from the screen determination unit 40 and determines the color combination that is determined to be a color scheme that easily causes eye fatigue.
  • the background color combination HSV (105,80,100) (0,0,100) 0,0,100) is a color scheme that tends to make the eyes tired from the point of saturation difference.” As a whole, it is displayed as “the eye color is easy to get tired”.

Abstract

 組合わせ選択部(20)は、2つの表示要素の組合わせである要素組合わせを複数生成し、2つの表示要素間の距離が閾値以下の要素組合わせを選択する。組合わせ分類部(30)は、要素組合わせのうち、2つの表示要素の色の組合わせが、色差、彩度差、明度差、並びに明度及び彩度の双方、のいずれかがそれぞれごとに定められた閾値を超えているものを選択する。そして組合わせ分類部(30)は、色組合わせ別に、出現率を算出する。出現率は、その色組合わせに属する要素組合わせの数の、組合わせ選択部(20)が生成した要素組合わせの総数に対する割合である。画面判断部(40)は、出現率の和が閾値を超えている画面データを、利用者に疲労や不快を感じさせる好ましくない配色を有していると判断する。

Description

画面検査装置、画面検査方法、及びプログラム
 本発明は、画面検査装置、画面検査方法、及びプログラムに関する。
 Webコンテンツなど、画面に表示される画面データの配色を検査する方法及び装置としては、特許文献1に記載の方法、aDesigner(商品名:IBM製)、及びColorSelector(商品名:富士通製)がある。例えば、特許文献1に記載の技術は、文書に含まれる表示要素の構造を分析して、階層が隣り合う要素の色指標(明度、色相、及び彩度)の差を計算し、この差が予め定めた閾値未満である場合に可読性不足と判定するものである。
 文書に含まれる表示要素間の配色の調和(美しさ、心地よさ)を検査し、適切な配色を例示する仕組みとしては、特許文献2又は特許文献3に記載の方法がある。特許文献2に記載の方法は、画面上に表示される要素の表示色について、ユーザーが予め指定した感性条件(文書全体として表現しようとする視覚的な状態あるいは全体的な雰囲気を規定するもの)に対して、ユーザーが設定した色が適合しているかを算出アルゴリズムによって算出し、ユーザーに告知するものである。
 文書等を画像として表示する装置において、眼の疲労を抑制する仕組みを持つものについては、特許文献4に記載の方法がある。特許文献4に記載の方法は、プロジェクター等で画像を表示する際に、画像と画像の周辺領域の輝度を自動的に調和させることで、眼の疲労を抑制するものである。
特開2002-197403公報 特開平08-249441公報 特開2008-146227公報 特許第2903604号
 画面の中には、可読性が高く調和がとれていても、利用者に疲労や不快を感じさせる好ましくない配色を有するものがある。本発明の目的は、利用者に疲労や不快を感じさせる好ましくない配色を見つけることができる画面検査装置、画面検査方法、及びプログラムを提供することにある。
 本発明によれば、複数の表示要素を含む画面データに基づいて、2つの前記表示要素の組合わせである要素組合わせを複数生成し、前記2つの表示要素間の距離が閾値以下の前記要素組合わせを選択する組合わせ選択手段と、
 前記2つの表示要素の色の組合わせが、色差、彩度差、明度差、並びに前記明度及び前記彩度の双方、のいずれかが、それぞれごとに定められた閾値を超えている前記要素組合わせを、前記組合わせ選択手段によって選択された前記要素組合わせから選択して、前記組合わせ選択手段が選択した前記要素組合わせの総数に対する、一の前記色の組合わせに属する前記要素組合わせの数の割合である出現率を、前記色の組合わせ別に算出する組合わせ分類手段と、
 前記出現率が閾値を超えている前記色の組合わせの前記出現率の和を算出し、算出した和が閾値を超えているか否かを判断する画面判断手段と、
を備える画面検査装置が提供される。
 本発明によれば、コンピュータが、複数の表示要素を含む画面データに基づいて、2つの前記表示要素の組合わせである要素組合わせを複数生成し、前記2つの表示要素間の距離が閾値以下の前記要素組合わせを選択し、
 前記コンピュータが、前記2つの表示要素の色の組合わせが、色差、彩度差、明度差、並びに前記明度及び前記彩度の双方、のいずれかが、それぞれごとに定められた閾値を超えている前記要素組合わせを、前記組合わせ選択手段によって選択された前記要素組合わせから選択して、前記組合わせ選択手段が選択した前記要素組合わせの総数に対する、一の前記色の組合わせに属する前記要素組合わせの数の割合である出現率を、前記色の組合わせ別に算出し、
 前記コンピュータが、前記出現率が閾値を超えている前記色組合わせの前記出現率の和を算出し、算出した和が閾値を超えているか否かを判断する画面検査方法が提供される。
 本発明によれば、コンピュータを、画面検査装置として機能させるためのプログラムであって、
 前記コンピュータに、
  複数の表示要素を含む画面データに基づいて、2つの前記表示要素の組合わせである要素組合わせを複数生成し、前記2つの表示要素間の距離が閾値以下の前記要素組合わせを選択する機能と、
  前記2つの表示要素の色の組合わせが、色差、彩度差、明度差、並びに前記明度及び前記彩度の双方、のいずれかが、それぞれごとに定められた閾値を超えている前記要素組合わせを、前記組合わせ選択手段によって選択された前記要素組合わせから選択して、前記組合わせ選択手段が選択した前記要素組合わせの総数に対する、一の前記色の組合わせに属する前記要素組合わせの数の割合である出現率を、前記色の組合わせ別に算出する機能と、
  前記出現率が閾値を超えている前記色の組合わせの前記出現率の和を算出し、算出した和が閾値を超えているか否かを判断する機能と、
を実現させるプログラムが提供される。
 本発明によれば、利用者に疲労や不快を感じさせる好ましくない配色を見つけることができる。
 上述した目的、およびその他の目的、特徴および利点は、以下に述べる好適な実施の形態、およびそれに付随する以下の図面によってさらに明らかになる。
第1の実施形態に係る画面検査装置の構成を示すブロック図である。 図1に示した画面検査装置の動作を示すフローチャートである。 図1に示した画面検査装置の動作を示すフローチャートである。 図1に示した画面検査装置の動作を示すフローチャートである。 図1に示した画面検査装置の動作を示すフローチャートである。 図1に示した画面検査装置の動作を示すフローチャートである。 第2の実施形態に係る画面検査装置の構成を示すブロック図である。 図7に示した画面検査装置の動作を示すフローチャートである。 図7に示した画面検査装置の動作を説明するための図である。 図7に示した画面検査装置の動作を示すフローチャートである。 第3の実施形態に係る画面検査装置の構成を示すブロック図である。 第4の実施形態に係る画面検査装置の構成を示すブロック図である。 実施例を説明するための図である。 実施例を説明するための図である。 実施例を説明するための図である。 実施例を説明するための図である。 実施例を説明するための図である。 実施例を説明するための図である。 実施例を説明するための図である。
 以下、本発明の実施の形態について、図面を用いて説明する。尚、すべての図面において、同様な表示要素には同様の符号を付し、適宜説明を省略する。
(第1の実施形態)
 図1は、第1の実施形態に係る画面検査装置10の構成を示すブロック図である。画面検査装置10は、組合わせ選択部20、組合わせ分類部30、及び画面判断部40を備えている。組合わせ選択部20は、複数の表示要素を含む画面データに基づいて、2つの表示要素の組合わせである要素組合わせを複数生成する。そして組合わせ選択部20は、2つの表示要素間の距離が閾値以下の要素組合わせを選択する。組合わせ分類部30は、要素組合わせのうち、2つの表示要素の色の組合わせが、色差、彩度差、明度差、並びに明度及び彩度の双方、のいずれかがそれぞれごとに定められた閾値を超えているものを選択する。そして組合わせ分類部30は、色組合わせ別に、出現率を算出する。出現率は、その色組合わせに属する要素組合わせの数の、組合わせ選択部20が生成した要素組合わせの総数に対する割合である。画面判断部40は、色差、彩度差、明度差、並びに明度及び再度の双方、のいずれかがそれぞれごとに定められた閾値を超えていて、かつ出現率が閾値を超えている色の組合わせについて出現率の和を算出し、算出した和が閾値を超えているか否かを判断する。そして画面判断部40は、出現率の和が閾値を超えている画面データを、利用者に疲労や不快を感じさせる好ましくない配色を有していると判断する。この判断結果は、例えば表示画面に表示される。画面検査装置10の各表示要素の機能の詳細については、フローチャートを用いて後述する。
 なお、図1に示した画面検査装置10の各表示要素は、ハードウエア単位の構成ではなく、機能単位のブロックを示している。画面検査装置10の各表示要素は、任意のコンピュータのCPU、メモリ、メモリにロードされた本図の表示要素を実現するプログラム、そのプログラムを格納するハードディスクなどの記憶ユニット、ネットワーク接続用インタフェースを中心にハードウエアとソフトウエアの任意の組合せによって実現される。そして、その実現方法、装置には様々な変形例がある。
 図2~図6は、図1に示した画面検査装置10の動作を示すフローチャートである。
 まず図2に示すように、組合わせ選択部20は、画面データを取得する。画面データは、例えば画面検査装置10が有している記憶部に記憶されている。組合わせ選択部20は、ページ(画面)毎に、その画面が有している表示要素を抽出し、各表示要素に識別情報(ID)を付与する(ステップS201)。
 そして組合わせ選択部20は、表示要素別に、その表示要素の種類(例えば見出しや項目ラベル)を認識し、認識した種類をその表示要素のIDに対応付けて記憶する(ステップS202)。また組合わせ選択部20は、表示要素別に、その表示要素の色情報(例えば色相、彩度、明度)を認識し、認識した色情報をその表示要素のIDに対応付けて記憶する(ステップS203)。ここで表示要素の色が、例えばRGBのように他の形式で指定されている場合、組合わせ選択部20は、他の形式の色を、色相、彩度、明度からなる色情報に変換する。また組合わせ選択部20は、表示要素別に、その表示要素の左端及び右端の位置情報及びサイズ情報を認識し、認識した種類をその表示要素のIDに対応付けて記憶する(ステップS204)。ここで位置情報は、例えば左上の隅を原点として定義される。
 次いで図3に示すように、組合わせ選択部20は、全ての表示要素に対して、以下の処理を行う(ステップS211:No)。
 まず組合わせ選択部20は、任意の一つの表示要素(A1)を抽出する(ステップS212)。そして組合わせ選択部20は、表示要素A1を除く全ての表示要素が選択されるまで(ステップS213:No)、他の表示要素(A2)を選択する(ステップS214)。そして組合わせ選択部20は、表示要素A1と表示要素A2の位置情報及びサイズ情報に基づいて、表示要素A1と表示要素A2の距離を求め、その距離が閾値以下であるか否かを判断する(ステップS215)。閾値以下である場合、組合わせ選択部20は、現在選択している表示要素A1と表示要素A2が近接している判定する(ステップS216)。そして表示要素A1に対して残りの全ての表示要素を表示要素A2として選択し終えた場合(ステップS213:Yes)、表示要素A1を変える(ステップS211,212)。すなわち組合わせ選択部20は、全ての表示要素の組合わせに対して、ステップS215,S216の判断を行う。
 次いで図4に示すように、組合わせ分類部30は、図3のステップS216において近接していると判断された2つの表示要素の組合わせ(以下、要素組合わせと記載)について、その表示要素の属性情報の中から色情報を取り出す。そして組合わせ分類部30は、取り出した色情報に基づいて、その要素組合わせにおける色組合せ情報を生成する。そして組合わせ分類部30は、生成した色組合わせ情報に基づいて、その画面の要素組合わせの色組合せのリストを作成する(ステップS331)。
 そして組合わせ分類部30は、ステップS331で生成したリストに含まれる全ての色組合わせに対して、以下の処理を行う(ステップS332)。
 まず、組合わせ分類部30は、リストの中から一つの色組合わせを選択する(ステップS333)。次いで組合わせ分類部30は、選択した色組合わせを有する要素組合わせを抽出し(ステップS334)、抽出した要素組合せの数を集計する(ステップS335)。さらに組合わせ分類部30は、集計した当該色組合せの集計数の、ステップS216において近接していると判断された要素組合わせの総数に対する割合を、出現率として算出する(ステップS336)。
 次いで図5に示すように、組合わせ分類部30は、全ての色組合わせに対して、以下の処理を行う。
 まず組合わせ分類部30は、まだ選択していない色組合せを選択する(ステップS412)。そして組合わせ分類部30は、選択した色組合せの色差を、予め保持している閾値と比較する(ステップS413)。組合わせ分類部30は、色差が閾値を超える場合(ステップS413:No)には、現在選択している色組合わせの出現率(ステップS336で算出)を、予め保持している閾値と比較する(ステップS414)。閾値を超えている場合(ステップS414:No)、組合わせ分類部30は、現在選択している色組合わせを、色差の点から好ましくない配色との判定結果を出力する(ステップS415)。
 組合わせ分類部30は、色差が閾値以下である場合(ステップS413:No)、及びステップS414,S415に示した処理を行った後、選択している色組合せの彩度差を、予め保持している閾値と比較する(ステップS416)。組合わせ分類部30は、彩度差が閾値を超える場合(ステップS416:No)には、現在選択している色組合わせの出現率(ステップS336で算出)を、予め保持している閾値と比較する(ステップS417)。ここでの閾値は、ステップS414における閾値と同一であっても良いし、異なっていても良い。閾値を超えている場合(ステップS417:No)、組合わせ分類部30は、現在選択している色組合わせを、彩度差の点から好ましくない配色との判定結果を出力する(ステップS418)。
 組合わせ分類部30は、彩度差が閾値以下である場合(ステップS413:No)、及びステップS417,S418に示した処理を行った後、選択している色組合せの明度差を、予め保持している閾値と比較する(ステップS419)。組合わせ分類部30は、明度差が閾値を超える場合(ステップS419:No)には、現在選択している色組合わせの出現率(ステップS336で算出)を、予め保持している閾値と比較する(ステップS420)。ここでの閾値は、ステップS414,S417の少なくとも一方における閾値と同一であっても良いし、異なっていても良い。閾値を超えている場合(ステップS420:No)、組合わせ分類部30は、現在選択している色組合わせを、明度差の点から好ましくない配色との判定結果を出力する(ステップS421)。
 組合わせ分類部30は、明度差が閾値以下である場合(ステップS419:No)、及びステップS420,S421に示した処理を行った後、選択している色組合せが、彩度が予め保持している閾値を越えており(ステップS422:No)、かつ明度が予め保持している閾値を越えている場合(ステップS423:No)、現在選択している色組合わせの出現率(ステップS336で算出)を、予め保持している閾値と比較する(ステップS420)。ここでの閾値は、ステップS414,S417,S420の少なくとも一方における閾値と同一であっても良いし、異なっていても良い。閾値を超えている場合(ステップS424:No)、組合わせ分類部30は、現在選択している色組合わせを、明度及び彩度の点から好ましくない配色との判定結果を出力する(ステップS425)。
 なお、ステップS413-S415、ステップS416-S418、ステップS419-S421、及びステップS422-S425に示した処理の順番は、適宜入れ替えられても良い。
 次いで図6に示すように、組合わせ分類部30は、ステップS415で選択された色組合わせを有する要素組合わせの数を抽出する(ステップS431)。また組合わせ分類部30は、ステップS418で選択された色組合わせを有する要素組合わせの数を抽出する(ステップS432)。また組合わせ分類部30は、ステップS421で選択された色組合わせを有する要素組合わせの数を抽出する(ステップS433)。さらに組合わせ分類部30は、ステップS425で選択された色組合わせの数を有する要素組合わせの数を抽出する(ステップS434)。そして組合わせ分類部30は、ステップS431~S434で抽出した要素組合わせの数の和を算出し(ステップS435)、算出した和を、ステップS216において近接していると判断された要素組合わせの総数で除することにより、出現率を算出する(ステップS436)。
 なお、ステップS431-S434に示した処理の順番は、適宜入れ替えられても良い。
 また、組合わせ分類部30は、ステップS431~ステップS436に示す処理の代わりに、ステップS415で選択された色組合わせを有する要素組合わせの出現率と、ステップS415で選択された色組合わせの出現率と、ステップS418で選択された色組合わせの出現率と、ステップS421で選択された色組合わせの出現率と、ステップS425で選択された色組合わせの出現率の和を算出しても良い。
 そして画面判断部40は、組合わせ分類部30がステップS436で算出した出現率が、閾値を超えている場合(ステップS437:Yes)、その画面データが好ましくない配色を有すると判断し、判断結果を出力する(ステップS438)。
 以上、本実施形態によれば、Webコンテンツなどのパソコン画面上に表示される画面データから、利用者の疲労感や不快感など好ましくない影響を生じさせる原因となる配色を有している画面データを見つけることができる。さらに本実施形態では、色差、彩度差、明度差、又は彩度及び明度の双方が、閾値を超えている色組合わせを選択し、選択した色組合わせを有する要素組合わせの出現率が閾値を超えているものを選択する。この選択結果を出力(表示)している。このため、修正すべき部分をユーザに認識させることができる。
(第2の実施形態)
 図7は、第2の実施形態に係る画面検査装置10の機能構成を示すブロック図である。本実施形態に係る画面検査装置10は、重なり判断部202及び組合わせ抽出部302を有している点を除いて、第1の実施形態に係る画面検査装置10と同様の構成である。
 重なり判断部202は、表示要素同士の重なりを分析し、さらに重なりが一番近い2要素についてその重なり方を、以下の4パターンに分類する。第1のパターンは、上の表示要素全体が下の表示要素の一部と辺を接することなく重なる。第2のパターンは、上の表示要素全体が下の表示要素の一部と辺を接して重なる。第3のパターンは、上の表示要素の一部が下の表示要素の一部と重なる。第4のパターンは、上の表示要素が下の表示要素全体を隠して重なる。
 組合わせ抽出部302は、第1のパターンで2つの表示要素が重なっていると判定された要素組合わせについては、その2つの表示要素の組合わせを出力する。組合わせ抽出部302は、第2のパターン又は第3のパターンで2つの表示要素が重なっていると判定された要素組合わせについては、その2つの表示要素の組合わせに加えて、上の表示要素と、下の表示要素のもう1つ下の表示要素との組合せを出力する。組合わせ抽出部302は、第4のパターンで2つの表示要素が重なっていると判定された要素組合わせについては、上の表示要素と、下の表示要素のもう1つ下の表示要素との組合せを出力する。また組合せ抽出部302は、任意の表示要素(または下の要素)に重なりが一番近い(真上の)要素である、と重なり判断部202が判断した要素が複数ある場合、これらの要素同士を対象にして、2要素からなる組合せをつくり、その2要素の距離が閾値以下のものを出力する。
 次に、図8、図9、及び図10を用いて、図7に示した画面検査装置10の動作を説明する。
 図8に示すように、組合わせ選択部20が図2に示した処理を行った後、組合わせ選択部20の重なり判断部202は、全ての表示要素を選択するまで、以下の処理を行う(ステップS221)。
 まず重なり判断部202は、表示要素の中から1つの表示要素B1を選ぶ(ステップS222)。次いで重なり判断部202は、選択している表示要素B1の位置情報およびサイズ情報、及び他の表示要素の位置情報及びサイズ情報をもとに、表示要素B1の上に重なる他の表示要素があるかを判定する(ステップS223)。重なり判断部202は、重なる他の表示要素がある場合には、表示要素B1に対する重なりが一番近い(真上にある)他の表示要素を特定する(ステップS224)。
 そして組合わせ選択部20は、ステップS224で表示要素B1の真上の要素とされた表示要素を母集団として、図3に示した処理を行う。
 また重なり判断部202は、ステップS224で特定した表示要素から一つの表示要素A1を選択し(ステップS225,S226)、表示要素B1とステップS226で選択した表示要素の位置情報およびサイズ情報に基づいて、表示要素A1の左端が表示要素B1の左端と重なるか、又は画面のより右下にありかつ表示要素A1の右端が表示要素B1の右端と重なるか画面のより左上にあるかを判定する(ステップS227)。重なり判断部202は、表示要素A1の左端が表示要素B1の左端と重なるか画面のより右下にありかつ表示要素A1の右端が表示要素B1の右端と重なるか画面のより左上にある場合(ステップS227:Yes)、表示要素A1の四辺のうち何れかと表示要素B1の四辺の何れかが接するかを判定する(ステップS228)。表示要素A1の四辺のうち何れも表示要素B1の四辺と接しない場合(ステップS228:No)、重なり判断部202は、表示要素A1を、表示要素の全体が下の表示要素B1の一部と辺を接することなく重なる表示要素(図9(a))として出力する(ステップS232)。
 また重なり判断部202は、表示要素A1の四辺のうち何れかと表示要素B1の何れかが接する場合は、表示要素A1と表示要素B1の大きさが同じかを判定する(ステップS229)。2つの表示要素の大きさが異なる場合(ステップS229:No)は、表示要素A1について、表示要素の全体が下の表示要素B1の一部と辺を接して重なる表示要素(図9(b))として出力する(ステップS233)。
 2つの表示要素の大きさが同じ場合(ステップS229:Yes)、重なり判断部202は、当該表示要素A1について、表示要素B1を隠して重なる表示要素として出力する(ステップS234)。
 表示要素A1の左端が表示要素B1の左端より画面の右下にあるという第1条件、及び表示要素A1の右端が表示要素B1の右端より画面の左上にあるという第2条件の少なくとも一方を満たさない場合(ステップS227:No)、重なり判断部202は、表示要素A1の左端が表示要素B1の左端より画面の左上にありかつ表示要素A1の右端が表示要素B1の右端より画面の右下側にあるかを判定する(ステップS230)。表示要素A1の左端が表示要素B1の左端より画面の左上にありかつ表示要素A1の右端が表示要素B1の右端より画面の右下にある場合(ステップS230:Yes)、重なり判断部202は、表示要素A1について、表示要素B1を隠して重なる表示要素(図9(d))として出力する(ステップS234)。当該条件に当てはまらない場合(ステップS230:No)、重なり判断部202は、表示要素A1について、一部が下の要素の一部と重なる表示要素(図9(c))として出力する(ステップS231)。
 組合わせ選択部20の重なり判断部202は、全ての表示要素を選択するまで、図8に示した処理を行うと、組合わせ分類部30の組合わせ抽出部302は、重なり判断部202で重なり有りと判定された表示要素の全てに対して、図10に示した処理を行う(ステップS311)。
 まず組合わせ抽出部302は、まだ選択していない1つの表示要素B1を選ぶ(ステップS312)。次いで組合わせ抽出部302は、重なり判断部202の出力結果をもとに、表示要素B1と重なり、かつ表示要素全体が表示要素B1の一部と辺を接することがない表示要素があるかを判定する(ステップS313)。該当する表示要素がある場合(ステップS313:Yes)、組合わせ抽出部302は、該当する表示要素を抽出し(ステップS314)、抽出した表示要素と表示要素B1の組合せを生成して出力する(ステップS315)。
 また組合わせ抽出部302は、該当する表示要素がない場合(ステップS313:No)、及びステップS315の後、表示要素B1と重なり、かつ表示要素全体が表示要素B1の一部と辺を接している表示要素があるかを判定する(ステップS316)。該当する表示要素がある場合(ステップS316:Yes)、組合わせ抽出部302は、その表示要素を抽出した(ステップS317)上で、当該表示要素と表示要素B1の組合せを出力する(ステップS318)とともに、表示要素B1の1つ下の要素(真下の要素)と、ステップS317で抽出した表示要素との組合せを出力する(ステップS319)。
 また組合わせ抽出部302は、該当する表示要素がない場合(ステップS316:No)、及びステップS319の後、表示要素B1と重なり、かつ表示要素の一部が表示要素B1の一部と重なる表示要素があるかを判定する(ステップS320)。該当する表示要素がある場合(ステップS320:Yes)、組合わせ抽出部302は、該当する表示要素を抽出した(ステップS321)上で、当該表示要素と表示要素B1の組合せを出力する(ステップS322)とともに、表示要素B1の1つ下の要素(真下の要素)と、ステップS321で抽出した表示要素との組合せを出力する(ステップS323)。
 また組合わせ抽出部302は、該当する表示要素がない場合(ステップS320:No)、及びステップS323の後、表示要素B1と重なり、かつ表示要素が表示要素B1の全部を隠す表示要素があるかを判定する(ステップS324)。該当する表示要素がある場合(ステップS324:Yes)、組合わせ抽出部302は、該当する表示要素を抽出した(ステップS325)上で、表示要素B1の1つ下の要素(真下の要素)と、ステップS325で抽出した表示要素との組合せを出力する(ステップS326)。
 そして、組合わせ抽出部302は、表示要素B1に重なりが一番近い(真上の)要素である、と重なり判断部202が判断した要素同士の組合わせのうち、要素間の距離が閾値以下である、と組合せ選択部20が判定した組合わせを出力する。
 なお、S313~S315、S316~S319、S320~S323、及びS324~S326は、順番を変更して行ってもよい。
 そして組合わせ分類部30及び画面判断部40は、組合わせ抽出部302が出力した要素組合わせに対し、図4、図5、及び図6に示した処理を行う。また組合わせ分類部30は、図3の処理によって出力された要素組合わせに対しても、図4、図5、及び図6に示した処理を行う。
 本実施形態によっても、第1の実施形態と同様の効果を得ることができる。さらに、画面検査装置10の組合わせ抽出部302は、互いに重なっている表示要素のうち、その重なり方が、上の表示要素全体が下の表示要素の一部と辺を接することなく重なると判定された場合、その2つの表示要素の組合せを出力する。また、組合わせ抽出部302は、上の表示要素全体が下の表示要素の一部と辺を接して重なると判定された場合、および上の表示要素の一部が下の表示要素の一部と重なると判定された場合については、その2つの表示要素の組合せに加えて、下の表示要素のもう1つ下の表示要素と、上の表示要素との組合せを出力する。また組合わせ抽出部302は、上の表示要素が下の表示要素全体を隠して重なると判定された場合については、下の表示要素のもう1つ下の表示要素と、上の表示要素との組合せを出力する。さらに組合わせ抽出部302は、重なり判断部202で重なり有りと判定された表示要素について、重なりが一番近い表示要素同士のうち、組合わせ選択部20が、表示要素が近接する(すなわち表示要素間の距離が閾値以下)と判定した2要素の組合せを出力する。従って、画面を構成する表示要素が重なりあい、表示要素そのものの近接関係と利用者の目に見える近接関係に違いがある場合においても、利用者の目に見える近接関係に基づいた配色検査を行うことができる。これによって、利用者の疲労感や不快感など好ましくない影響を生じさせる原因となる配色の問題点をより高い精度で見つけることができる。
(第3の実施形態)
 図11は、第3の実施形態に係る画面検査装置10の機能構成を示すブロック図である。本実施形態に係る画面検査装置10は、表示部50及び情報記憶部60を備えている点を除いて、第1の実施形態に係る画面検査装置10と同様の構成である。情報記憶部60は、組合わせ選択部20及び組合わせ分類部30から出力された表示要素別の属性情報(要素属性情報テーブル60a)、要素組合せを特定する情報(要素組合わせテーブル60c)、表示要素の近接・重なりを示す情報(要素の近接・重なり情報テーブル60b)、出現数(色組合わせ別出現数テーブル60d)、及び出現率(色組合わせ別出現数テーブル60d)を記録して保持する。表示部50は、画面判断部40から出力された情報を表示する。また表示部50は、情報記憶部60に記録されている情報から、組合わせ分類部30において好ましくないと判断された色組合せに該当する要素組合せを特定する情報と、その要素組合わせを構成する表示要素の属性情報を抽出し、抽出した情報を利用者にわかるように表示する。
 本実施形態によっても、第1の実施形態と同様の効果を得ることができる。また、好ましくない配色と判定された色組合せを、その色組合わせを有する要素組合わせを特定する情報とともに利用者に明示することができる。これによって、利用者は、画面データ内で配色を修正すべき要素をすばやく特定し、修正作業を容易に行うことができる。なお、第2の実施形態において、本実施形態に示した表示部50及び情報記憶部60を有していても良い。
(第4の実施形態)
 図12は、第4の実施形態に係る画面検査装置10の機能構成を示すブロック図である。本実施形態に係る画面検査装置10は、配色変更部70及び画面データ記憶部80を有している点を除いて、第3の実施形態に係る画面検査装置10と同様の構成である。
 配色変更部70は、画面検査装置10のユーザからの入力に従って、表示部50に表示された要素組合わせを構成する表示要素の配色を変更する。配色データが変更された後の画面データは、直ぐに表示部50によって表示される。画面データ記憶部80は、画面データを記憶しており、組合わせ選択部20に画面データを出力する。また画面データ記憶部80は、配色変更部70からの指示に従って、画面データを更新する。
 本実施形態によっても、第3の実施形態と同様の効果を得ることができる。また、画面検査結果に基づいて、その場で画面の配色を変更することができる。従って、配色の変更作業をスムーズに行える。なお、第2の実施形態において、本実施形態に示した表示部50、情報記憶部60、配色変更部70、及び画面データ記憶部80を有していても良い。
(実施例)
 図13に示す画面を例に、例えば「目の疲れやすさ」について、第2の実施形態における画面検査装置10による配色検査の動作を説明する。まず、図13に示す画面を表示するための画面データについて、組合わせ選択部20がページ(画面)の構成要素の背景色、種類、位置、サイズなどの属性を分析し(図2のステップS201~S204)、構成要素毎の属性情報一覧を出力する(図14)。
 さらに組合わせ選択部20の重なり判断部202は、表示要素の中から1つの表示要素を選んで(図8のステップS221~S222)、選択した表示要素の表示画面における位置情報およびサイズ情報に基づいて、その表示要素の上に重なる他の表示要素があるかを判定する(図8のステップS223)。そして重なり判断部202は、重なる表示要素がある場合には、重なりが一番近い(真上に位置する)他の表示要素を特定し(図9のステップS224)、出力する(図15)。
 例えば、図13のCP03は、図14にあるように表示要素の位置(top30、left30)で、サイズ(height270、width820)であり、他の表示要素のうちCP02,CP04,CP05,CP06,CP07,CP08,CP09は全てCP03よりも右下もしくは同じ位置にある。さらにCP02,CP04,CP05,CP06,CP07,CP08,CP09は、(height<=270、width<=820)である。このため、CP03の上に重なる他の表示要素が有る、と判定される。
 そして、CP03の上に重なると判定されたCP02,CP04,CP05,CP06,CP07,CP08,CP09について、1表示要素づつ、他に重なる表示要素があるかを判定する(図8のステップS222~S223)。本実施例では、どの表示要素についても他の表示要素とは重らないと判定されるので、CP03の真上に重なる要素は、CP02,CP04,CP05,CP06,CP07,CP08,CP09であることが特定される。そして、図15のCP03にあるように、重なる要素:有(1)、真上の要素:CP02,CP04,CP05,CP06,CP07,CP08,CP09と出力される。
 次いで組合わせ選択部20の重なり判断部202は、選択した表示要素の真上に重なる表示要素のうちの1表示要素を選んで(図8のステップS225~S226)、選択した表示要素と、その表示要素と重なる要素の重なり方を、これら2つの表示要素の位置情報およびサイズ情報をもとに算出し、出力する(図8のステップS227~S231)。図14のCP03の真上の表示要素と、出力されたCP02の場合、図14にあるように、CP02の左上位置(top30、left30)、右下位置(down80、right850)を、それぞれCP03の左上位置(top30、left30)、右下位置(down300、right850)と比較すると、CP02の左端はCP03の左端と同じであり、かつCP02の右端がCP03の右端と横方向には同じ位置で縦方向にはより画面の上側にあり(図8のステップS227)、さらに(top30、left30)と(right850)が同じであることから、CP02は、CP03と四辺のうち左辺、上辺、右辺の3辺を接すること(図8のS228)、そして、CP02のサイズ(height50、width820)はCP03のサイズ(height270、width820)より小さいことから(図8のS229)、CP02は要素全体がCP03の一部と辺を接して重なる要素(図9(b))として出力される(図8のステップS233)。
 その後、図9のステップS225に戻って、CP03と、その真上の要素として出力された別の要素04の重なり方を分析する。CP04は、図14にあるように要素の左上位置(top110、left50)、右下位置(down150、right370)であり、CP03の左上位置(top30、left30)、右下位置(down300、right850)と比較すると、CP04の左端はCP03の左端より右下にあり、かつCP04の右端がCP03の右端より左上にある(図8のS227)。さらに、top/down、left/rightの全ての値がCP04とCP03とで異なるので、CP04は、CP03と辺を接しない(図8のステップS228)。以上から、CP04は要素全体がCP03の一部と辺を接することなく重なる要素(図9(a))として出力される(図8のステップS232)。
 このようにして、ステップS225~S231までの動作を、CP03の真上に重なる全ての表示要素が検査済みになるまで繰り返す。
 続いて、組合わせ選択部20は、重なり判断部202で重なり有りと判定された表示要素について、重なりが一番近い(真上の)表示要素同士を対象にして任意の2表示要素を抽出し(図3のステップS211~S214)、その位置とサイズ情報をもとに表示要素間の距離を求め、当該距離を保持する閾値と比較して(図3のステップS215)、閾値の範囲内にある場合に当該2表示要素は近接すると判定する(図3のステップS216)。
 例えば、図13のCP03の真上の表示要素と判定されたCP02,CP04,CP05,CP06,CP07,CP08,CP09のうち、CP02とCP04を抽出し(図3のS211~S214)、CP02の左上位置(top30、left30)、右下位置(down80、right850)、サイズ(height50、width820)と、CP04の左上位置(top110、left50)、右下位置(down150、right370)、サイズ(height40、width320)から、CP04はCP02より右下に並ぶ要素であり横幅もCP02より短いことから、上下方向の距離として下に位置するCP04のtop110からCP02のdown80をひいた30を算出して、保持する閾値(例えば「2要素の距離は、50px以下とする」)と比較する(図3のS215)。CP02とCP04の距離は閾値の範囲内なので、CP02とCP04は互いに近接する表示要素として出力する(図3のステップS216)。S211~S216までの動作を、CP03の真上に重なる全ての要素が検査済みになるまで繰り返す。
 次に、表示要素の組合せ抽出の動作について図13の画面を例に説明する。組合わせ抽出部302は、重なり判断部202で重なり有りと判定された要素のうちまだ選択していない表示要素として、CP03を選んで(図10のS311~S312)、重なり判断部202の出力結果をもとに、真上に重なる要素:CP02,CP04,CP05,CP06,CP07,CP08,CP09の中に要素全体が当該要素の一部と辺を接することなく重なる要素があるかを判定する(図10のステップS313)。CP04,CP05,CP06,CP07,CP08,CP09がこの判定条件に該当するので、図16に示すように、これらとCP03との組合せ:(CP03,CP04)(CP04,CP05)(CP03,CP06)(CP03,CP07)(CP03,CP08)(CP03,CP09)を出力する(図10のステップS314~S315)。
 続いて、組合わせ抽出部302は、真上に重なる表示要素の中に表示要素全体が当該表示要素の一部と辺を接して重なる表示要素があるかを判定する(図10のステップS316)。CP02がこの判定条件に該当するので、CP02とCP03の組合せ:(CP02,CP03)に加えて、CP03のもう1つ下の要素(真下の要素)CP01を表示要素の重なり情報(図16)をもとに抽出し、CP01とCP02との組合せ:(CP01,CP02)を出力する(図10のステップS317~S319、図15)。CP03の真上の要素:CP02,CP04,CP05,CP06,CP07,CP08,CP09について、重なりをもとにした要素組合せの出力が終わったので、次に同じCP03の真上の要素:CP02,CP04,CP05,CP06,CP07,CP08,CP09について要素の重なり判断部202で重なりが一番近い(真上の)要素とされた要素同士を対象にして、組合わせ抽出部302が近接すると判定した2要素について、その組合せを出力する。例えば、CP02とCP04は組合わせ選択部20で近接すると判定されていたので、要素の組合せ(CP02,CP04)を出力する(図16)。
 ステップS311~S326の動作、及び組合わせ抽出部302が近接すると判定した2要素の組合せの出力を、重なる要素を持つ全ての要素が検査済みになるまで繰り返す。
 次に、色組合わせ情報の生成の動作について図13の画面を例に説明する。組合わせ抽出部302が出力した要素組合せの情報(図16)を受けて、組合わせ分類部30が、図16における2要素の組合せについて当該属性情報の中から色の情報を取り出して色組合せ情報を出力し、当該色組合せ情報をもとに画面における色組合せのリストを図17のように作成する(図4のステップS331)。
 次に、図17の色組合せリストの中からまだ選択していない1つの色組合せとして、HSV=(0,0,100)(150,1,88)を選ぶ(図4のステップS332~S333)。次に、図16の2要素の組合せから図14を参照して色組合せが(0,0,100)(150,1,88)となる要素組合せとして、(CP01,CP03)(CP01,CP11)(CP03,CP05)(CP03,CP07)(CP03,CP09)(CP11,CP13)(CP11,CP15)(CP11,CP17)(CP11,CP19)(CP11,CP21)(CP11,CP23)を抽出し(図4のステップS334)、抽出した要素組合せの数を集計して要素組合せ数11を算出する(図4のステップS335)。さらに、集計した当該色組合せの出現数(11)の、図16にある2要素の組合せ総数(52)に対する割合を算出して、画面内における当該色組合せの出現率(21.2%)を、図18のHSV=(0,0,100)(150,1,88)にあるように出力する(図4のS336)。
 ステップS332~S336の動作を、図18の色組合せリストにある全ての色組合せが選択済みになるまで繰り返す。
 次に、配色検査の動作について、図13の画面を例に説明する。組合わせ分類部30が、まだ選択していない色組合せとしてHSV=(105,80,100)(0,0,100)を選んで(図5のステップS411~S412)、当該色組合せの色差:105を保持する閾値(例えば、「色差は170以上190以下とする」)と比較する(図5のステップS413)。色差105は閾値の範囲内なので、当該色組合せの彩度差:80を保持する閾値(例えば、「彩度差は80より小さいものとする」)と比較する(図5のステップS416)。当該彩度差80は閾値を超えるので、組合わせ分類部30は、当該色組合せ:HSV=(105,80,100)(0,0,100)の出現率:17.3%を、予め保持している色組合せ別判定用の閾値(例えば、「出現率は15%以下とする」)と比較する(図5のステップS417)。出現率17.3%は閾値の範囲を超えているので、組合わせ分類部30は、彩度差の点から好ましくない配色との判定結果を出力する(図5のステップS418)。次いで組合わせ分類部30は、当該色組合せの明度差:0を保持する閾値(例えば、「明度差は80より小さいものとする」)と比較する(図5のステップS419)。当該明度差:0は閾値の範囲内なので、組合わせ分類部30は、当該色組合せの彩度:80と0を保持する閾値(例えば、「彩度は両色共に80以下とする」)と比較する(図5のステップS422)。当該彩度:80と0は両色共に閾値を超えているわけではないので、組合わせ分類部30は、次の色組合せ:HSV=(150,1,88)(150,100,40)を抽出して検査する(図5のステップS411~S412)。
 次に抽出された色組合せ:HSV=(150,1,88)(150,100,40)については、まず当該色組合せの色差:0を保持する閾値(例えば、「色差は170以上190以下とする」)と比較する(図5のステップS413)。色差0は閾値の範囲内なので、組合わせ分類部30は、引き続いて当該色組合せの彩度差:99を保持する閾値(例えば、「彩度差は80より小さいものとする」)と比較する(図5のステップS416)。当該彩度差99は閾値を超えるので、組合わせ分類部30は、当該色組合せ:HSV=(150,1,88)(150,100,40)の出現率:3.8%を、予め保持している色組合せ別判定用の閾値(例えば、「出現率は15%以下とする」)と比較する(図5のステップS417)。出現率3.8%は閾値の範囲内なので、引き続いて組合わせ分類部30は、当該色組合せの明度差:48を保持する閾値(例えば、「明度差は80より小さいものとする」)と比較する(図5のS419)。当該明度差:48は閾値の範囲内なので、当該色組合せの彩度:1と100を保持する閾値(例えば、「彩度は両色共に80以下とする」)と比較する(図5のS422)。当該彩度:1と100は両色共に閾値を超えているわけではないので、組合わせ分類部30は、次の色を抽出して検査する(図5のステップS411~S412)。
 そして組合わせ分類部30は、ステップS411~S425の動作を、全ての色の組合わせが検査済みになるまで繰り返す。
 色差、彩度差、明度差、明度と彩度の検査結果(図19)を受けて、画面判断部40は、当該色差、彩度差、明度差の点から、また明度と彩度の点から好ましくないと判定された色組合せを持つ要素組合せの数を合計して「22」を算出し(図6のステップS431~S435)、図16にある2要素の組合せの総数(52)に対する割合を算出して、好ましくない色組合せのページ内出現率:42.3%を出力する(図6のステップS436)。当該出現率:42.3%が、保持する画面(ページ)全体判定用の閾値(例えば、「問題のある色組合せのページ全体での出現率は30%未満とする」)と比較する(図6のステップS437)。当該出現率:42.3%は、前記閾値を超えるので、画面判断部40は、好ましくない配色のページと判定し、画面判断部40がこの判定結果を出力する(図6のステップS438)。
 そして情報処理装置が第3の実施形態に示した表示部50を有している場合、表示部50は、画面判断部40からの出力を受けて、目の疲れやすい配色と判定された色組合せについて、「背景色の組合せHSV=(105,80,100)(0,0,100)0,0,100)は彩度差の点から目が疲れやすい配色である」「本ページは、ページ全体として、目が疲れやすい配色である」のように、表示する。
 以上、図面を参照して本発明の実施形態について述べたが、これらは本発明の例示であり、上記以外の様々な構成を採用することもできる。
 この出願は、2011年7月26日に出願された日本出願特願2011-163564を基礎とする優先権を主張し、その開示の全てをここに取り込む。

Claims (7)

  1.  複数の表示要素を含む画面データに基づいて、2つの前記表示要素の組合わせである要素組合わせを複数生成し、前記2つの表示要素間の距離が閾値以下の前記要素組合わせを選択する組合わせ選択手段と、
     前記2つの表示要素の色の組合わせが、色差、彩度差、明度差、並びに前記明度及び前記彩度の双方、のいずれかが、それぞれごとに定められた閾値を超えている前記要素組合わせを、前記組合わせ選択手段によって選択された前記要素組合わせから選択して、前記組合わせ選択手段が選択した前記要素組合わせの総数に対する、一の前記色の組合わせに属する前記要素組合わせの数の割合である出現率を、前記色の組合わせ別に算出する組合わせ分類手段と、
     前記出現率が閾値を超えている前記色の組合わせの前記出現率の和を算出し、算出した和が閾値を超えているか否かを判断する画面判断手段と、
    を備える画面検査装置。
  2.  請求項1に記載の画面検査装置において、
     前記組合わせ選択手段は、全ての前記要素組合わせを生成する画面検査装置。
  3.  請求項1又は2に記載の画面検査装置において、
     前記組合わせ分類手段は、さらに、互いに重なっている前記2つの表示要素のうち、
      上の前記表示要素の全体が下の前記表示要素の一部と辺を接することなく重なる場合、当該2つの表示要素からなる前記要素組合せを選択し、
      上の前記表示要素の全体が下の前記表示要素の一部と辺を接して重なる場合、および上の前記表示要素の一部が下の前記表示要素の一部と重なる場合、当該2つの表示要素からなる前記要素組合せに加えて、下の前記表示要素のもう1つ下の前記表示要素と、上の前記表示要素からなる前記要素組合せも選択し、
      上の前記表示要素が下の前記表示要素全体を隠して重なる場合、下の前記表示要素のもう1つ下の前記表示要素と、上の前記表示要素からなる前記要素組合せを選択し、
     選択した前記要素組合わせに対して前記出現率の算出処理を行う画面検査装置。
  4.  請求項1~3のいずれか一項に記載の画面検査装置において、
     前記組合わせ分類手段が前記出現率を算出した前記色組合わせ及び当該色組合わせを有する要素組合わせを特定する情報を表示する表示手段をさらに備える画面検査装置。
  5.  請求項4に記載の画面検査装置において、
     ユーザからの入力に従って、前記表示手段に表示された前記要素組合わせを構成する前記表示要素の配色を変更する配色変更手段をさらに備え、
     前記表示手段は、前記配色変更手段によって配色が変更された後の前記画面データを表示する画面検査装置。
  6.  コンピュータが、複数の表示要素を含む画面データに基づいて、2つの前記表示要素の組合わせである要素組合わせを複数生成し、前記2つの表示要素間の距離が閾値以下の前記要素組合わせを選択し、
     前記コンピュータが、前記2つの表示要素の色の組合わせが、色差、彩度差、明度差、並びに前記明度及び前記彩度の双方、のいずれかが、それぞれごとに定められた閾値を超えている前記要素組合わせを、前記組合わせ選択手段によって選択された前記要素組合わせから選択して、前記組合わせ選択手段が選択した前記要素組合わせの総数に対する、一の前記色の組合わせに属する前記要素組合わせの数の割合である出現率を、前記色の組合わせ別に算出し、
     前記コンピュータが、前記出現率が閾値を超えている前記色組合わせの前記出現率の和を算出し、算出した和が閾値を超えているか否かを判断する画面検査方法。
  7.  コンピュータを、画面検査装置として機能させるためのプログラムであって、
     前記コンピュータに、
      複数の表示要素を含む画面データに基づいて、2つの前記表示要素の組合わせである要素組合わせを複数生成し、前記2つの表示要素間の距離が閾値以下の前記要素組合わせを選択する機能と、
      前記2つの表示要素の色の組合わせが、色差、彩度差、明度差、並びに前記明度及び前記彩度の双方、のいずれかが、それぞれごとに定められた閾値を超えている前記要素組合わせを、前記組合わせを選択する機能によって選択された前記要素組合わせから選択して、前記組合わせを選択する機能が選択した前記要素組合わせの総数に対する、一の前記色の組合わせに属する前記要素組合わせの数の割合である出現率を、前記色の組合わせ別に算出する機能と、
      前記出現率が閾値を超えている前記色の組合わせの前記出現率の和を算出し、算出した和が閾値を超えているか否かを判断する機能と、
    を実現させるプログラム。
PCT/JP2012/003786 2011-07-26 2012-06-11 画面検査装置、画面検査方法、及びプログラム WO2013014849A1 (ja)

Priority Applications (4)

Application Number Priority Date Filing Date Title
JP2013514894A JP5304965B2 (ja) 2011-07-26 2012-06-11 画面検査装置、画面検査方法、及びプログラム
CN201280035873.5A CN103688291B (zh) 2011-07-26 2012-06-11 屏幕检查设备、屏幕检查方法
US14/234,932 US9177528B2 (en) 2011-07-26 2012-06-11 Screen inspection device, screen inspection method, and program
EP12817942.1A EP2696327A4 (en) 2011-07-26 2012-06-11 SCREEN INSPECTION DEVICE, SCREEN INSPECTION METHOD, AND PROGRAM

Applications Claiming Priority (2)

Application Number Priority Date Filing Date Title
JP2011-163564 2011-07-26
JP2011163564 2011-07-26

Publications (1)

Publication Number Publication Date
WO2013014849A1 true WO2013014849A1 (ja) 2013-01-31

Family

ID=47600727

Family Applications (1)

Application Number Title Priority Date Filing Date
PCT/JP2012/003786 WO2013014849A1 (ja) 2011-07-26 2012-06-11 画面検査装置、画面検査方法、及びプログラム

Country Status (5)

Country Link
US (1) US9177528B2 (ja)
EP (1) EP2696327A4 (ja)
JP (1) JP5304965B2 (ja)
CN (1) CN103688291B (ja)
WO (1) WO2013014849A1 (ja)

Cited By (1)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN106686374A (zh) * 2016-12-08 2017-05-17 广州视源电子科技股份有限公司 屏幕色彩饱和度的检测方法、系统和装置

Families Citing this family (4)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
KR102294280B1 (ko) * 2014-03-05 2021-08-26 삼성전자주식회사 디스플레이 장치 및 이의 제어 방법
US20180014785A1 (en) * 2015-01-05 2018-01-18 Huawei Technologies Co., Ltd. Detection method for wearable device and wearable device
EP3628264A1 (en) 2015-03-17 2020-04-01 Intuitive Surgical Operations, Inc. Systems and methods for rendering onscreen identification of instruments in a teleoperational medical system
JP6377232B1 (ja) * 2017-10-24 2018-08-22 特定非営利活動法人メディア・ユニバーサル・デザイン協会 プログラム及び情報処理装置

Citations (7)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
JPH08249441A (ja) 1995-03-08 1996-09-27 Hitachi Ltd 対話型配色支援方法
JPH10188023A (ja) * 1996-12-24 1998-07-21 Fuji Xerox Co Ltd 画像デザイン支援装置
JP2903604B2 (ja) 1990-03-01 1999-06-07 三菱電機株式会社 画像表示装置
JP2002197403A (ja) 2000-12-26 2002-07-12 Nec Corp Webコンテンツの可読性評価システム、Webコンテンツの配色支援システム、その方法、記録媒体
JP2005165437A (ja) * 2003-11-28 2005-06-23 Kyocera Mita Corp デザイン支援システム
JP2008146227A (ja) 2006-12-07 2008-06-26 Canon Inc 編集装置および編集方法および編集プログラム
JP2010128533A (ja) * 2008-11-25 2010-06-10 Nec Corp 配色検査システム、配色検査方法および配色検査プログラム

Family Cites Families (9)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
JP3333686B2 (ja) * 1996-06-28 2002-10-15 松下電器産業株式会社 表示画面検査方法
US6081253A (en) * 1998-02-10 2000-06-27 Bronson Color Company, Inc. Method for generating numerous harmonious color palettes from two colors
NZ525956A (en) * 2003-05-16 2005-10-28 Deep Video Imaging Ltd Display control system for use with multi-layer displays
US7035438B2 (en) * 2003-07-30 2006-04-25 Xerox Corporation System and method for measuring and quantizing document quality
US8860748B2 (en) * 2005-10-03 2014-10-14 Gary Lynn Campbell Computerized, personal-color analysis system
WO2009009672A1 (en) * 2007-07-11 2009-01-15 Benjamin Moore & Co. Color selection system
CN101312545A (zh) * 2008-07-02 2008-11-26 中兴通讯股份有限公司 图像检测方法和装置
JP5471306B2 (ja) * 2009-10-28 2014-04-16 ソニー株式会社 色むら検査装置および色むら検査方法
US20140089781A1 (en) * 2011-03-17 2014-03-27 Designin, Inc. Color-based designs

Patent Citations (7)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
JP2903604B2 (ja) 1990-03-01 1999-06-07 三菱電機株式会社 画像表示装置
JPH08249441A (ja) 1995-03-08 1996-09-27 Hitachi Ltd 対話型配色支援方法
JPH10188023A (ja) * 1996-12-24 1998-07-21 Fuji Xerox Co Ltd 画像デザイン支援装置
JP2002197403A (ja) 2000-12-26 2002-07-12 Nec Corp Webコンテンツの可読性評価システム、Webコンテンツの配色支援システム、その方法、記録媒体
JP2005165437A (ja) * 2003-11-28 2005-06-23 Kyocera Mita Corp デザイン支援システム
JP2008146227A (ja) 2006-12-07 2008-06-26 Canon Inc 編集装置および編集方法および編集プログラム
JP2010128533A (ja) * 2008-11-25 2010-06-10 Nec Corp 配色検査システム、配色検査方法および配色検査プログラム

Non-Patent Citations (2)

* Cited by examiner, † Cited by third party
Title
MASATAKA TOKUMARU ET AL.: "Quantitative Evaluation of Color Harmony Using Fuzzy Reasoning", JOURNAL OF JAPAN SOCIETY FOR FUZZY THEORY AND INTELLIGENT INFORMATICS, vol. 19, no. 1, 15 February 2007 (2007-02-15), pages 57 - 68, XP008171004 *
See also references of EP2696327A4

Cited By (2)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN106686374A (zh) * 2016-12-08 2017-05-17 广州视源电子科技股份有限公司 屏幕色彩饱和度的检测方法、系统和装置
CN106686374B (zh) * 2016-12-08 2018-09-25 广州视源电子科技股份有限公司 屏幕色彩饱和度的检测方法、系统和装置

Also Published As

Publication number Publication date
CN103688291A (zh) 2014-03-26
EP2696327A4 (en) 2014-12-24
US20140139545A1 (en) 2014-05-22
EP2696327A1 (en) 2014-02-12
US9177528B2 (en) 2015-11-03
JP5304965B2 (ja) 2013-10-02
JPWO2013014849A1 (ja) 2015-02-23
CN103688291B (zh) 2016-07-06

Similar Documents

Publication Publication Date Title
US11282116B2 (en) Image quality assessment to merchandise an item
US9547815B2 (en) Apparatuses and methods generating a two-dimensional code with a logo
JP4082591B2 (ja) データ編集装置及びプログラム
JP5304965B2 (ja) 画面検査装置、画面検査方法、及びプログラム
CN105874449B (zh) 用于提取和生成用于显示内容的图像的系统和方法
JP2020517039A (ja) オーバーレイコンテンツとのページの相互作用機能の維持
CN108875020A (zh) 用于实现标注的方法、装置、设备及存储介质
Lai et al. Computational models and experimental investigations of effects of balance and symmetry on the aesthetics of text-overlaid images
KR20170089534A (ko) 전자 장치 및 그 제어 방법
US20210110587A1 (en) Automatic Positioning of Textual Content within Digital Images
CN111340782B (zh) 一种图像打标方法、装置及系统
US9747326B2 (en) Non-transitory computer-readable recording medium that stores document evaluation program that evaluates consistency in document
KR20210098997A (ko) 자동화된 실시간 하이 다이나믹 레인지 콘텐츠 검토 시스템
CN109891459B (zh) 图像处理装置及图像处理方法
JP2013025031A (ja) 表示装置及びその制御方法
CN102906785B (zh) 颜色安排检查设备以及数据处理方法
Pham et al. VOYAGER: Automatic Computation of Visual Complexity and Aesthetics of Graph Query Interfaces.
JP7383083B1 (ja) 情報処理装置、情報処理方法、および情報処理プログラム
WO2024014240A1 (ja) 情報処理プログラム、情報処理装置及び情報処理方法
US11645445B2 (en) Systems and methods for dynamic document viewing
JP2004318325A (ja) 情報入力装置およびそのプログラムならびに電子フォーム
JP5901591B2 (ja) 資料評価プログラムおよび資料評価装置
Grout Readability of conventional applications within immersive virtual environments
CN115167963A (zh) 一种基于h5的多层级窗口快速响应的方法及存储介质
JP2015049672A (ja) 資料評価プログラムおよび資料評価装置

Legal Events

Date Code Title Description
121 Ep: the epo has been informed by wipo that ep was designated in this application

Ref document number: 12817942

Country of ref document: EP

Kind code of ref document: A1

ENP Entry into the national phase

Ref document number: 2013514894

Country of ref document: JP

Kind code of ref document: A

REEP Request for entry into the european phase

Ref document number: 2012817942

Country of ref document: EP

WWE Wipo information: entry into national phase

Ref document number: 2012817942

Country of ref document: EP

WWE Wipo information: entry into national phase

Ref document number: 14234932

Country of ref document: US

NENP Non-entry into the national phase

Ref country code: DE