US20140210862A9 - Icon generation method - Google Patents
Icon generation method Download PDFInfo
- Publication number
- US20140210862A9 US20140210862A9 US14/005,216 US201214005216A US2014210862A9 US 20140210862 A9 US20140210862 A9 US 20140210862A9 US 201214005216 A US201214005216 A US 201214005216A US 2014210862 A9 US2014210862 A9 US 2014210862A9
- Authority
- US
- United States
- Prior art keywords
- icon
- original
- preset
- values
- average
- 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.)
- Granted
Links
Images
Classifications
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F3/00—Input arrangements for transferring data to be processed into a form capable of being handled by the computer; Output arrangements for transferring data from processing unit to output unit, e.g. interface arrangements
- G06F3/01—Input arrangements or combined input and output arrangements for interaction between user and computer
- G06F3/048—Interaction techniques based on graphical user interfaces [GUI]
- G06F3/0481—Interaction techniques based on graphical user interfaces [GUI] based on specific properties of the displayed interaction object or a metaphor-based environment, e.g. interaction with desktop elements like windows or icons, or assisted by a cursor's changing behaviour or appearance
- G06F3/04817—Interaction techniques based on graphical user interfaces [GUI] based on specific properties of the displayed interaction object or a metaphor-based environment, e.g. interaction with desktop elements like windows or icons, or assisted by a cursor's changing behaviour or appearance using icons
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F3/00—Input arrangements for transferring data to be processed into a form capable of being handled by the computer; Output arrangements for transferring data from processing unit to output unit, e.g. interface arrangements
- G06F3/01—Input arrangements or combined input and output arrangements for interaction between user and computer
- G06F3/048—Interaction techniques based on graphical user interfaces [GUI]
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F8/00—Arrangements for software engineering
- G06F8/30—Creation or generation of source code
- G06F8/38—Creation or generation of source code for implementing user interfaces
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06T—IMAGE DATA PROCESSING OR GENERATION, IN GENERAL
- G06T11/00—2D [Two Dimensional] image generation
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06T—IMAGE DATA PROCESSING OR GENERATION, IN GENERAL
- G06T11/00—2D [Two Dimensional] image generation
- G06T11/001—Texturing; Colouring; Generation of texture or colour
Definitions
- This disclosure generally relates to graphical user interface and, more particularly, to a method for icon generation.
- third party applications can be identified by specific graphics called icons, which are generally provided by the developers of the third party applications.
- the graphics selected randomly by the operating system may not be related to the content of the third party applications icons, so the merged icons may not be aesthetically pleasing and the final generated icons do not provide any predictability for the developers of the third party applications.
- the present disclosure provides a method for icon generation, which generates new icons complying with a unified system style, and ensuring content consistency of the new icons.
- a method for icon generation comprising the following steps:
- Step B comprises the following steps:
- the content in icons of third party applications can be analyzed; and based on the content of the original icons, new icons complying with a unified system style could be generated, realizing consistency of a global icon style. Also, the new icon can be aesthetically pleasing while preserving the original content.
- FIG. 1 is a flowchart illustrating a method for icon generation according to an exemplary embodiment of the present disclosure.
- FIG. 1 is a flowchart illustrating a method for icon generation according to an exemplary embodiment of the present disclosure. As shown in FIG. 1 , the method for icon generation comprises the following steps:
- Step 101 Adjust an original icon to a preset size for a certain resolution environment.
- Step 102 Determine statistics for the color values of all pixels of the original icon, and calculate a dominant hue of the original icon. Firstly, obtain RGB values for all pixels of the original icon; determine an average R value by averaging R values for all pixels of the original icon; determine an average G value by averaging G values for all pixels of the original icon; determine an average B value by averaging B values for all pixels of the original icon; the dominant hue of the original icon based on the average R, average G and average B values.
- Step 103 Generate a background color based on a hue angle of the dominant hue and preset values of color saturation and brightness.
- Step 104 Apply the background color to a preset color gradient template to generate an icon background.
- Step 105 Cut the adjusted icon from Step 101 using a preset icon edge cutting template.
- Step 106 Combine the icon background, the cut icon, and a preset icon foreground template to generate a final icon.
Landscapes
- Engineering & Computer Science (AREA)
- Theoretical Computer Science (AREA)
- General Engineering & Computer Science (AREA)
- Physics & Mathematics (AREA)
- General Physics & Mathematics (AREA)
- Human Computer Interaction (AREA)
- Software Systems (AREA)
- User Interface Of Digital Computer (AREA)
- Color Image Communication Systems (AREA)
- Processing Or Creating Images (AREA)
- Image Processing (AREA)
Abstract
Description
- This disclosure generally relates to graphical user interface and, more particularly, to a method for icon generation.
- Most operating systems for computers or smart phones support various applications developed by third parties to be used in these systems. Therefore, such operating systems must provide a solution enabling users to identify these third party applications.
- In almost all operating systems with a graphical user interface, third party applications can be identified by specific graphics called icons, which are generally provided by the developers of the third party applications.
- Since icons for the third party applications are provided by various developers, the icon styles are often inconsistent; so the list of application icons in the user interface looks disorderly, reducing the user's experience.
- Currently, limited graphics are built into operating systems. In accordance with each third party application, some graphics are selected randomly and merged with the application icon in a certain way to generate a new icon, realizing global consistency in icon styles.
- However, the graphics selected randomly by the operating system may not be related to the content of the third party applications icons, so the merged icons may not be aesthetically pleasing and the final generated icons do not provide any predictability for the developers of the third party applications.
- The present disclosure provides a method for icon generation, which generates new icons complying with a unified system style, and ensuring content consistency of the new icons.
- To this end, the present disclosure adopts the following technical scheme:
- A method for icon generation, comprising the following steps:
-
- A. adjusting an original icon to a preset size for a certain resolution environment;
- B. determining statistics for the color values of all pixels of the original icon and calculating a dominant hue of the original icon;
- C. generating a background color based on a hue angle of the dominant hue and preset values of color saturation and brightness;
- D. applying the background color to a preset color gradient template to generate an icon background;
- E. cutting the adjusted icon by using a preset icon edge cutting template;
- F. combining the icon background, the cut icon, and a preset icon foreground template to generate a final icon.
- Step B comprises the following steps:
-
- obtaining RGB values for all pixels of the original icon;
- determining an average R value by averaging R values for all pixels of the original icon;
- determining an average G value by averaging G values for all pixels of the original icon;
- determining an average B value by averaging B values for all pixels of the original icon;
- the dominant hue of the original icon based on the average R, average G and average B values.
- Through this technical scheme of the present disclosure, the content in icons of third party applications can be analyzed; and based on the content of the original icons, new icons complying with a unified system style could be generated, realizing consistency of a global icon style. Also, the new icon can be aesthetically pleasing while preserving the original content.
-
FIG. 1 is a flowchart illustrating a method for icon generation according to an exemplary embodiment of the present disclosure. - Embodiments of the present disclosure are further described in detail with reference to the accompanying figure.
-
FIG. 1 is a flowchart illustrating a method for icon generation according to an exemplary embodiment of the present disclosure. As shown inFIG. 1 , the method for icon generation comprises the following steps: - Step 101. Adjust an original icon to a preset size for a certain resolution environment.
-
Step 102. Determine statistics for the color values of all pixels of the original icon, and calculate a dominant hue of the original icon. Firstly, obtain RGB values for all pixels of the original icon; determine an average R value by averaging R values for all pixels of the original icon; determine an average G value by averaging G values for all pixels of the original icon; determine an average B value by averaging B values for all pixels of the original icon; the dominant hue of the original icon based on the average R, average G and average B values. -
Step 103. Generate a background color based on a hue angle of the dominant hue and preset values of color saturation and brightness. -
Step 104. Apply the background color to a preset color gradient template to generate an icon background. - Step 105. Cut the adjusted icon from Step 101 using a preset icon edge cutting template.
-
Step 106. Combine the icon background, the cut icon, and a preset icon foreground template to generate a final icon. - The above is a detailed description of the technical features of the present disclosure based on a typical preferred embodiment. However, it should be appreciated that the present disclosure is capable of a variety of embodiments and various modifications by those skilled in the art, and all such variations or changes shall be embraced within the scope of the following claims.
Claims (15)
Applications Claiming Priority (4)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN201110060343 | 2011-03-14 | ||
CN201110060343.3A CN102622163B (en) | 2011-03-14 | 2011-03-14 | A kind of icon generation method |
CN201110060343.3 | 2011-03-14 | ||
PCT/CN2012/072283 WO2012122933A1 (en) | 2011-03-14 | 2012-03-13 | Icon generation method |
Publications (3)
Publication Number | Publication Date |
---|---|
US20140002506A1 US20140002506A1 (en) | 2014-01-02 |
US20140210862A9 true US20140210862A9 (en) | 2014-07-31 |
US9310964B2 US9310964B2 (en) | 2016-04-12 |
Family
ID=46562106
Family Applications (1)
Application Number | Title | Priority Date | Filing Date |
---|---|---|---|
US14/005,216 Active 2032-05-16 US9310964B2 (en) | 2011-03-14 | 2012-03-13 | Icon generation method |
Country Status (6)
Country | Link |
---|---|
US (1) | US9310964B2 (en) |
EP (1) | EP2687965A4 (en) |
JP (1) | JP5719456B2 (en) |
KR (1) | KR101481684B1 (en) |
CN (1) | CN102622163B (en) |
WO (1) | WO2012122933A1 (en) |
Cited By (1)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN106970747A (en) * | 2017-05-15 | 2017-07-21 | 广东小天才科技有限公司 | A kind of customer equipment controlling method and user equipment changed based on desktop wallpaper |
Families Citing this family (35)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN102938863B (en) * | 2012-11-27 | 2016-08-17 | 乐视致新电子科技(天津)有限公司 | Intelligent television icon theme replacement method based on android system and device |
CN103076943B (en) * | 2012-12-27 | 2016-02-24 | 小米科技有限责任公司 | A kind of conversion method of icon and the conversion equipment of icon |
CN104077091B (en) * | 2013-03-29 | 2017-08-29 | 联想(北京)有限公司 | A kind of display processing method and electronic equipment |
CN103488397B (en) * | 2013-09-13 | 2017-01-11 | 深圳市欧珀通信软件有限公司 | Method and device for arranging icons, and mobile terminal |
US20150113482A1 (en) * | 2013-10-22 | 2015-04-23 | David Michael Breger | System for generating icons with blurred background and method therefor |
CN104715450A (en) * | 2013-12-16 | 2015-06-17 | 方正国际软件(北京)有限公司 | Method and system for extracting icons from picture |
KR102161159B1 (en) * | 2014-02-13 | 2020-09-29 | 삼성전자주식회사 | Electronic apparatus and method for extracting color in electronic apparatus |
CN103927772B (en) * | 2014-04-30 | 2018-08-24 | 厦门美图之家科技有限公司 | A kind of icon synthetic method |
CN105205054A (en) * | 2014-06-04 | 2015-12-30 | 阿里巴巴集团控股有限公司 | Method for displaying pictures and method and device for acquiring hue characteristic values of pictures |
CN105224162A (en) * | 2014-06-12 | 2016-01-06 | 乐蛙科技(上海)有限公司 | The matching process of terminal demonstration style and system |
CN104050700A (en) * | 2014-06-13 | 2014-09-17 | 北京奥普科星技术有限公司 | Image synthetic method and device |
CN104091326A (en) * | 2014-06-16 | 2014-10-08 | 小米科技有限责任公司 | Method and device for icon segmentation |
CN104090711B (en) * | 2014-06-30 | 2017-12-22 | 宇龙计算机通信科技(深圳)有限公司 | The chassis color display and device of a kind of icon |
CN104408754B (en) * | 2014-10-28 | 2017-11-28 | 广州久邦世纪科技有限公司 | A kind of icon synthetic method |
CN104360854B (en) * | 2014-11-03 | 2018-08-10 | 联想(北京)有限公司 | A kind of information processing method and electronic equipment |
CN104461564A (en) * | 2014-12-24 | 2015-03-25 | 浪潮(北京)电子信息产业有限公司 | Font-based icon generating method and device |
CN105809721B (en) * | 2014-12-30 | 2019-02-15 | 阿里巴巴集团控股有限公司 | A kind of generation method of application icon, device and mobile device |
CN104574410A (en) * | 2015-01-20 | 2015-04-29 | 广州市久邦数码科技有限公司 | Icon picture processing method |
US10345991B2 (en) | 2015-06-16 | 2019-07-09 | International Business Machines Corporation | Adjusting appearance of icons in an electronic device |
CN106598374B (en) * | 2015-10-14 | 2022-05-20 | 腾讯科技(深圳)有限公司 | Color transition method and device for interface |
CN106610761A (en) * | 2015-10-21 | 2017-05-03 | 中兴通讯股份有限公司 | Icon color adjusting method and device |
CN106959964A (en) * | 2016-01-12 | 2017-07-18 | 阿里巴巴集团控股有限公司 | Interface background display methods |
CN105867730B (en) * | 2016-03-24 | 2019-03-01 | Oppo广东移动通信有限公司 | The display methods and device of status bar |
CN106095447B (en) * | 2016-06-14 | 2019-03-15 | 武汉深之度科技有限公司 | A kind of generation method of application interface, equipment and calculate equipment |
EP3258465A1 (en) * | 2016-06-17 | 2017-12-20 | Ningbo Geely Automobile Research & Development Co., Ltd. | A method for automatic adaptation of a user interface |
CN106204588B (en) * | 2016-07-08 | 2020-03-17 | 腾讯科技(深圳)有限公司 | Image processing method and device |
CN106296775B (en) * | 2016-08-19 | 2020-06-19 | 北京小米移动软件有限公司 | Icon generation method and device |
CN106445276A (en) * | 2016-08-30 | 2017-02-22 | 青岛海信移动通信技术股份有限公司 | Desktop icon processing method and apparatus |
CN106919303A (en) * | 2017-02-17 | 2017-07-04 | 上海斐讯数据通信技术有限公司 | The method of adjustment and system of a kind of icon |
CN111295637B (en) * | 2017-09-07 | 2024-03-26 | 深圳传音通讯有限公司 | Display method and display device for intelligent terminal |
WO2019177344A1 (en) | 2018-03-12 | 2019-09-19 | Samsung Electronics Co., Ltd. | Electronic apparatus and controlling method thereof |
WO2019184017A1 (en) * | 2018-03-28 | 2019-10-03 | 华为技术有限公司 | Control display method and electronic device |
JP7432988B2 (en) * | 2018-07-05 | 2024-02-19 | コニカミノルタ株式会社 | Image forming device, application selection screen display method, and computer program |
CN111506287B (en) | 2020-04-08 | 2023-07-04 | 北京百度网讯科技有限公司 | Page display method and device, electronic equipment and storage medium |
CN113449668B (en) * | 2021-07-08 | 2023-05-23 | 杭州迅蚁网络科技有限公司 | Target angle recognition method and device for flight device |
Citations (5)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
US6400467B1 (en) * | 1993-12-17 | 2002-06-04 | Xerox Corporation | Method and apparatus for rendering halftone areas of an image with continuous boundaries |
US6483940B1 (en) * | 1999-02-12 | 2002-11-19 | Institute For Information Industry | Method for dividing image |
US20070070468A1 (en) * | 2005-09-28 | 2007-03-29 | Kaoru Ogawa | Color adjusting apparatus, display apparatus, printing apparatus, image processing apparatus, color adjustment method, gui display method, and program |
US20080043132A1 (en) * | 2006-08-21 | 2008-02-21 | Micron Technology, Inc. | Method and apparatus for displaying a power-up image on an imaging device upon power-up |
US20080295028A1 (en) * | 2007-05-21 | 2008-11-27 | Sony Corporation | Content display method, content display apparatus, recording medium, and server apparatus |
Family Cites Families (16)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
JPS647263A (en) * | 1987-06-30 | 1989-01-11 | Toshiba Corp | Icon design supporting device |
JPH06342352A (en) * | 1993-05-31 | 1994-12-13 | Sanyo Electric Co Ltd | Information processor |
JPH10240218A (en) * | 1997-02-26 | 1998-09-11 | Matsushita Electric Ind Co Ltd | Icon plotting device |
JP2002024319A (en) | 2000-07-04 | 2002-01-25 | Toyobo Co Ltd | Try-on image generation system |
JP3979780B2 (en) * | 2000-12-01 | 2007-09-19 | シャープ株式会社 | Print data creation system, method and program |
JP2003195852A (en) * | 2001-12-28 | 2003-07-09 | Canon Inc | Image processor |
US7573487B1 (en) | 2003-12-19 | 2009-08-11 | Adobe Systems Incorporated | Dynamically transformable user interface icons |
JP4932159B2 (en) * | 2005-01-11 | 2012-05-16 | Necカシオモバイルコミュニケーションズ株式会社 | Communication terminal, communication terminal display method, and computer program |
KR100650660B1 (en) | 2005-10-19 | 2006-11-29 | 엘지전자 주식회사 | A method of icon compression for mobile station |
JP2007293460A (en) * | 2006-04-21 | 2007-11-08 | Akebono Kogyo Kk | Method for facilitating selection of icon |
JP4737539B2 (en) * | 2006-05-03 | 2011-08-03 | 株式会社ソニー・コンピュータエンタテインメント | Multimedia playback apparatus and background image display method |
US8572501B2 (en) * | 2007-06-08 | 2013-10-29 | Apple Inc. | Rendering graphical objects based on context |
JP2010061333A (en) * | 2008-09-03 | 2010-03-18 | Mimaki Engineering Co Ltd | Icon creation system, icon creation program, and icon creation method |
CN101393512A (en) * | 2008-10-21 | 2009-03-25 | 无敌科技(西安)有限公司 | Method for displaying selecting menu icon by custom gradient background |
US8490026B2 (en) | 2008-10-27 | 2013-07-16 | Microsoft Corporation | Painting user controls |
CN101916168B (en) * | 2010-08-31 | 2012-10-10 | 宇龙计算机通信科技(深圳)有限公司 | Method and system for displaying application icon |
-
2011
- 2011-03-14 CN CN201110060343.3A patent/CN102622163B/en active Active
-
2012
- 2012-03-13 KR KR1020137024146A patent/KR101481684B1/en active IP Right Grant
- 2012-03-13 US US14/005,216 patent/US9310964B2/en active Active
- 2012-03-13 JP JP2013556960A patent/JP5719456B2/en active Active
- 2012-03-13 WO PCT/CN2012/072283 patent/WO2012122933A1/en active Application Filing
- 2012-03-13 EP EP12757848.2A patent/EP2687965A4/en not_active Withdrawn
Patent Citations (5)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
US6400467B1 (en) * | 1993-12-17 | 2002-06-04 | Xerox Corporation | Method and apparatus for rendering halftone areas of an image with continuous boundaries |
US6483940B1 (en) * | 1999-02-12 | 2002-11-19 | Institute For Information Industry | Method for dividing image |
US20070070468A1 (en) * | 2005-09-28 | 2007-03-29 | Kaoru Ogawa | Color adjusting apparatus, display apparatus, printing apparatus, image processing apparatus, color adjustment method, gui display method, and program |
US20080043132A1 (en) * | 2006-08-21 | 2008-02-21 | Micron Technology, Inc. | Method and apparatus for displaying a power-up image on an imaging device upon power-up |
US20080295028A1 (en) * | 2007-05-21 | 2008-11-27 | Sony Corporation | Content display method, content display apparatus, recording medium, and server apparatus |
Cited By (1)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN106970747A (en) * | 2017-05-15 | 2017-07-21 | 广东小天才科技有限公司 | A kind of customer equipment controlling method and user equipment changed based on desktop wallpaper |
Also Published As
Publication number | Publication date |
---|---|
JP5719456B2 (en) | 2015-05-20 |
WO2012122933A1 (en) | 2012-09-20 |
US9310964B2 (en) | 2016-04-12 |
CN102622163A (en) | 2012-08-01 |
US20140002506A1 (en) | 2014-01-02 |
KR20130140138A (en) | 2013-12-23 |
EP2687965A1 (en) | 2014-01-22 |
JP2014507735A (en) | 2014-03-27 |
EP2687965A4 (en) | 2015-01-07 |
KR101481684B1 (en) | 2015-01-12 |
CN102622163B (en) | 2018-06-05 |
Similar Documents
Publication | Publication Date | Title |
---|---|---|
US9310964B2 (en) | Icon generation method | |
US10878609B2 (en) | Efficient image synthesis | |
US10573275B2 (en) | Techniques for determining an adjustment for a visual output | |
US10750121B2 (en) | Modifying images from a camera | |
CN111526350B (en) | Adaptive video processing | |
US10397627B2 (en) | Desktop-cloud-based media control method and device | |
WO2015131787A1 (en) | Screen adaptation method and apparatus | |
CN105741334B (en) | Thermodynamic chart providing method and device | |
US9445043B2 (en) | Modifying video call data | |
US9665971B2 (en) | Techniques for multiple pass rendering | |
US20150244592A1 (en) | Method, Apparatus And System For Determining Software Performance | |
CN105808035A (en) | Icon display method and apparatus | |
EP2911115B1 (en) | Electronic device and method for color extraction | |
US20170052653A1 (en) | Cloud-based inter-application interchange of style information | |
CN116486000A (en) | Method, apparatus, device and storage medium for model drawing | |
CN112671995B (en) | Method for implementing video call period, user terminal and readable storage medium | |
KR20150104922A (en) | Method for generating back ground images at web-based game |
Legal Events
Date | Code | Title | Description |
---|---|---|---|
AS | Assignment |
Owner name: XIAOMI INC., CHINA Free format text: ASSIGNMENT OF ASSIGNORS INTEREST;ASSIGNORS:LI, WEIXING;REN, TIAN;LI, WANQIANG;AND OTHERS;REEL/FRAME:031217/0786 Effective date: 20130912 |
|
STCF | Information on status: patent grant |
Free format text: PATENTED CASE |
|
FEPP | Fee payment procedure |
Free format text: PAYOR NUMBER ASSIGNED (ORIGINAL EVENT CODE: ASPN); ENTITY STATUS OF PATENT OWNER: LARGE ENTITY |
|
MAFP | Maintenance fee payment |
Free format text: PAYMENT OF MAINTENANCE FEE, 4TH YEAR, LARGE ENTITY (ORIGINAL EVENT CODE: M1551); ENTITY STATUS OF PATENT OWNER: LARGE ENTITY Year of fee payment: 4 |
|
MAFP | Maintenance fee payment |
Free format text: PAYMENT OF MAINTENANCE FEE, 8TH YEAR, LARGE ENTITY (ORIGINAL EVENT CODE: M1552); ENTITY STATUS OF PATENT OWNER: LARGE ENTITY Year of fee payment: 8 |