201015407 九、發明說明: 【發明所屬之技術領域】 本發明係關於一種觸控輸入裝置,尤指一種彩色電容 式觸控面板。 【先前技術】 一般曰常生活中最普遍的輸入裝置係為按鍵式的輸入 裝置’例如電腦鍵盤、電話按鍵、手機按鍵、遙控器按鍵 或按鍵式開關等等。201015407 IX. Description of the Invention: [Technical Field] The present invention relates to a touch input device, and more particularly to a color capacitive touch panel. [Prior Art] The most common input device in normal life is a push-button type input device such as a computer keyboard, a telephone button, a cell phone button, a remote controller button, or a push button switch.
由於觸控面板的使用性日益普及,而觸控式介面已經 能取代大多數鍵盤功能,並賦予使用者更直覺、便利之操 作體驗’加上完全採用固態面板技術,不用擔心鍵盤、滾 輪、滑輪等機械式零件故障的問題發生。 一般觸控式裝置如手提電腦所使用的觸控式滑專 (Touch Slider)、觸控板或MP3播放器的觸控按鍵(T〇ucDue to the increasing popularity of touch panels, the touch interface has been able to replace most keyboard functions and give users a more intuitive and convenient operating experience. Plus the solid-state panel technology is used, no need to worry about keyboards, wheels, pulleys. Problems such as mechanical part failures occur. Touch-sensitive devices such as Touch Slider, touchpad or MP3 player touch buttons (T〇uc)
Pad),其圖不的色彩呈現主要係於圖示下側設有不同顏$ 的發光二極體(LED)而產生圖示彩色化的效果。 由於發光一極體之顏色種類少,使得觸控圖示所能] 現的顏色單調’是以’如何讓按鍵式的觸控輸人裝置在: 按鍵圖示的色彩顯示上可獲得改進,以引起廣大消費者」 購買慾,實有待進一步改進之方案。 有鑑於此’本發明之主I曰沾〆 ^ ^ i 主要目的係提供一種彩色電 觸控面板,其電容式觸 获鍵具有豐富的色彩呈現。 201015407 欲達上述目的所使用之主要技術手段係令該彩色電容 式觸控面板包含: 觸控感應部,包含至少—觸控層,該觸控層上設有 複數作為按鍵感應功能之用的透明電極;以及 -圖案形成部’係設於觸控感應部一側且包含一彩色 滤光片及-黑色矩陣層,其中,該彩色遽光片係包含複數 規則分佈的三原色光阻;該黑色矩陣層係包含遮光區以及 ❹透光區’並對應透明電極位置以遮光區與透光區配合形成 按鍵圖樣,該些按鍵圖樣上的透光區並依欲呈現之顏色對 應彩色遽光片的光阻位置。 該彩色電容式觸控面板可搭配與一出光件組合,該出 光件係^供光線透過彩色濾光片之三原色光阻而成為三原 色光,前述按鍵圖樣之遮光區係阻擋部分三原色光,而其 他通過透光區之三原色光可混色成所欲呈現之顏色。 前述按鍵圖樣可設計其包含圖樣部分與背景部分,該 φ圖樣部分可為文字、圖形或其結合,#中,前述透光區可 對應預定顏色之光阻位置而設於背景部分,前述遮光區則 設於背景部分之其他區域以及圖樣部分,使光線通過透光 區與該透光區所對應之光阻而混色成欲於按鍵圖樣呈現之 背景顏色,即該按鍵圖樣的底色;而該按鍵圖樣之圖樣部 分則因遮光區對應阻擋光線的關係呈現黑色的圖樣形狀。 或者’前述透光區可對應預定顏色之光阻位置而設於 圖樣部分,前述遮光區則設於圖樣部分之其他區域以及背 景部分’使光線通過該圖樣部分之透光區與透光區所對應 201015407 之光阻而混色成欲於按鍵圖樣呈現之圖樣顏色,而該按鍵 圖樣之背景部分則因遮光區對應阻擋光線的關係而呈現黑 色的背景顏色,即該按鍵圖樣的底色。 本發明因具有彩色濾光片搭配黑色矩陣層按鍵圖樣之 δ又计’使其透米後可做為按鍵的顏色,於色彩上較習知以 發光二極體之發光顏色作為按鍵顏色呈現更多樣化而具時 尚感,容易吸引消費者目光。 ❹ 【實施方式】 請參考第一圖所示,係本發明彩色電容式觸控面板第 一實施例之剖視圖,係包含: 一觸控感應部(1),本實施例係包含一上緩衝層(1〇)、 一觸控層(11)、一下緩衝層(12) ’該上緩衝層(1〇)及下緩 衝層(12)係上下相對設置,該觸控層(11)係設置於上、下 緩衝層(10, 12)之間,該觸控層(u)為一透明導體層,如 φ 第二圖所示,其表面設有複數透明電極(110),所述透明 電極可選用如ΙΤΟ(氧化銦錫)等材料所成形,各透明電極 (110)可與人體靜電產生耦合電容,藉此感應手指的選取 動作,作為感測按鍵功能之用,各透明電極(110)係分別 藉由一訊號線(111)而共同連接至一電路板(112),電路板 (112)可透過各訊號線(i丨i )的電流變化得知哪一透明電極 (Π 0 )經手指觸碰而產生感應;以及 一圖案形成部(2 ),本實施例中係藉由一平坦層(丨3 ) 間隔設於觸控感應部(1)上側,該圖案形成部(2)主要包含 .201015407 一彩色濾光片(20)及一設於該彩色濾光片(2〇)一側的黑色 矩陣層(21) ’如第三圖所示,該彩色濾光片(2〇)包含複數 規則分佈的紅藍綠三原色光阻(2〇1,2〇2, 203),本實施例 中’該些光阻(201,202,203)係呈直條型排列;請參考第 四圖所示’該黑色矩陣層(21)係包含遮光區(21〇)以及透 光區(211) ’並對應各透明電極(11〇)位置以遮光區(21〇) 與透光區(211)配合形成按鍵圖樣,該些按鍵圖樣上的透 ❹光區(211)依欲呈現之顏色而對應彩色濾光片(20)的光阻 位置,第四圖係表示其中一按鍵圖樣之實施例。 該彩色電容式觸控面板可進一步包含一出光件(3), 本實施例中該出光件(3 )係設於該下緩衝層(12 )之下側, 可提供光線’使其通過彩色濾光片(2〇)的光阻 (201,202, 203)而成為色光,本實施例中,該出光件(3)係 為一背光模組(Back Light Device)。 本實施例中’可進一步包含一透明基板(14)以及一保 ❹ 護層(15)依序設於該圖案形成部(2)之上側,具有保護、 防刮、防止短路及抗反射作用,即為手指可觸碰的外層。 前述圖案形成部(2)亦可設於觸控感應部(丨)下側而位 於觸控感應部(1)與出光件(3)之間,即出光件(3)位於圖 案形成部(2)之下側。 除了出光件(3)之外’該彩色電容式觸控面板亦可進 一步包含一反光板,該反光板可設於該觸控感應部(1)下 側’可反射周圍環境光線,使光線通過彩色濾光片(2 〇)之 三原色光阻(201,202, 203)而成為三原色光。 7 201015407 以本發明應用一般數字按鍵為例,請參考第四圖所 不,係前述黑色矩陣層(21)形成一個按鍵圖樣一較佳實施 例’該按鍵圖樣係對應前述觸控層(丨丨)其中一透明電極 (110 )的位置而包含有圖樣部分與背景部分,圖樣部分可 為文字、圖形或其結合’本實施例中,該按鍵圖樣之圖樣 部分係構成數字6的鏡像圖形’係為黑色矩陣層(21)之遮 光區(210)所構成’而使文字顏色呈現黑色;背景部分則 ❹是為黑色矩陣層(21)之複數條狀透光區(211)與遮光區 (210)所構成,其中,背景部分之透光區(211)係對應欲使 色光通過之光阻位置,而背景部分的其他區域則為遮光區 (210 )’當透過彩色濾光片(2 〇 )所形成的色光經過黑色矩 陣層(21)時,對應遮光區(21〇)位置的光線會被阻擋,對 應透光區(211)而未受阻擋的色光則混色成為欲於按鍵圖 樣呈現的背景顏色,以第四圖對應第三圖的光阻排列而 5 ’ S亥第四圖按鍵圖樣的背景部分’其透光區(211)位置 ❹對應紅色光阻(2〇1)及綠色光阻(202)位置,而遮光區(210) 則對應藍色光阻(203)位置,是以,藍色光將會被黑色矩 陣層(21)之遮光區(210)所阻擔,未受阻擋的紅色光與綠 色光則通過黑色矩陣層(21)透光區(211)而混色成為黃色 光作為背景部分的顏色’故整體按鍵圖樣呈現黃底黑字的 效果;另參考第五圖所示,係黑色矩陣層(21)之一按鍵圖 樣的另一種實施例,以前述實施例相反,本實施例之圖樣 部分係為黑色矩陣層(21)之複數條狀透光區(211)間隔排 列所構成,其中,該些透光區(211)係對應欲使色光通過 8 201015407Pad), the color representation of the figure is mainly based on the light-emitting diode (LED) with different colors on the lower side of the figure to produce the effect of colorization. Since the color of the light-emitting body is small, the color of the touch icon can be monotonously 'how to make the touch-type touch input device improve on the color display of the button icon, Arousing the vast number of consumers to purchase, there is a need for further improvement. In view of the above, the main object of the present invention is to provide a color electric touch panel whose capacitive touch key has a rich color representation. 201015407 The main technical means for achieving the above purpose is that the color capacitive touch panel comprises: a touch sensing portion, comprising at least a touch layer, wherein the touch layer is provided with a plurality of transparent functions for the key sensing function. And the pattern forming portion is disposed on one side of the touch sensing portion and includes a color filter and a black matrix layer, wherein the color light film comprises a plurality of regularly distributed three primary color photoresists; the black matrix The layer system includes a light-shielding region and a light-transmissive region' and corresponds to the position of the transparent electrode, and the light-shielding region and the light-transmitting region cooperate to form a button pattern, and the light-transmitting regions on the button patterns correspond to the color of the color light-receiving sheet according to the color to be presented. Resistance position. The color capacitive touch panel can be combined with a light-emitting member to provide light through the three primary color photoresists of the color filter to become three primary colors, and the light-shielding region of the button pattern blocks part of the three primary colors, and the other The light of the three primary colors passing through the light transmitting region can be mixed into the desired color. The button pattern can be designed to include a pattern portion and a background portion, and the φ pattern portion can be a text, a graphic or a combination thereof. In #, the light-transmitting region can be disposed in the background portion corresponding to the photoresist position of the predetermined color, and the light-shielding region The other part of the background portion and the pattern portion are arranged such that the light passes through the light-resisting area and the light-resistance corresponding to the light-transmitting area to be mixed into a background color to be presented in the button pattern, that is, the background color of the button pattern; The pattern part of the button pattern presents a black pattern shape due to the light blocking area corresponding to the blocking light. Or the 'light-transmitting region may be disposed in the pattern portion corresponding to the photoresist position of the predetermined color, and the light-shielding region is disposed in other regions of the pattern portion and the background portion to pass light through the light-transmitting region and the light-transmitting region of the pattern portion Corresponding to the light resistance of 201015407, the color of the pattern is displayed in the pattern of the button pattern, and the background portion of the button pattern presents a black background color due to the light blocking area corresponding to the blocking light, that is, the background color of the button pattern. The invention has the color filter and the black matrix layer button pattern δ and the meter can be used as the color of the button after the rice is penetrated, and the color of the light-emitting diode is more conventionally used as the button color. Diversified and stylish, it is easy to attract consumers' attention. [Embodiment] Referring to the first embodiment, a cross-sectional view of a first embodiment of a color capacitive touch panel of the present invention includes: a touch sensing portion (1), and the embodiment includes an upper buffer layer. (1〇), a touch layer (11), a lower buffer layer (12) 'the upper buffer layer (1〇) and the lower buffer layer (12) are vertically disposed opposite to each other, and the touch layer (11) is disposed on Between the upper and lower buffer layers (10, 12), the touch layer (u) is a transparent conductor layer, as shown in the second figure of φ, the surface of which is provided with a plurality of transparent electrodes (110), and the transparent electrodes can be The material is formed by using materials such as bismuth (indium tin oxide), and each transparent electrode (110) can generate a coupling capacitance with the static electricity of the human body, thereby sensing the selection action of the finger, and is used for sensing the function of the button, and each transparent electrode (110) is used. Connected to a circuit board (112) by a signal line (111), the circuit board (112) can know which transparent electrode (Π 0) passes through the finger through the current change of each signal line (i丨i). Inductively being touched; and a pattern forming portion (2), in this embodiment, by a flat layer ( 3) The interval is disposed on the upper side of the touch sensing portion (1), and the pattern forming portion (2) mainly comprises a .201015407 color filter (20) and a black color disposed on one side of the color filter (2) Matrix layer (21) 'As shown in the third figure, the color filter (2〇) contains a plurality of regularly distributed red, blue and green primary color photoresists (2〇1, 2〇2, 203), in this embodiment The photoresists (201, 202, 203) are arranged in a straight strip shape; please refer to the fourth figure, 'The black matrix layer (21) includes a light-shielding region (21〇) and a light-transmitting region (211)' The position of the transparent electrode (11〇) is matched with the light-transmitting area (211) to form a button pattern, and the light-receiving area (211) on the button patterns corresponds to the color filter according to the color to be presented. The photoresist position of (20), and the fourth figure shows an embodiment of one of the key patterns. The color capacitive touch panel further includes a light emitting member (3). In this embodiment, the light emitting member (3) is disposed on a lower side of the lower buffer layer (12) to provide light through the color filter. The light-resistance (201, 202, 203) of the light sheet (2, 203) becomes color light. In this embodiment, the light-emitting member (3) is a backlight device (Back Light Device). In this embodiment, a transparent substrate (14) and a protective layer (15) are sequentially disposed on the upper side of the pattern forming portion (2) to protect, scratch, prevent short circuit and anti-reflection. It is the outer layer that the finger can touch. The pattern forming portion (2) may be disposed on the lower side of the touch sensing portion (丨) between the touch sensing portion (1) and the light emitting member (3), that is, the light emitting member (3) is located at the pattern forming portion (2). ) below the side. In addition to the light-emitting member (3), the color-capacitive touch panel can further include a reflector, and the reflector can be disposed on the lower side of the touch-sensing portion (1) to reflect ambient light and pass light. The three primary color photoresists (201, 202, 203) of the color filter (2 〇) become the three primary colors of light. 7 201015407 Taking the general digital button of the present invention as an example, please refer to the fourth figure. The black matrix layer (21) forms a button pattern. A preferred embodiment of the button pattern corresponds to the touch layer. The position of one of the transparent electrodes (110) includes a pattern portion and a background portion, and the pattern portion may be a text, a graphic or a combination thereof. In the embodiment, the pattern portion of the button pattern constitutes a mirror image of the number 6. The color of the text is black for the blackout layer (21) of the black matrix layer (21); the background portion is the plurality of strip-shaped light-transmissive regions (211) and the light-shielding region (210) of the black matrix layer (21). The light-transmitting region (211) of the background portion corresponds to the position of the photoresist to pass the color light, and the other region of the background portion is the light-shielding region (210)' when passing through the color filter (2 〇) When the formed color light passes through the black matrix layer (21), the light corresponding to the position of the light-shielding area (21〇) is blocked, and the unblocked color light corresponding to the light-transmitting area (211) is mixed to become the background to be presented in the button pattern. Color, the fourth map corresponds to the photoresist arrangement of the third figure and the background portion of the button pattern of the 5' S Hai fourth map's light transmission area (211) position corresponding to the red photoresist (2〇1) and the green photoresist (202) position, and the blackout area (210) corresponds to the blue photoresist (203) position, so that the blue light will be blocked by the black matrix layer (21) shaded area (210), unblocked red The light and green light are mixed by the black matrix layer (21) light transmissive area (211) and become yellow light as the color of the background part. Therefore, the overall button pattern has a yellow-black effect; as shown in the fifth figure, it is black. Another embodiment of the button pattern of one of the matrix layers (21) is opposite to the foregoing embodiment. The pattern portion of the embodiment is formed by the arrangement of a plurality of strip-shaped transparent regions (211) of the black matrix layer (21). Wherein, the light-transmitting regions (211) are corresponding to the color light passing through 8 201015407
之光阻位置’使未受阻擋的色光通過而混色成欲於按鍵圖 樣呈現的字體顏色,圖樣部分的其他區域以及背景部分則 由遮光區構成(210) ’以第五圖對應第三圖的光阻排列而 言,該第五圖按鍵圖樣的圖樣部分,其透光區(211)係對 紅色光阻(201)以及綠色光阻(2〇2)位置,其遮光區(21〇) 係對應第三圖的藍色光阻(2〇3)位置,是以,藍色光將會 被黑色矩陣層(21)之遮光區(21〇)所阻擋,紅色光與綠色 光則通過黑色矩陣層(21)透光區(211)而混色成為黃色光 作為字體顏色;背景部分則為黑色矩陣層(21)之遮光區 (210)所構成,故因而呈現黑色的底色背景,因此整體呈 現黑底黃字的視覺效果。 前述第四圖及第五圖實施例中,可進一步於黑色矩陣 層(21)對應彩色濾光片(2〇)的光阻之間的間隔形成遮光區 (210)以避免不必要的混光;再者,可經由適當設計遮光 區(210)面積的比例對應遮蔽三原色光阻(2〇1,2〇2 2〇3), 而控制所欲混光的顏色,進而設計出多彩化的按鍵圖樣。 本發明除可應用於電腦鍵盤之外,亦可應用於其他各 式各樣的按鍵式輸人裝置,例如電話按鍵、手機按鍵、遙 控器按鍵、按鍵式開關等等。 綜上所述,本發明係主要利用_彩色據光片搭配一黑 色矩陣層,該黑色料層包含遮光區與透光區,並對應觸 控層的各透明電極位置以遮光區與透光區配合形成按鍵圖 樣,該些按鍵圖樣上的透光區並依欲呈現之顏色而對應彩 色濾光片的光阻位置,栘溫垃紐曰‘ ~ a 使仔按鍵具有彩色化視覺效果,是 201015407 以’本發明於色彩上較多樣化而具時尚感,容易吸引消費 者目光^ 【圖式簡單說明】 第一圖:係本發明一較佳實施例之側視圖。 第二圖:係本發明一較佳實施例之觸控層平面圖。 第二圖:係本發明一較佳實施例之彩色濾光片平面 圖。 ❹ 第四圖:係本發明黑色矩陣層的按鍵圖樣之一較佳實 施例的平面圖》 第五圖:係本發明黑色矩陣層的按鍵圖樣之另一較佳 實施例的平面圖。 【主要元件符號說明】 (1)觸控感應部 (10)上緩衝層 (11)觸控層 (12)下緩衝層 (ιιο)ιτο透明電極 (111)訊號線 (112)電路板 (13)平坦層 (14)透明基板 (15)保護層 (2)圖案形成部 (20)彩色濾光片 (2 01)紅色光阻 (202)綠色光阻 (203)藍色光阻 (21)黑色矩陣層 (210)遮光區 (211)透光區 (3)出光件The photoresist position 'passes the unblocked color light and mixes the color into the font color to be presented in the button pattern. The other areas of the pattern portion and the background portion are composed of the shading area (210). In terms of photoresist arrangement, the pattern portion of the button pattern of the fifth figure has a light-transmitting region (211) that is opposite to the red photoresist (201) and the green photoresist (2〇2), and the light-shielding region (21〇) is Corresponding to the blue photoresist (2〇3) position of the third figure, the blue light will be blocked by the black matrix layer (21), and the red and green light will pass through the black matrix layer (21). The light-transmissive area (211) is mixed with yellow light as the font color; the background portion is composed of the black matrix layer (21) of the black matrix layer (21), thus exhibiting a black background background, thus presenting a black background overall The visual effect of the word. In the foregoing fourth and fifth embodiments, the black matrix layer (21) may further form a light shielding region (210) corresponding to the interval between the photoresists of the color filter (2) to avoid unnecessary light mixing. Furthermore, by appropriately designing the ratio of the area of the light-shielding area (210) corresponding to the masking of the three primary color photoresists (2〇1, 2〇2 2〇3), the color of the desired light mixing can be controlled, and then the colorful buttons can be designed. pattern. In addition to being applicable to a computer keyboard, the present invention can also be applied to a variety of other push-button input devices, such as a telephone button, a cell phone button, a remote controller button, a push button switch, and the like. In summary, the present invention mainly utilizes a color light film with a black matrix layer, the black material layer includes a light shielding area and a light transmission area, and corresponding to the transparent electrode positions of the touch layer, the light shielding area and the light transmission area In combination with the formation of the button pattern, the light-transmissive areas on the button patterns correspond to the color position of the color filter according to the color to be presented, and the temperature of the button is colored and visualized, which is 201015407 The invention is more diversified in color and stylish, and is easy to attract consumers' eyes. [Schematic description] The first drawing is a side view of a preferred embodiment of the present invention. Second Figure: A plan view of a touch layer in accordance with a preferred embodiment of the present invention. Figure 2 is a plan view of a color filter in accordance with a preferred embodiment of the present invention. Figure 4 is a plan view showing a preferred embodiment of the button pattern of the black matrix layer of the present invention. Fig. 5 is a plan view showing another preferred embodiment of the button pattern of the black matrix layer of the present invention. [Description of main component symbols] (1) Touch sensing section (10) Buffer layer (11) Touch layer (12) Lower buffer layer (ιιο) ιτο Transparent electrode (111) Signal line (112) Circuit board (13) Flat layer (14) transparent substrate (15) protective layer (2) pattern forming portion (20) color filter (2 01) red photoresist (202) green photoresist (203) blue photoresist (21) black matrix layer (210) light-shielding area (211) light-transmitting area (3) light-emitting part