WO2012122933A1 - 一种图标生成方法 - Google Patents

一种图标生成方法 Download PDF

Info

Publication number
WO2012122933A1
WO2012122933A1 PCT/CN2012/072283 CN2012072283W WO2012122933A1 WO 2012122933 A1 WO2012122933 A1 WO 2012122933A1 CN 2012072283 W CN2012072283 W CN 2012072283W WO 2012122933 A1 WO2012122933 A1 WO 2012122933A1
Authority
WO
WIPO (PCT)
Prior art keywords
icon
value
native
preset
color
Prior art date
Application number
PCT/CN2012/072283
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 JP2013556960A priority Critical patent/JP5719456B2/ja
Priority to US14/005,216 priority patent/US9310964B2/en
Priority to KR1020137024146A priority patent/KR101481684B1/ko
Priority to EP12757848.2A priority patent/EP2687965A4/en
Publication of WO2012122933A1 publication Critical patent/WO2012122933A1/zh

Links

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]
    • 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
    • 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

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)

Description

一种图标生成方法
技术领域
本发明涉及终端用户界面技术领域， 尤其涉及一种图标生成方法。 背景技术
绝大部分电脑或智能手机操作系统，都支持第三方开发者开发各种应用程 序， 并在这个系统中让用户使用， 因此这类操作系统必须提供一种方案让用户 能够区分这些第三方应用。
在几乎所有的带图形界面的操作系统中， 都支持通过一个特定图片（简称 图标）来标识一个第三方应用程序， 而该特定图片通常是由第三方应用程序开 发者提供的。
正因为不同第三方应用程序的图标是由不同的开发者提供的，导致众多图 标的风格难以一致， 最终使得操作系统中的程序图标列表的展现很杂乱， 降低 用户的使用体验。
目前有的操作系统预置有限个图片资源，针对每个第三方应用程序， 随机 选取若干个图片， 与该程序图标通过一定方式融合， 生成出新的图标， 从而一 定程度上达到全局图标风格的一致性。
但是操作系统随机选取的图片资源与第三方应用程序的图标内容无关，基 本上融合出来的图标不美观，而且最终生成的图标对第三方应用程序开发者没 有可预知性。 发明内容
本发明的目的在于提出一种图标生成方法，能够生成符合系统统一风格的 新图标， 并尽量保证新图标本身的内容相称性。
为达此目的， 本发明采用以下技术方案：
一种图标生成方法， 包括以下步骤：
A、 在同一个分辨率环境下把原生图标调整到预先设定的尺寸大小； B、 统计原生图标每个像素的颜色值， 计算出原生图标的主色调；
C、 根据所述主色调的色相角、 预置的色饱和度和亮度生成背景色；
D、 将所述背景色套用预置的色彩渐变模板， 生成图标底板；
E、 使用预置的图标边缘切割模版， 对步骤 A中调整后的图标进行切割；
F、 把所述图标底板、 步骤 E中切割后的图标和一个预置的图标前景模板 叠加在一起， 生成最终图标。
步骤 B进一步包括以下步骤：
获取原生图标每个像素的 RGB值；
将原生图标中所有像素的 R值取和平均获得平均 R值；
将原生图标中所有像素的 G值取和平均获得平均 G值；
将原生图标中所有像素的 B值取和平均获得平均 B值；
获得的平均 R值、 平均 G值和平均 B值就是原生图标的主色调。 采用了本发明的技术方案，会对第三方应用程序的图标进行内容分析， 使 用原图标的主要内容为基础， 生成符合系统统一风格的新图标， 并尽量保证新 图标本身的内容相称性， 从而使得所有图标全局风格统一， 单个图标本身也能 在保持原来语义的情况下做到美观。 附图说明
图 1是本发明具体实施方式中图标生成的流程图。 具体实施方式
下面结合附图并通过具体实施方式来进一步说明本发明的技术方案。 图 1是本发明具体实施方式中图标生成的流程图。如图 1所示， 该图标生成 方法包括以下步骤：
步骤 101、 在同一个分辨率环境下把原生图标调整到预先设定的尺寸大 小。
步骤 102、 统计原生图标每个像素的颜色值， 计算出原生图标的主色调。 首先获取原生图标每个像素的 RGB值，将原生图标中所有像素的 R值取和平均 获得平均 R值，将原生图标中所有像素的 G值取和平均获得平均 G值，将原生 图标中所有像素的 B值取和平均获得平均 B值， 获得的平均 R值、平均 G值和 平均 B值就是原生图标的主色调。
步骤 103、 根据主色调的色相角、 预置的色饱和度和亮度生成背景色。 步骤 104、 将背景色套用预置的色彩渐变模板， 生成图标底板。
步骤 105、 使用预置的图标边缘切割模版， 对步骤 101中调整后的图标进 行切割。
步骤 106、 把图标底板、 步骤 105中切割后的图标和一个预置的图标前景 模板叠加在一起， 生成最终图标。 以上所述，仅为本发明较佳的具体实施方式，但本发明的保护范围并不局 限于此，任何熟悉该技术的人在本发明所揭露的技术范围内， 可轻易想到的变 化或替换， 都应涵盖在本发明的保护范围之内。 因此， 本发明的保护范围应该 以权利要求的保护范围为准。

Claims

1、 一种图标生成方法， 其特征在于， 包括以下步骤：
A、 在同一个分辨率环境下把原生图标调整到预先设定的尺寸大小； B、 统计原生图标每个像素的颜色值， 计算出原生图标的主色调； c、 根据所述主色调的色相角、 预置的色饱和度和亮度生成背景色；
D、 将所述背景色套用预置的色彩渐变模板， 生成图标底板；
E、 使用预置的图标边缘切割模版， 对步骤 A中调整后的图标进行切割;
F、 把所述图标底板、 步骤 E中切割后的图标和一个预置的图标前景模 叠加在一起， 生成最终图标。
2、 根据权利要求 1所述的一种图标生成方法， 其特征在于， 步骤 B进 步包括以下步骤：
获取原生图标每个像素的 RGB值；
将原生图标中所有像素的 R值取和平均获得平均 R值；
将原生图标中所有像素的 G值取和平均获得平均 G值；
将原生图标中所有像素的 B值取和平均获得平均 B值；
获得的平均 R值、 平均 G值和平均 B值就是原生图标的主色调。
PCT/CN2012/072283 2011-03-14 2012-03-13 一种图标生成方法 WO2012122933A1 (zh)

Priority Applications (4)

Application Number Priority Date Filing Date Title
JP2013556960A JP5719456B2 (ja) 2011-03-14 2012-03-13 一種のアイコン生成の方法
US14/005,216 US9310964B2 (en) 2011-03-14 2012-03-13 Icon generation method
KR1020137024146A KR101481684B1 (ko) 2011-03-14 2012-03-13 아이콘 생성 방법
EP12757848.2A EP2687965A4 (en) 2011-03-14 2012-03-13 SYMBOL PRODUCTION PROCESS

Applications Claiming Priority (2)

Application Number Priority Date Filing Date Title
CN201110060343.3A CN102622163B (zh) 2011-03-14 2011-03-14 一种图标生成方法
CN201110060343.3 2011-03-14

Publications (1)

Publication Number Publication Date
WO2012122933A1 true WO2012122933A1 (zh) 2012-09-20

Family

ID=46562106

Family Applications (1)

Application Number Title Priority Date Filing Date
PCT/CN2012/072283 WO2012122933A1 (zh) 2011-03-14 2012-03-13 一种图标生成方法

Country Status (6)

Country Link
US (1) US9310964B2 (zh)
EP (1) EP2687965A4 (zh)
JP (1) JP5719456B2 (zh)
KR (1) KR101481684B1 (zh)
CN (1) CN102622163B (zh)
WO (1) WO2012122933A1 (zh)

Cited By (2)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN104091326A (zh) * 2014-06-16 2014-10-08 小米科技有限责任公司 图标分割方法和装置
CN104461564A (zh) * 2014-12-24 2015-03-25 浪潮(北京)电子信息产业有限公司 一种基于字体生成图标的方法及装置

Families Citing this family (34)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN102938863B (zh) * 2012-11-27 2016-08-17 乐视致新电子科技（天津）有限公司 基于Android系统的智能电视图标主题替换方法和装置
CN103076943B (zh) * 2012-12-27 2016-02-24 小米科技有限责任公司 一种图标的转换方法和图标的转换装置
CN104077091B (zh) * 2013-03-29 2017-08-29 联想(北京)有限公司 一种显示处理方法和电子设备
CN103488397B (zh) * 2013-09-13 2017-01-11 深圳市欧珀通信软件有限公司 一种图标的排列方法、装置及移动终端
US9542071B2 (en) * 2013-10-22 2017-01-10 Linkedin Corporation System for inline expansion of social network content and method therefor
CN104715450A (zh) * 2013-12-16 2015-06-17 方正国际软件(北京)有限公司 一种从图片中提取图标的方法和系统
KR102161159B1 (ko) * 2014-02-13 2020-09-29 삼성전자주식회사 전자 장치 및 전자 장치에서 색상 추출 방법
CN103927772B (zh) * 2014-04-30 2018-08-24 厦门美图之家科技有限公司 一种图标合成方法
CN105205054A (zh) * 2014-06-04 2015-12-30 阿里巴巴集团控股有限公司 用于展示图片的方法和获取图片色相特征值的方法及装置
CN105224162A (zh) * 2014-06-12 2016-01-06 乐蛙科技（上海）有限公司 终端显示风格的匹配方法及系统
CN104050700A (zh) * 2014-06-13 2014-09-17 北京奥普科星技术有限公司 图像合成方法及装置
CN104090711B (zh) * 2014-06-30 2017-12-22 宇龙计算机通信科技(深圳)有限公司 一种图标的底盘颜色显示方法及装置
CN104408754B (zh) * 2014-10-28 2017-11-28 广州久邦世纪科技有限公司 一种图标合成方法
CN104360854B (zh) * 2014-11-03 2018-08-10 联想(北京)有限公司 一种信息处理方法及电子设备
CN105809721B (zh) * 2014-12-30 2019-02-15 阿里巴巴集团控股有限公司 一种应用图标的生成方法、装置及移动设备
CN104574410A (zh) * 2015-01-20 2015-04-29 广州市久邦数码科技有限公司 一种图标图像处理方法
US10345991B2 (en) * 2015-06-16 2019-07-09 International Business Machines Corporation Adjusting appearance of icons in an electronic device
CN106598374B (zh) * 2015-10-14 2022-05-20 腾讯科技（深圳）有限公司 用于界面的色彩过渡方法和装置
CN106610761A (zh) * 2015-10-21 2017-05-03 中兴通讯股份有限公司 一种图标颜色调整方法及装置
CN106959964A (zh) * 2016-01-12 2017-07-18 阿里巴巴集团控股有限公司 界面背景显示方法
CN105867730B (zh) * 2016-03-24 2019-03-01 Oppo广东移动通信有限公司 状态栏的显示方法及装置
CN106095447B (zh) * 2016-06-14 2019-03-15 武汉深之度科技有限公司 一种应用界面的生成方法、设备及计算设备
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 (zh) * 2016-07-08 2020-03-17 腾讯科技（深圳）有限公司 一种图像处理方法和装置
CN106296775B (zh) * 2016-08-19 2020-06-19 北京小米移动软件有限公司 图标生成方法及装置
CN106445276A (zh) * 2016-08-30 2017-02-22 青岛海信移动通信技术股份有限公司 桌面图标的处理方法和装置
CN106919303A (zh) * 2017-02-17 2017-07-04 上海斐讯数据通信技术有限公司 一种图标的调整方法及系统
CN106970747A (zh) * 2017-05-15 2017-07-21 广东小天才科技有限公司 一种基于桌面壁纸更换的用户设备控制方法及用户设备
CN111295637B (zh) * 2017-09-07 2024-03-26 深圳传音通讯有限公司 一种用于智能终端的显示方法及显示装置
US10970900B2 (en) 2018-03-12 2021-04-06 Samsung Electronics Co., Ltd. Electronic apparatus and controlling method thereof
WO2019184017A1 (zh) * 2018-03-28 2019-10-03 华为技术有限公司 一种显示控制的方法及电子设备
JP7432988B2 (ja) * 2018-07-05 2024-02-19 コニカミノルタ株式会社 画像形成装置、アプリケーションを選択する画面の表示方法、およびコンピュータプログラム
CN111506287B (zh) * 2020-04-08 2023-07-04 北京百度网讯科技有限公司 页面显示方法和装置、电子设备和存储介质
CN113449668B (zh) * 2021-07-08 2023-05-23 杭州迅蚁网络科技有限公司 一种飞行装置的靶标角度识别方法、装置

Citations (3)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
US20080307341A1 (en) * 2007-06-08 2008-12-11 Apple Inc. Rendering graphical objects based on context
CN101393512A (zh) * 2008-10-21 2009-03-25 无敌科技(西安)有限公司 自定义渐层背景以凸显选单图标的方法
CN101916168A (zh) * 2010-08-31 2010-12-15 宇龙计算机通信科技(深圳)有限公司 一种应用图标的显示方法、系统及移动终端

Family Cites Families (18)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
JPS647263A (en) 1987-06-30 1989-01-11 Toshiba Corp Icon design supporting device
JPH06342352A (ja) 1993-05-31 1994-12-13 Sanyo Electric Co Ltd 情報処理装置
JPH07222018A (ja) * 1993-12-17 1995-08-18 Xerox Corp マッピング方法
JPH10240218A (ja) 1997-02-26 1998-09-11 Matsushita Electric Ind Co Ltd アイコン描画装置
TW429348B (en) * 1999-02-12 2001-04-11 Inst Information Industry The method of dividing an image
JP2002024319A (ja) * 2000-07-04 2002-01-25 Toyobo Co Ltd 試着画像作成システム
JP3979780B2 (ja) 2000-12-01 2007-09-19 シャープ株式会社 印刷データ作成システム，方法およびプログラム
JP2003195852A (ja) * 2001-12-28 2003-07-09 Canon Inc 画像処理装置
US7573487B1 (en) 2003-12-19 2009-08-11 Adobe Systems Incorporated Dynamically transformable user interface icons
JP4932159B2 (ja) 2005-01-11 2012-05-16 Ｎｅｃカシオモバイルコミュニケーションズ株式会社 通信端末、通信端末の表示方法、及び、コンピュータプログラム
JP4837965B2 (ja) * 2005-09-28 2011-12-14 ソニー株式会社 色調整装置、表示装置及び印刷装置
KR100650660B1 (ko) 2005-10-19 2006-11-29 엘지전자 주식회사 이동통신 단말기의 아이콘 압축 방법
JP2007293460A (ja) 2006-04-21 2007-11-08 Akebono Kogyo Kk アイコンの選択を容易にする方法
JP4737539B2 (ja) 2006-05-03 2011-08-03 株式会社ソニー・コンピュータエンタテインメント マルチメディア再生装置および背景画像表示方法
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
JP2008287125A (ja) * 2007-05-21 2008-11-27 Sony Corp コンテンツの表示方法、コンテンツの表示装置、記録媒体、およびサーバ装置
JP2010061333A (ja) 2008-09-03 2010-03-18 Mimaki Engineering Co Ltd アイコン作成システム、アイコン作成プログラム及びアイコン作成方法
US8490026B2 (en) 2008-10-27 2013-07-16 Microsoft Corporation Painting user controls

Patent Citations (3)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
US20080307341A1 (en) * 2007-06-08 2008-12-11 Apple Inc. Rendering graphical objects based on context
CN101393512A (zh) * 2008-10-21 2009-03-25 无敌科技(西安)有限公司 自定义渐层背景以凸显选单图标的方法
CN101916168A (zh) * 2010-08-31 2010-12-15 宇龙计算机通信科技(深圳)有限公司 一种应用图标的显示方法、系统及移动终端

Cited By (2)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN104091326A (zh) * 2014-06-16 2014-10-08 小米科技有限责任公司 图标分割方法和装置
CN104461564A (zh) * 2014-12-24 2015-03-25 浪潮(北京)电子信息产业有限公司 一种基于字体生成图标的方法及装置

Also Published As

Publication number Publication date
US20140210862A9 (en) 2014-07-31
EP2687965A1 (en) 2014-01-22
JP5719456B2 (ja) 2015-05-20
US9310964B2 (en) 2016-04-12
US20140002506A1 (en) 2014-01-02
EP2687965A4 (en) 2015-01-07
CN102622163A (zh) 2012-08-01
JP2014507735A (ja) 2014-03-27
CN102622163B (zh) 2018-06-05
KR101481684B1 (ko) 2015-01-12
KR20130140138A (ko) 2013-12-23

Similar Documents

Publication Publication Date Title
WO2012122933A1 (zh) 一种图标生成方法
US10504418B2 (en) Systems and methods for controlling the distribution and viewing of digital art and imaging via the internet
US10523892B2 (en) Protective case for a display screen during transportation and handling
US10332478B2 (en) Systems and methods for decrypting digital art and imaging for display of the same
WO2015131787A1 (zh) 一种屏幕适配的方法和装置
EP3813358A1 (en) Display device for displaying digital imaging
GB2568620A (en) System and method for projecting graphical objects
WO2016150386A1 (zh) 界面处理方法、装置及系统
WO2016150388A1 (zh) 界面处理方法、装置及系统
TW201222415A (en) Method and system for consistent web application presentation
WO2019052115A1 (zh) 应用控件样式自定义方法、装置以及计算机可读存储介质
JP2022540889A (ja) スケッチイメージの彩色装置及び方法
JP2016201026A (ja) 画像処理装置及びプログラム
CN105334956A (zh) 一种信息处理方法及电子设备
CN105373373B (zh) 一种快速生成图标的方法和装置
CN104516696B (zh) 一种信息处理方法及电子设备
TWI604376B (zh) 電子系統、電子裝置及其延伸螢幕設定方法、投影設備
CN104813272B (zh) 调色监视器、调色系统以及调色方法
WO2018205390A1 (zh) 一种控件布局显示控制方法、系统、装置及计算机可读存储介质
CN110574356A (zh) 动态色域可调整显示器
WO2019158129A1 (zh) 增强现实视觉元素显示的方法和装置
Miyagawa et al. An iterative compensation approach without linearization of projector responses for multiple-projector system
KR20150141442A (ko) 사용자 수준에 맞게 ui 접근을 통제하는 응용 소프트웨어 서비스 시스템 및 그 방법
JP2015075904A (ja) 画像色調整装置、画像色調整方法、およびプログラム
KR20140089752A (ko) 프레임에디팅 제공 방법 및 장치

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: 12757848

Country of ref document: EP

Kind code of ref document: A1

ENP Entry into the national phase

Ref document number: 2013556960

Country of ref document: JP

Kind code of ref document: A

ENP Entry into the national phase

Ref document number: 20137024146

Country of ref document: KR

Kind code of ref document: A

WWE Wipo information: entry into national phase

Ref document number: 14005216

Country of ref document: US

NENP Non-entry into the national phase

Ref country code: DE