CN105335854B - Method and device for providing commodity object picture in page - Google Patents
Method and device for providing commodity object picture in page Download PDFInfo
- Publication number
- CN105335854B CN105335854B CN201410351855.9A CN201410351855A CN105335854B CN 105335854 B CN105335854 B CN 105335854B CN 201410351855 A CN201410351855 A CN 201410351855A CN 105335854 B CN105335854 B CN 105335854B
- Authority
- CN
- China
- Prior art keywords
- picture
- area region
- pictures
- display window
- target picture
- Prior art date
- Legal status (The legal status 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 status listed.)
- Active
Links
Images
Landscapes
- User Interface Of Digital Computer (AREA)
Abstract
The application discloses a method and a device for providing commodity object pictures in a page, wherein the method comprises the following steps: sending a browsing request of the commodity object; receiving page information comprising a plurality of commodity object pictures; determining an area region in a display window, wherein the area region is a visual focus region; determining a target picture entering the area region in the process of displaying the plurality of commodity object pictures in a page; and adjusting the visual saliency characteristics of the pictures in the display window so that the visual saliency of the target picture in the area region is higher than that of the other pictures outside the area region. By the method and the device, eye fatigue caused by long-time browsing can be reduced, and meanwhile, important contents can be avoided being missed or ignored as much as possible.
Description
Technical Field
The present application relates to the field of page display technologies, and in particular, to a method and an apparatus for providing a commodity object picture in a page.
Background
In an electronic commerce transaction platform, when a user needs to check commodity objects under a certain category or needs to search for commodity objects meeting a certain condition, pictures of the commodity objects are often required to be displayed to the user in a list form in a page. At this time, a plurality of pictures are displayed in a page, and the pictures are often arranged in rows and columns. Of course, the size of the display screen of the terminal device is limited, and therefore, the number of pictures displayed on each screen is also limited, for example, three lines are displayed on each screen, three pictures are displayed on each line, and then, as a scroll bar is dragged or a touch screen of the terminal device is slid, a new picture enters the window display area, and the original picture is moved out of the window display area.
In the browsing process, the sight of the user needs to be switched among the pictures continuously, so that eye fatigue is easily caused; moreover, a plurality of pictures can be seen on each screen, and the pictures are continuously shifted in and out, so that the browsing of the user is not important, and further, some contents which should be focused by the user may be missed or ignored.
In the prior art, the eye fatigue caused by long-time browsing can be reduced by means of increasing the display size of a single picture, reducing the number of pictures displayed in each screen or displaying in pages, but the prior art still has the defect that important contents are easily missed or ignored by a user.
Therefore, how to make the commodity object pictures displayed on the page more effectively utilized by the user, and avoid the important content from being missed or ignored as much as possible while reducing the eye fatigue caused by long-time browsing is a technical problem which needs to be solved by the technical personnel in the field urgently.
Disclosure of Invention
The application provides a method and a device for providing a commodity object picture in a page, which can reduce eye fatigue caused by long-time browsing and simultaneously avoid important contents from being missed or ignored as much as possible.
The application provides the following scheme:
a method for providing a commodity object picture in a page comprises the following steps:
sending a browsing request of the commodity object;
receiving page information comprising a plurality of commodity object pictures;
determining an area region in a display window, wherein the area region is a visual focus region;
determining a target picture entering the area region in the process of displaying the plurality of commodity object pictures in a page;
and adjusting the visual saliency characteristics of the pictures in the display window so that the visual saliency of the target picture in the area region is higher than that of the other pictures outside the area region.
A method for providing a commodity object picture in a page comprises the following steps:
receiving a browsing request of a commodity object;
determining page information comprising a plurality of commodity object pictures according to the browsing request;
adding a preset identifier in the page information;
returning the page information which comprises the plurality of commodity object pictures and is added with the preset identification, so that a client determines an area region in a display window according to the preset identification, determines a target picture entering the area region in the process of displaying the plurality of commodity object pictures in a page, and adjusts the visual saliency characteristics of the pictures in the display window to ensure that the visual saliency of the target picture in the area region is higher than that of other pictures outside the area region; wherein the area region is a visual focus region.
An apparatus for providing a picture of an item object in a page, comprising:
a browsing request sending unit for sending a browsing request of the commodity object;
the page information receiving unit is used for receiving page information comprising a plurality of commodity object pictures;
the area region determining unit is used for determining an area region in the display window, wherein the area region is a visual focus region;
the target picture determining unit is used for determining a target picture entering the area region in the process of displaying the plurality of commodity object pictures in a page;
and the adjusting unit is used for adjusting the visual saliency characteristics of the pictures in the display window so that the visual saliency of the target picture in the area region is higher than that of other pictures outside the area region.
An apparatus for providing a picture of an item object in a page, comprising:
a browsing request receiving unit for receiving a browsing request of the commodity object;
the page information determining unit is used for determining page information comprising a plurality of commodity object pictures according to the browsing request;
an identifier adding unit, configured to add a preset identifier to the page information;
the page information returning unit is used for returning the page information which comprises the commodity object pictures and is added with the preset identification, so that the client determines an area region in the display window according to the preset identification, determines a target picture entering the area region in the process of displaying the commodity object pictures in the page, and adjusts the visual saliency characteristics of the pictures in the display window to ensure that the visual saliency of the target picture in the area region is higher than that of other pictures outside the area region; wherein the area region is a visual focus region.
According to the specific embodiments provided herein, the present application discloses the following technical effects:
according to the embodiment of the application, an area region can be determined in the display window, the area region can be determined according to the visual focus of people when the people watch the display window, and in the picture displayed on each screen, a part of the picture entering the area region can be displayed with higher visual saliency, so that the visual focus of a user can be kept unchanged in the area region, eye fatigue caused by long-time visual focus transfer is avoided, attention is focused, and some important picture contents are prevented from being missed or ignored.
Of course, it is not necessary for any product to achieve all of the above-described advantages at the same time for the practice of the present application.
Drawings
In order to more clearly illustrate the embodiments of the present application or the technical solutions in the prior art, the drawings needed to be used in the embodiments will be briefly described below, and it is obvious that the drawings in the following description are only some embodiments of the present application, and it is obvious for those skilled in the art to obtain other drawings without creative efforts.
FIG. 1 is a flow chart of a method provided by an embodiment of the present application;
FIG. 2-1 is a schematic diagram of a full-scale display of a picture in an embodiment of the present application;
2-2 is a schematic diagram of a central region of a picture in the embodiment of the present application;
2-3 are schematic diagrams of the display effect of the zoomed picture center region in the embodiment of the present application;
FIG. 3-1 is a schematic view of a page display in an embodiment of the present application;
3-2 is another page display diagram in the embodiment of the present application;
FIG. 4 is a flow chart of another method provided by embodiments of the present application;
FIG. 5 is a schematic view of an apparatus provided by an embodiment of the present application;
fig. 6 is a schematic diagram of another apparatus provided in an embodiment of the present application.
Detailed Description
The technical solutions in the embodiments of the present application will be clearly and completely described below with reference to the drawings in the embodiments of the present application, and it is obvious that the described embodiments are only a part of the embodiments of the present application, and not all of the embodiments. All other embodiments that can be derived from the embodiments given herein by a person of ordinary skill in the art are intended to be within the scope of the present disclosure.
The inventor finds in the process of implementing the present application that, in a real scene of the real world, when a user views surrounding objects, there exists a visual focus range, objects of the focus range are generally closer to an observer and located in the middle of the line of sight of the observer, and the objects seen by the observer are clearer than other objects around the observer. Conversely, it is easier for a user to get his attention if something is in the visual focus of the viewer. Therefore, in the embodiment of the application, the design of the online product is optimized by utilizing the visual perception of human, so that the eye fatigue of a user caused by long-time browsing is avoided, and the occurrence probability of the phenomenon that the key information is missed or ignored is reduced. Specific implementations are described in detail below.
Example one
Referring to fig. 1, an embodiment of the present application first provides a method for providing a commodity object picture in a page, where the method is mainly introduced from the perspective of a client, and specifically may include the following steps:
s101: sending a browsing request of the commodity object;
in specific implementation, a request for browsing a commodity object may be sent to the server according to an operation instruction of the user, specifically, the request may be a search request initiated by a certain keyword, or a browsing request after clicking a certain commodity category, and the like.
S102: receiving page information comprising a plurality of commodity object pictures;
after receiving the browsing request, the server can return a plurality of commodity object pictures meeting the conditions, and correspondingly, the client can receive the pictures.
S103: determining an area region in a display window, wherein the area region is a visual focus region;
here, the display window may be a display window of an application currently displaying the commodity object picture. For example, if the current application is a browser installed in a certain terminal device, the display window refers to a main frame window of the browser, and if the current application is a transaction platform APP installed in a mobile terminal device such as a mobile phone, the display window is a window of the APP. Generally, in a mobile terminal device, since the display screen size of the device is relatively small, the display windows of various APPs are generally equal to the size of the display screen and are generally not adjustable. For terminal devices with relatively large display screens such as desktop computers and notebooks, the display window of an application is the same size as the display screen in a maximized state, but the window size is generally allowed to be adjusted.
The area region is a region defined in the embodiment of the present application, and the region is generally located in the middle of the display window, because the position is generally a position where the visual focus of the user is located. In particular, when determining the area region, there may be a variety of implementations. For example, in one implementation, the relative position relationship between the area region and the display window may be predefined, for example, the minimum abscissa and the maximum abscissa of the predefined area region are equal to the minimum abscissa and the maximum abscissa of the display window, the minimum ordinate of the area region is at one third of the height of the display window, and the maximum ordinate is at two thirds of the height of the display window, so that the coordinates of the area region can be uniquely determined as long as the coordinates of each vertex position of the display window are determined. For example, assume that the minimum abscissa of the display window is x1Maximum abscissa of x2With a minimum ordinate of y1Maximum ordinate y2The minimum abscissa of the area region is x1Maximum abscissa ofIs x2With a minimum ordinate of y1+(y2-y1) (iii) maximum ordinate y1+2(y2-y1)/3。
The implementation mode is simple, a small amount of calculation is required, and in practical application, the total number of lines of pictures that can be displayed on each screen may be different for terminal devices with different display screen sizes. For example, for pictures of the same size, there may be three lines displayed on each screen in some terminal devices, or four lines or more may be displayed on each screen in some terminal devices, and so on. In this case, if the coordinates of the area regions are determined in accordance with a fixed relative positional relationship, a good display effect may not be obtained. For example, still assuming that the minimum ordinate of the preset area region is at one third of the height of the display window, and the maximum ordinate is at two thirds of the height of the display window, if three lines of pictures can be displayed on each screen in a certain terminal device, a better display effect can be obtained, that is, the middle line of pictures can always be determined as pictures in the area region; however, if a terminal device can display four pictures per screen, the following phenomena may occur: all pictures in the display window may not completely enter the area region, and at this time, it may not be possible to determine which pictures enter the area region and which pictures do not enter the area region, and further, subsequent operations such as distinguishing and displaying may not be performed.
Therefore, another implementation manner for determining the position of the area region is further provided in the embodiments of the present application, and specifically, in this manner, the number of lines of the picture to be displayed in the area region may be obtained in advance, so that when the position of the area region is determined, the height of the display window may be obtained first, then the center line position of the display window in the height direction is determined according to the height of the display window, and then the position of the area region may be determined according to the center line position and the number of lines of the picture to be displayed in the area region. For example, if the number of lines of the picture to be displayed in the area region is 2, after the center line position of the display window is determined, the minimum ordinate of the visual focus display region can be determined as the center line position minus the height of one picture, and the maximum ordinate is the center line position plus the height of one picture.
The height of the display window can be read by calling a system function, and even if the size of the display window is adjusted by a user, the height can be read. The number of lines of the picture to be displayed in the area region can be determined in various ways. For example, in one of the manners, the number of lines of the picture to be displayed in the area may be preset, and in this manner, a better effect may be achieved when the total number of lines of the picture displayed in each screen is fixed, and the number of lines of the picture to be displayed in the area may be determined according to the total number of lines of the picture displayed in each screen. For example, if the total number of lines of the picture displayed on each screen is 4 lines, the number of lines of the picture to be displayed in the area region can be preset to be 2 lines; if the total number of lines of the picture displayed on each screen is 5 lines, the number of lines of the picture to be displayed in the area region can be preset to be 3 lines, and the like. In summary, it is preferable to ensure that the total number of picture lines in the non-area region is even, so that the area region is exactly in the middle of the display window.
However, as mentioned above, in some cases, the total number of lines of pictures that can be displayed on each screen may not be fixed, but may vary with the size of the display window, and in this case, if the number of lines of pictures displayed in the area region is still preset, the finally determined area region may not fall in the middle of the display window. For this reason, in the embodiment of the present application, it is also possible to perform as follows: presetting the number of picture lines of the non-area region, wherein the number of the picture lines is generally set to be even, so that the sizes of the non-area regions of the upper edge and the lower edge are ensured to be the same; then, the height of the display window and the height of a single picture can be determined (the height of the single picture is generally predefined), so that the total number of lines of the picture which can be displayed on each screen can be calculated, then the number of lines of the picture which is not in the area region is subtracted from the total number of lines of the picture, the number of lines of the picture which is required to be displayed in the area region can be obtained, and then the position of the area region is determined according to the central line position of the display window and the number of lines of the picture which is required to be displayed in the area region.
For example, the specific implementation can be performed as follows:
the method comprises the following steps: taking the height of the display window (windowheight) and the height of the single picture (imageHeight), (assuming that all the pictures are of the same size), the total number of lines of pictures that can be displayed in the display window can be obtained: floor (windows high/image height);
step two: if the edge blurring line number (i.e., the line number of the picture in the non-area) is rowB, the line number of the picture to be displayed in the middle area is rowF — rowB; the algorithm ensures that the total line number of the pictures which can be displayed in the display window is more than 2 lines;
step three: calculating the midline position of the display window, wherein mid is windows Hieght/2;
step four: according to the central line position and the number of displayable picture lines in the area region, the upper and lower vertical coordinates of the area region can be calculated as follows:
upY＝mid-rowF*imageHeight/2；downY＝mid+rowF*imageHeight/2
in the above methods, the horizontal central region in the display window is taken out as the area region, and in practical applications, the vertical central region may also be determined as the area region.
In summary, in the embodiment of the present application, after the area region is determined, the position and size of the area region in the real window are fixed and do not change due to the change of the operation focus of the user.
It should be noted that, during specific implementation, not every page may need to be displayed according to the method provided in the embodiment of the present application, and therefore, in order to facilitate distinguishing between clients, when the server returns page information, a certain preset identifier may also be added to the page information, so that after receiving the page information, the client may first determine whether the page information carries the preset identifier, and if so, trigger execution of the step S103 and subsequent steps to perform special processing according to the method in the embodiment of the present application, otherwise, if the page information does not carry the preset identifier, display may be performed according to a conventional method. Of course, in practical applications, it is not necessary to perform the distinguishing process according to different pages.
In the embodiment of the present application, step S103 may be performed before step S101 or after step S102, or may be performed between the execution of step S101 and step S102. But may also be performed simultaneously. The execution time of this step is not particularly limited in the embodiment of the present application.
S104: determining a target picture entering the area region in the process of displaying the plurality of commodity object pictures in a page;
during the process of displaying each picture in the page, the front end code of the page can determine which pictures enter the display window and can determine the position of each picture in the display window. Therefore, in the embodiment of the present application, after the position of the area region is determined, each picture currently displayed in the display window and the coordinates of each picture in the display window may be determined, and then the target picture entering the area region may be determined according to the coordinates of the area region and the coordinates of each picture. For example, the following can be specifically implemented:
obtaining a current picture object by a document.
Thus, the first and last pictures into an area region can be represented as:
imgFirst＝document.elementFromPoint(xL,upY)
imgLast＝document.elementFromPoint(xR,downY)
s105: and adjusting the visual saliency characteristics of the pictures in the display window so that the visual saliency of the target picture in the area region is higher than that of the other pictures outside the area region.
After determining which pictures need to be displayed within the area region and which pictures need to be displayed outside the area region, the visual display characteristics of each picture can be adjusted so that the visual saliency of the target picture within the area region is higher than that of the other pictures outside the area region. Of course, there may be multiple target pictures that go into an area region and other pictures that are outside the area region. Thus, the visual focus of the user can be mainly concentrated in an area region, eye fatigue caused by long-time movement of the visual focus can be avoided, and the user can also attach more importance to the picture in the area region.
In a specific implementation, in a browsing process of a user, since the pictures may be continuously moved into or out of the area region along with operations such as dragging and sliding of the user, the pictures entering the area region may be continuously changed in a group. In a specific implementation, the picture entering the area region each time can be determined in a multi-traversal manner. In addition, for convenience of data processing, the display style data of each group of pictures can be stored in an array form. For example, after all pictures that should enter the area region are obtained by traversal, the data may be saved to the array arr after the display style is changed; while (img ═ imgl) { arr.push (img); img — imgfirst. nextsabling; }. When the next traversal judgment is carried out, the pictures in the array arr can be reset into the initial pattern, the data are cleared, a new group of pictures entering the area are pushed, and the like.
Among them, the visual saliency refers to a characteristic that makes a person perceive a certain part of contents in a visual environment to be more obtrusive and thus to attract more attention. In the embodiment of the present application, there may be a variety of visual saliency characteristics about pictures. For example, in one implementation, the definition of the target pictures in the area region may be set to be the highest, and if the definition of the target pictures is already the highest, the definitions of the pictures outside the area region may also be adjusted to be lower, so that the pictures in the area region have more visual significance and the user's sight line is more concentrated in the area region through the difference of the definitions of the pictures in the different regions. During specific implementation, the adjustment of the image display definition can be realized by adopting a filter function and other modes, namely, a layer of filter with a blurring effect can be added on the upper layer of the display window, and a specific action region of the filter is set according to the coordinates of the area region, so that each target image in the area region keeps a clear state, and other images outside the area region show a fuzzy display effect under the action of the filter. Naturally, in practical applications, the display mode parameter of the picture itself may also be adjusted in other ways, for example, to achieve the above-mentioned clear or blurred display effect.
Or, in another mode, a plurality of picture display regions may be divided in advance in the page, and each commodity object picture is displayed in the corresponding picture display region, at this time, in order to improve the higher visual saliency of the target picture entering the area region, a main content portion of the target picture may be cut for each target picture in the area region, and then only the main content portion is displayed in the picture display region corresponding to the target picture, so as to improve the visual saliency of the target picture. However, in one mode, since the main content is generally displayed at the center position of the picture, the main content may be cut out from the target picture in accordance with a preset height, width, or the like of the cut-out center position. For example, if the picture display area is 300 × 300px and the size of a target picture itself is 400 × 400px, in this way, the area of 350 × 350px in the center of the target picture can be cut and displayed by shrinking to the size of the picture display area. Alternatively, the main content may be identified from the target picture by an image recognition algorithm, etc., and then cut out, and then only the cut out main content is displayed in a specific picture display area. That is, for each target picture within an area region, only the content of its subject content region may be presented. In this way, in the case that the size of each picture display area is the same, since the target picture in the area only displays the main content part, the part of the picture will appear larger than other pictures, creating a feeling that the part of the picture is closer to the user, and thus, the visual saliency of the part of the target picture can be made higher than that of other pictures. Meanwhile, the content which is most mainly represented by the picture is displayed, so that the visual attention of the user can be further attracted.
Specifically, when the main content part is displayed in the picture display area corresponding to the target picture, the main content part may be first enlarged to the original size of the target picture, and then the main content part is displayed in the picture display area corresponding to the target picture according to the proportional relationship between the original size and the size of the picture display area.
In this embodiment, the display size of the target picture in the area is not entirely increased, but only the main content area portion of the target picture in which the picture display content is most expressible is displayed in the picture display area, and the target picture is appropriately zoomed in and out, while the size of the displayed picture is maintained. That is, when a target picture is displayed in an area region, the edge portion or other non-subject content portion of the picture is no longer presented to the user, and when the picture is moved out of the area region, the entire picture is again visible, but in the entire picture, the size of its main content portion is smaller than when it is displayed in the area region. For example, the display effect of a picture original after being reduced to a picture display area is as shown in fig. 2-1, after the picture enters an area, a central area, such as a portion 201 shown in fig. 2-2, of the picture may be cut out from the picture, and then the portion 201 may be displayed to the picture display area, and the display effect is as shown in fig. 2-3. It can be seen that the picture mainly shows a piece of clothing worn by a model person, and after the picture enters the area region, the size of the whole picture region is unchanged, but the size of the model person is increased, so that the model person can be seen more clearly by a user and is easier to attract the attention of the user.
Of course, in a specific implementation, the two manners may be combined, that is, the visual saliency of the target picture in the area region may be improved from the aspect of definition, and also may be improved from the aspect of display size. For example, as shown in fig. 3-1, three rows of pictures are displayed in the display window, and the area where the middle second row is located is the area, so that each picture displayed in the row is clearer than the pictures displayed in the first row and the third row, and the proportion of the model person displayed in the central area is enlarged. When the user drags the scroll bar downwards or slides the touch screen downwards, the second line in fig. 3-1 is moved out of the area region and becomes the fourth line in fig. 3-2, accordingly, the definition of the picture is reduced, and the central region of the picture is not enlarged any more; the third row in fig. 3-1 enters the area region and becomes the fifth row in fig. 3-2, and accordingly, the clarity thereof is improved, the model character in the center region is also enlarged and displayed, and further, the sixth row enters the display window, the first row in fig. 3-1 is moved out of the display window, and so on. In summary, in each screen of displayed pictures, part of the pictures always having the central area show higher visual significance in terms of definition, main content scaling and the like, so that the visual effect of human beings in a real environment is better simulated, the visual focus of a user can be kept unchanged in the area, the attention is more focused, and some important picture contents are prevented from being missed or ignored.
Example two
The second embodiment of the present application first provides a method for providing a commodity object picture in a page, which is introduced mainly from the perspective of a server, and with reference to fig. 4, the method may specifically include the following steps:
s401: receiving a browsing request of a commodity object;
s402: determining page information comprising a plurality of commodity object pictures according to the browsing request;
the server can retrieve a plurality of matched commodity object pictures according to information such as search keywords carried in the browsing request and generate page information.
S403: adding a preset identifier in the page information;
after the page information is generated, the server may add a preset identifier to the page information, so that the client determines whether to display the page according to the method provided in the embodiment of the present application.
S404: returning the page information which comprises the plurality of commodity object pictures and is added with the preset identification, so that a client determines an area region in a display window according to the preset identification, determines a target picture entering the area region in the process of displaying the plurality of commodity object pictures in a page, and adjusts the visual saliency characteristics of the pictures in the display window to ensure that the visual saliency of the target picture in the area region is higher than that of other pictures outside the area region; wherein the area region is a visual focus region.
After the preset identifier is added, the page information carrying the preset identifier may be returned to the client, so that the client analyzes that the page information carries the preset identifier after receiving the page information, and thus, the page may be displayed according to the method shown in steps S103 to S105 of the first embodiment.
It should be noted that the second embodiment is mainly described from the perspective of a server, and some specific implementation details are already described in the first embodiment, so that reference may be made to the description in the first embodiment, and details are not described here.
Corresponding to the method for providing a commodity object picture in a page provided in the first embodiment of the present application, an embodiment of the present application further provides a device for providing a commodity object picture in a page, and referring to fig. 5, the device may specifically include:
a browsing request sending unit 501, configured to send a browsing request for a commodity object;
a page information receiving unit 502, configured to receive page information including a plurality of commodity object pictures;
an area region determining unit 503, configured to determine an area region in the display window, where the area region is a visual focus region;
a target picture determining unit 504, configured to determine a target picture entering the area region in a process of displaying the multiple commodity object pictures in a page;
an adjusting unit 505, configured to adjust the visual saliency characteristic of the picture within the display window, so that the visual saliency of the target picture within the area region is higher than that of other pictures outside the area region.
In particular, the visual saliency of a picture can be adjusted through multiple aspects. For example, in one of the manners, the adjusting unit 505 may specifically include:
and the first definition adjusting subunit is used for reducing the definition of other pictures outside the area region.
Or, in another mode, the adjusting unit 505 may specifically include:
and the second definition adjusting subunit is used for setting the definition of the target picture in the visual focus area to be the highest.
In another mode, a plurality of image display areas are pre-divided in the page, each commodity object image is displayed in a corresponding image display area, and the adjusting unit 505 may specifically include:
the intercepting subunit is used for intercepting the main content part of the target picture for each target picture in the area region;
and the display subunit is used for displaying the main content part in the picture display area corresponding to the target picture.
The display subunit may specifically include:
a size enlarging subunit, configured to enlarge the content of the main body part to an original size of the target picture;
and the scaling subunit is used for displaying the main content part in the image display area corresponding to the target image according to the proportional relation between the original size and the size of the image display area.
The specific implementation manner of determining the area region may also be multiple, where in one manner, the area region determining unit 503 may specifically include:
the window height determining subunit is used for acquiring the height of the display window;
the center line position determining subunit is used for determining the center line position of the display window in the height direction according to the height of the display window;
and the area determining subunit is used for determining the area according to the central line position and the number of the lines of the pictures to be displayed in the area.
The number of lines of the picture to be displayed in the area region may be predetermined, or, to further improve the versatility, the apparatus may further include:
the single picture height determining unit is used for determining the height of a single picture;
the total line number determining unit is used for determining the total line number of the pictures which can be displayed on each screen according to the height of the display window and the height of a single picture;
and the area region line number determining unit is used for determining the number of lines of the pictures to be displayed in the area region according to the total line number and the preset number of lines of the non-area region pictures.
The target picture determining unit 504 may specifically include:
the coordinate determining subunit is used for determining each picture currently displayed in the display window and the coordinate of each picture in the display window;
and the picture determining subunit is used for determining the target picture entering the area according to the coordinates of the area and the coordinates of each picture.
In addition, the apparatus may further include:
the judging unit is used for judging whether the page information contains a preset identifier before determining an area region in the display window;
and the triggering unit is used for triggering an area in the determined display window and subsequent steps if the judgment result of the judging unit is yes.
Corresponding to the method for providing a commodity object picture in a page provided in the second embodiment of the present application, an embodiment of the present application further provides a device for providing a commodity object picture in a page, referring to fig. 6, where the device may specifically include:
a browsing request receiving unit 601, configured to receive a browsing request for a commodity object;
a page information determining unit 602, configured to determine, according to the browsing request, page information including multiple commodity object pictures;
an identifier adding unit 603, configured to add a preset identifier to the page information;
a page information returning unit 604, configured to return the page information that includes the multiple commodity object pictures and is added with a preset identifier, so that the client determines an area region in the display window according to the preset identifier, determines a target picture entering the area region in a process of displaying the multiple commodity object pictures in the page, and adjusts a visual saliency characteristic of a picture in the display window, so that the visual saliency of the target picture in the area region is higher than that of other pictures outside the area region; wherein the area region is a visual focus region.
In summary, by the embodiment of the application, an area region can be determined in a display window, the area region can be determined according to the visual focus of people when the people watch the display window, in each picture displayed on the screen, a part of the picture entering the area region can be displayed with higher visual significance, so that the visual focus of a user can be kept unchanged in the area region, eye fatigue caused by long-time visual focus shifting is avoided, attention is focused, and some important picture contents are prevented from being missed or ignored.
From the above description of the embodiments, it is clear to those skilled in the art that the present application can be implemented by software plus necessary general hardware platform. Based on such understanding, the technical solutions of the present application may be essentially or partially implemented in the form of a software product, which may be stored in a storage medium, such as a ROM/RAM, a magnetic disk, an optical disk, etc., and includes several instructions for enabling a computer device (which may be a personal computer, a server, or a network device, etc.) to execute the method according to the embodiments or some parts of the embodiments of the present application.
The embodiments in the present specification are described in a progressive manner, and the same and similar parts among the embodiments are referred to each other, and each embodiment focuses on the differences from the other embodiments. In particular, the system or system embodiments are substantially similar to the method embodiments and therefore are described in a relatively simple manner, and reference may be made to some of the descriptions of the method embodiments for related points. The above-described system and system embodiments are only illustrative, wherein the units described as separate parts may or may not be physically separate, and the parts displayed as units may or may not be physical units, may be located in one place, or may be distributed on a plurality of network units. Some or all of the modules may be selected according to actual needs to achieve the purpose of the solution of the present embodiment. One of ordinary skill in the art can understand and implement it without inventive effort.
The method and the device for providing the commodity object picture in the page provided by the application are introduced in detail, a specific example is applied in the method to explain the principle and the implementation mode of the application, and the description of the embodiment is only used for helping to understand the method and the core idea of the application; meanwhile, for a person skilled in the art, according to the idea of the present application, the specific embodiments and the application range may be changed. In view of the above, the description should not be taken as limiting the application.
Claims (10)
1. A method for providing a commodity object picture in a page is characterized by comprising the following steps:
sending a browsing request of the commodity object;
receiving page information comprising a plurality of commodity object pictures;
determining an area region in a display window, wherein the area region is a visual focus region;
determining a target picture entering the area region in the process of displaying the plurality of commodity object pictures in a page;
adjusting the visual saliency characteristics of the pictures in the display window so that the visual saliency of the target picture in the area region is higher than that of the other pictures outside the area region;
the plurality of commodity object pictures are arranged in a row and column mode, and the area region displays the target picture in a row; the method for adjusting the visual saliency characteristics of each picture in the display window comprises the following steps of:
for each target picture in the area region, intercepting a main content part of the target picture;
enlarging the subject content portion to the size of the target picture;
and displaying the enlarged main content part in a picture display area corresponding to the target picture.
2. The method of claim 1, wherein the adjusting the visual saliency characteristics of each picture within the display window comprises:
and (5) turning down the definition of other pictures outside the area region.
3. The method of claim 1, wherein the adjusting the visual saliency characteristics of each picture within the display window comprises:
and increasing the definition of the target picture in the visual focus area.
4. The method of any of claims 1 to 3, wherein the determining an area region in the display window comprises:
acquiring the height of the display window;
determining the position of a center line of the display window in the height direction according to the height of the display window;
and determining the area according to the central line position and the number of lines of the picture to be displayed in the area.
5. The method of claim 4, further comprising:
determining the height of a single picture;
determining the total number of displayable pictures on each screen according to the height of the display window and the height of a single picture;
and determining the number of picture lines to be displayed in the area region according to the total number of lines and the preset number of picture lines in the non-area region.
6. The method according to any one of claims 1 to 3, wherein the determining the target picture entered into the area region comprises:
determining each picture currently displayed in a display window and the coordinates of each picture in the display window;
and determining the target picture entering the area region according to the coordinates of the area region and the coordinates of each picture.
7. The method of any of claims 1 to 3, wherein prior to determining an area region in the display window, further comprising:
judging whether the page information contains a preset identifier or not;
if yes, triggering the area in the determined display window and the subsequent steps.
8. A method for providing a commodity object picture in a page is characterized by comprising the following steps:
receiving a browsing request of a commodity object;
determining page information comprising a plurality of commodity object pictures according to the browsing request;
adding a preset identifier in the page information;
returning the page information which comprises the plurality of commodity object pictures and is added with the preset identification, so that a client determines an area region in a display window according to the preset identification, determines a target picture entering the area region in the process of displaying the plurality of commodity object pictures in a page, and adjusts the visual saliency characteristics of the pictures in the display window to ensure that the visual saliency of the target picture in the area region is higher than that of other pictures outside the area region; wherein the area region is a visual focus region; the plurality of commodity object pictures are arranged in a row and column mode, and the area region displays the target picture in a row; the method for adjusting the visual saliency characteristics of each picture in the display window comprises the following steps of: for each target picture in the area region, intercepting a main content part of the target picture; enlarging the subject content portion to the size of the target picture; and displaying the enlarged main content part in a picture display area corresponding to the target picture.
9. An apparatus for providing a picture of an item object in a page, comprising:
a browsing request sending unit for sending a browsing request of the commodity object;
the page information receiving unit is used for receiving page information comprising a plurality of commodity object pictures;
the area region determining unit is used for determining an area region in the display window, wherein the area region is a visual focus region;
the target picture determining unit is used for determining a target picture entering the area region in the process of displaying the plurality of commodity object pictures in a page;
the adjusting unit is used for adjusting the visual saliency characteristics of the pictures in the display window so that the visual saliency of the target picture in the area region is higher than that of other pictures outside the area region; the plurality of commodity object pictures are arranged in a row and column mode, and the area region displays the target picture in a row; the method for adjusting the visual saliency characteristics of each picture in the display window comprises the following steps of: for each target picture in the area region, intercepting a main content part of the target picture; enlarging the subject content portion to the size of the target picture; and displaying the enlarged main content part in a picture display area corresponding to the target picture.
10. An apparatus for providing a picture of an item object in a page, comprising:
a browsing request receiving unit for receiving a browsing request of the commodity object;
the page information determining unit is used for determining page information comprising a plurality of commodity object pictures according to the browsing request;
an identifier adding unit, configured to add a preset identifier to the page information;
the page information returning unit is used for returning the page information which comprises the commodity object pictures and is added with the preset identification, so that the client determines an area region in the display window according to the preset identification, determines a target picture entering the area region in the process of displaying the commodity object pictures in the page, and adjusts the visual saliency characteristics of the pictures in the display window to ensure that the visual saliency of the target picture in the area region is higher than that of other pictures outside the area region; wherein the area region is a visual focus region; the plurality of commodity object pictures are arranged in a row and column mode, and the area region displays the target picture in a row; the method for adjusting the visual saliency characteristics of each picture in the display window comprises the following steps of: for each target picture in the area region, intercepting a main content part of the target picture; enlarging the subject content portion to the size of the target picture; and displaying the enlarged main content part in a picture display area corresponding to the target picture.
Priority Applications (2)
| Application Number | Priority Date | Filing Date | Title |
|---|---|---|---|
| CN201410351855.9A CN105335854B (en) | 2014-07-22 | 2014-07-22 | Method and device for providing commodity object picture in page |
| HK16106575.2A HK1218586A1 (en) | 2014-07-22 | 2016-06-08 | Method and apparatus for providing images of commodity object on page |
Applications Claiming Priority (1)
| Application Number | Priority Date | Filing Date | Title |
|---|---|---|---|
| CN201410351855.9A CN105335854B (en) | 2014-07-22 | 2014-07-22 | Method and device for providing commodity object picture in page |
Publications (2)
| Publication Number | Publication Date |
|---|---|
| CN105335854A CN105335854A (en) | 2016-02-17 |
| CN105335854B true CN105335854B (en) | 2020-06-30 |
Family
ID=55286366
Family Applications (1)
| Application Number | Title | Priority Date | Filing Date |
|---|---|---|---|
| CN201410351855.9A Active CN105335854B (en) | 2014-07-22 | 2014-07-22 | Method and device for providing commodity object picture in page |
Country Status (2)
| Country | Link |
|---|---|
| CN (1) | CN105335854B (en) |
| HK (1) | HK1218586A1 (en) |
Families Citing this family (2)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN106855998A (en) * | 2016-12-29 | 2017-06-16 | 广州酷狗计算机科技有限公司 | The methods of exhibiting and device of portrait |
| CN107562877A (en) * | 2017-09-01 | 2018-01-09 | 北京搜狗科技发展有限公司 | Display methods, device and the device shown for view data of view data |
Citations (4)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN102270331A (en) * | 2011-08-14 | 2011-12-07 | 黄斌 | Network shopping navigating method based on visual search |
| CN103154949A (en) * | 2010-08-11 | 2013-06-12 | 耐克国际有限公司 | Intelligent display of information in a user interface |
| CN103617533A (en) * | 2013-09-12 | 2014-03-05 | 上海渐石网络科技有限公司 | Commodity information display method and device |
| CN103631493A (en) * | 2013-10-31 | 2014-03-12 | 小米科技有限责任公司 | Image display method and device and electronic equipment |
-
2014
- 2014-07-22 CN CN201410351855.9A patent/CN105335854B/en active Active
-
2016
- 2016-06-08 HK HK16106575.2A patent/HK1218586A1/en unknown
Patent Citations (4)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN103154949A (en) * | 2010-08-11 | 2013-06-12 | 耐克国际有限公司 | Intelligent display of information in a user interface |
| CN102270331A (en) * | 2011-08-14 | 2011-12-07 | 黄斌 | Network shopping navigating method based on visual search |
| CN103617533A (en) * | 2013-09-12 | 2014-03-05 | 上海渐石网络科技有限公司 | Commodity information display method and device |
| CN103631493A (en) * | 2013-10-31 | 2014-03-12 | 小米科技有限责任公司 | Image display method and device and electronic equipment |
Also Published As
| Publication number | Publication date |
|---|---|
| HK1218586A1 (en) | 2017-02-24 |
| CN105335854A (en) | 2016-02-17 |
Similar Documents
| Publication | Publication Date | Title |
|---|---|---|
| JP5324411B2 (en) | Advertisement distribution apparatus, method and program | |
| EP2506222B1 (en) | Augmented reality apparatus, method and program | |
| US10540055B2 (en) | Generating interactive content items based on content displayed on a computing device | |
| EP3223272B1 (en) | Information processing device, information processing method, and information processing program | |
| CN113711175A (en) | Wearable electronic device presenting a computer-generated real-world environment | |
| CN110400337B (en) | Image processing method, image processing device, electronic equipment and storage medium | |
| JP6784168B2 (en) | Information processing equipment, programs, browsing systems | |
| US9443494B1 (en) | Generating bounding boxes for labels | |
| CN112083989A (en) | Interface adjusting method and device | |
| US8719697B2 (en) | Object control method for displaying objects in front of link elements | |
| JP5563703B2 (en) | Content distribution apparatus, content distribution method, content distribution program, and terminal program | |
| JP6162057B2 (en) | Display device and display method | |
| CN102436342A (en) | Image previewing and processing method | |
| CN105335854B (en) | Method and device for providing commodity object picture in page | |
| CN113592872A (en) | Picture display method and device and computer storage medium | |
| JP6339550B2 (en) | Terminal program, terminal device, and terminal control method | |
| EP3054380A1 (en) | Document presentation method and user terminal | |
| US8984391B2 (en) | Web page object placement with changing object size responsive to the attribute of the link element | |
| CN111913343A (en) | Panoramic image display method and device | |
| CN114138141A (en) | Display method and device and electronic equipment | |
| CN111949129A (en) | Display content updating method and device, electronic equipment and storage medium | |
| JP6520674B2 (en) | Display system, display terminal, display method, and display program | |
| US10733637B1 (en) | Dynamic placement of advertisements for presentation in an electronic device | |
| JP5657041B2 (en) | Information processing apparatus, method, and program | |
| JP6559280B2 (en) | Terminal program, terminal device, and terminal control method |
Legal Events
| Date | Code | Title | Description |
|---|---|---|---|
| C06 | Publication | ||
| PB01 | Publication | ||
| C10 | Entry into substantive examination | ||
| SE01 | Entry into force of request for substantive examination | ||
| REG | Reference to a national code |
Ref country code: HK Ref legal event code: DE Ref document number: 1218586 Country of ref document: HK |
|
| GR01 | Patent grant | ||
| GR01 | Patent grant |