201214220 六、發明說明： 【發明所屬之技術領域】 本發明係有關於-種電子裝置及組裝此電子襄置之方法，尤指 -種將-印刷材質塗佈在觸控面板的反面且覆蓋於虛擬按鍵圖標的 相對位置上的電子裝置，以改善亮度不均勻的問題。 【先前技術】 在現今各式消費性電子產品市場中，個人數位助理（pDA)、行 動電話（mobile Phone)及PDA賴等可攜式電子產品皆已廣泛使 用具有觸控式面板（touch panel)作為其資料溝通的界面工具。由 於目前電子產品⑽計皆以輕、薄、短、小為方向，因此在產品上 無足夠空間賴如難、滑鼠等傳統輸人裝置，尤其在講求人性化 叹。十的平板電腦需求的帶動下，搭配觸控式面板賴示裝置已逐漸 成為各式電子產品的關鍵零組件之一。 以電容式觸控面板為例，其係藉由觸控面板上的導電圖案（例 如·由銦錫氧化物(IT0)或銦鋅氧化物(ιζο)所構成之導電圖案）來 感測觸控面板上的電錢化量，並搭配導線韻逐行錢逐列方式 進行掃描’來取得X軸、γ軸的座標資訊。然而，這些導線通常會 破拉線到難面板的最下方區域，也就是虛擬按鍵的擺放區域，所 以當位在虛擬按鍵圖標下方之發光二極體發射一光線至虛擬按鍵圖 &時’會因為這些導線的關係而造成亮度不均勻的問題，並導致漏 光（Hghtleakage)的現象發生。 因此’如何解決上述之亮度不均勻的問題以及避免漏光現象的發 201214220 生’亦是本設計領域的重要課題之一。 【發明内容】 因此，本發_目的之-在於提[種電子裝置及其相關組裝 方法，以解決上述之問題。201214220 VI. Description of the Invention: [Technical Field] The present invention relates to an electronic device and a method of assembling the same, and in particular to coating a printing material on the reverse side of a touch panel and covering Electronic devices on the relative positions of virtual button icons to improve the problem of uneven brightness. [Prior Art] In today's various consumer electronics market, portable electronic products such as personal digital assistants (PDAs), mobile phones, and PDAs are widely used with touch panels. As an interface tool for data communication. Since the current electronic products (10) are all in the direction of light, thin, short, and small, there is not enough space on the product to make traditional input devices such as the mouse and the mouse, especially in terms of humanity. Driven by the demand for tablet PCs, the touch panel display device has gradually become one of the key components of various electronic products. Taking a capacitive touch panel as an example, the touch is sensed by a conductive pattern on the touch panel (for example, a conductive pattern composed of indium tin oxide (IT0) or indium zinc oxide (ITO)). The amount of electricity on the panel is scanned with the line-by-line money-by-row method to obtain the coordinate information of the X-axis and the γ-axis. However, these wires usually break the wire to the lowermost area of the hard panel, that is, the placement area of the virtual button, so when the light-emitting diode below the virtual button icon emits a light to the virtual button map & The problem of uneven brightness due to the relationship of these wires causes a phenomenon of light leakage (Hghtleakage). Therefore, how to solve the above problem of uneven brightness and avoid the phenomenon of light leakage is one of the important topics in this design field. SUMMARY OF THE INVENTION Therefore, the present invention is directed to an electronic device and related assembly method for solving the above problems.
本發明係減4電子錢，包含有：錢板、虛擬按鍵圖桿、 觸控面板、_材質減發統。板具有第—平祕及相對於 第-平面之第二平面，且第-平面係劃分成作為虛擬按鍵之第一區 域以及用來顯示影像之第二區域。虛擬按鍵圖標係設置在覆蓋板之 第二平面上，且位於第-區域的相對位置上。觸控面板具有第三平 面以及相對於第三平面之第四平面，且第三平面係劃分成麵 按鍵之第三區域以及絲顯示影像與接收觸碰訊號之第四區域。印 刷材質係塗佈在觸控面板之第四平面上，且至少覆蓋於第三區域的 相對位置之上。發光源係設置在印刷材f之—側，且位於虛擬按鍵 圖標的相對位置之上。其中’該覆蓋板之該第二平面係與該觸控面 板之该二平面相接觸並黏合，雌第—區域係覆蓋於該第三區域之 上’以及該第二區域係覆蓋於該第四區域之上。 於一貫施例中 I r ^ n^ w J儿/又刀里JL、第色产量 以及第二色度分量b，係與該發光源以及該_材質之間所相距之 一預定間隔以及該發光源的光強度有關。於另—實施例中，印刷材 質之顏色的亮度分量L、第—色度分量a以及第二色度分量b分別 等於 79·5±2、3.3±1 以及 10.5土卜 本發明另揭露一種組裝一電子裝置之方法，該方法包含以下步 驟：提供—覆蓋板，覆蓋板具有第-平面以及相對於第—平面之第 201214220 二平面，且第-平面係劃分成作為虛擬按鍵之第—區域以及用來顯 不影像之第二區域；將-虛擬按鍵圖標設置在覆蓋板之第二平面 上’且位於第域的相對位置上；提供-觸控面板，觸控面板具 有第二平面以及相對於第三平面之第四平面，且第三平面係劃分成 作為虛擬按鍵之-第三區域以制來顯示影像與接收觸碰訊號之第 四區域；將一印刷材質塗佈在觸控面板之第四平面上，且至少覆蓋 於第三區域_對位置之上；將—發光源設置在印㈣f之一側， 且位於虛擬按鍵®標的姆位置之上；以及將覆蓋板設置在觸控面 板之上，以使覆蓋板之第二平面與觸控面板之三平面相接觸並黏 3 ’且第-區域係覆蓋於第三區域之上，以及第二區域係覆蓋於第 四區域之上。 【實施方式】 請一併參考第1圖、第2圖以及第3圖，第i圖為本發明―電 子裝置100之-實施例的剖面圖，而第2圖（包含有圖2A以及圖 2B)則為第1圖所示之覆蓋板11〇的第一平面lu與第二平面η〗 之不意圖，以及第3圖（包含有圖3A以及圖3B)為第1圖所示之 觸控面板130的第三平面131與第四平面132之示意圖。於第J圖 中，電子裝置100包含有（但不侷限於）覆蓋板11〇、虛擬按鍵圖 標（virtual key icon) 120、觸控面板13〇、印刷材質14〇以及發光源 150。其中，覆蓋板no具有第一平面ln以及相對於第一平面m 之第二平面112，而觸控面板130亦具有第三平面131以及相對於 第三平面131之第四平面132，且覆蓋板11〇之第二平面112係藉 由光學透明膠（optical clear adhesive，OCA) 160來與觸控面板13〇 201214220 之第三平面131相接觸並黏合。 如圖2A所示，覆蓋板110的第一平面111 (正面）係劃分成作 為虛擬按鍵（例如，H0me、Menu)之第一區域111A以及用來顯示 影像之第二區域111B。如圖2B所示，覆蓋板11〇的第二平面112 (反面）亦劃分成兩個區域112A、112B，其中第二平面112的區域 112A係對應於第一平面lu的第一區域mA，以及第二平面ιΐ2 的區域112B係對應於第一平面m的第二區域mB。 如圖3A所示，觸控面板13〇的第三平面131 (正面）係劃分成 作為虛擬按鍵之第三區域131A以及絲顯示影像與接收觸碰訊號 之第四區域131B。如圖3B所示，觸控面板13〇的第四平面132(反The invention reduces 4 electronic money, and includes: a money board, a virtual button lever, a touch panel, and a material reduction system. The board has a first plane and a second plane relative to the first plane, and the first plane is divided into a first area as a virtual button and a second area for displaying an image. The virtual button icon is disposed on the second plane of the cover panel and is located at a relative position of the first region. The touch panel has a third plane and a fourth plane relative to the third plane, and the third plane is divided into a third area of the face button and a fourth area where the wire displays the image and receives the touch signal. The printing material is coated on the fourth plane of the touch panel and covers at least the relative position of the third area. The light source is disposed on the side of the printed material f and above the relative position of the virtual button icon. Wherein the second plane of the cover sheet contacts and adheres to the two planes of the touch panel, the female-region covers the third region, and the second region covers the fourth Above the area. In a consistent embodiment, I r ^ n^ w J / KL, the first color yield and the second chrominance component b are predetermined intervals between the illumination source and the _ material and the luminescence The light intensity of the source is related. In another embodiment, the luminance component L, the first chrominance component a, and the second chrominance component b of the color of the printed material are equal to 79·5±2, 3.3±1, and 10.5, respectively. The present invention further discloses an assembly. An electronic device method, the method comprising the steps of: providing a cover plate having a first plane and a second plane relative to a first plane of 201214220, and the first plane is divided into a first region as a virtual button and a second area for displaying an image; a virtual button icon is disposed on a second plane of the overlay board and located at a relative position of the first domain; and a touch panel is provided, the touch panel having a second plane and relative to a fourth plane of the third plane, and the third plane is divided into a third region as a virtual button to display an image and receive a fourth region of the touch signal; and a printing material is coated on the touch panel On the four planes, and covering at least the third area_on the position; the light source is disposed on one side of the print (four) f, and is located above the virtual button of the virtual button®; and the cover is placed on the touch Above the control panel, the second plane of the cover panel is in contact with the three planes of the touch panel and adheres to the third area, and the second area covers the fourth area, and the second area covers the fourth area on. [Embodiment] Referring to FIG. 1 , FIG. 2 and FIG. 3 together, FIG. 1 is a cross-sectional view showing an embodiment of the electronic device 100 of the present invention, and FIG. 2 (including FIG. 2A and FIG. 2B) The first plane lu and the second plane η of the cover plate 11A shown in FIG. 1 are not intended, and the third figure (including FIG. 3A and FIG. 3B) is the touch shown in FIG. A schematic view of the third plane 131 and the fourth plane 132 of the panel 130. In FIG. J, the electronic device 100 includes, but is not limited to, a cover panel 11 , a virtual key icon 120 , a touch panel 13 , a printed material 14 , and a light source 150 . The cover panel no has a first plane ln and a second plane 112 relative to the first plane m, and the touch panel 130 also has a third plane 131 and a fourth plane 132 relative to the third plane 131, and the cover panel The second plane 112 of the 11th layer is in contact with and bonded to the third plane 131 of the touch panel 13〇201214220 by an optical clear adhesive (OCA) 160. As shown in Fig. 2A, the first plane 111 (front side) of the cover panel 110 is divided into a first area 111A as a virtual key (e.g., H0me, Menu) and a second area 111B for displaying an image. As shown in FIG. 2B, the second plane 112 (reverse surface) of the cover plate 11A is also divided into two regions 112A, 112B, wherein the region 112A of the second plane 112 corresponds to the first region mA of the first plane lu, and The area 112B of the second plane ι2 corresponds to the second area mB of the first plane m. As shown in FIG. 3A, the third plane 131 (front side) of the touch panel 13A is divided into a third area 131A as a virtual button and a fourth area 131B for displaying a video and receiving a touch signal. As shown in FIG. 3B, the fourth plane 132 of the touch panel 13A (reverse)
面）亦劃分成兩個區域132A、132B，其中第四平面132的區域132A 係對應於第三平面131的第三區域131A，以及第四平面132的區域 132B係對應於第三平面131的第四區域13m。由第2圖以及第3 圖可彳于知，當覆蓋板110與觸控面板13〇相接觸並黏合時，覆蓋板 110的第一區域111A係覆蓋於觸控面板13〇的第三區域131八之 上’且覆蓋板110的第二區域111B係覆蓋於觸控面板13〇的第四區 域131B之上。 值得注意的是，於本實施例中，觸控面板13〇的第三區域l3iA 以及第四區域131B係採用同一片觸控面板（可為一電容式觸控面 板或者一電阻式觸控面板），其可包含有複數個導電圖案31〇 (例 如：由銦錫氧化物(ITO)或銦鋅氧化物(IZ0)所構成之導電圖案）以 及複數條導線320，其中每一條導線32〇係用來電性連接位於同一 行（或者同一列）的導電圖案，來取得X軸、Y軸的座標資訊。 201214220 睛繼續參考第1圖，虛擬按鍵圖標120係設置在覆蓋板110之 第一平面112上，且位於第一區域ηιA的相對位置上（如第2圖 所不，亦即區域112A)。印刷材質14〇則係塗佈在觸控面板13〇之 第四平面132上’且至少覆蓋於第三區域131A的相對位置之上（如 第3圖所示，亦即區域132A)。而發光源15〇係設置在印刷材質140 之一側，且位於虛擬按鍵圖標12〇的相對位置之上。也就是說，當 發光源150發射一光線時，該光線會依序穿透印刷材質14〇、觸控 面板130、光學透明膠160、虛擬按鍵圖標12〇以及覆蓋板11〇，由 於這些元件都是透光材質，因此使用者可自覆蓋板11〇之第一平面 111看到虛擬按鍵圖標120。由於本發明所揭露之電子裝置1〇〇係將 印刷材質140塗佈在觸控面板no的反面（亦即，第四平面132) 上，且覆蓋於虛擬按鍵圖標120的相對位置之上，因此可以改善觸 控面板130上的導線320所造成之亮度不均勻的問題，並可避免漏 光（light leakage )的現象。 值得注意的是，印刷材質140之顏色的亮度分量l、第一色度分 量a以及第二色度分量b ’係與發光源15〇以及印刷材質140之間 所相距之一預疋間隔D以及發光源15〇的光強度（brightness )有關。 換言之’可根據預定間隔D以及發光源15 〇的光強度來設定（調整） 印刷材質140之顏色（包含有亮度分量l、第一色度分量a以及第 二色度分量b)’以得到最佳的亮度效果。舉例來說，於本實施例中， 發光源150以及印刷材質140之間所相距之預定間隔d係大致上等 於0.1毫米（mm);而發光源150可為一發光二極體（LED)，以及 該發光二極體的光強度係大致上等於28〜72毫燭光（mcd)。在這 201214220 種情況下，可將印刷材質140之顏色的亮度分量l、第一色度分量 a以及第二色度分量b分別設定為：79 5±2、3 3±1以及1〇 5土卜且 印刷材質140之厚度係大致上等於11±2微米（ym)。 請注意，上述之電子裝置1〇0係可為一手持觸控式電子裝置， 例如一手機、一個人數位助理（PDA)、一個人數位助理手機（pDA phone)或者一智慧型手機（smartphone)，但本發明並不侷限於此， 亦可為其它義之觸控式電子裝置。再者，於本實施例中，觸控面 籲板13〇之第三區域U1A以及第四區域⑶㈣採用同一片觸控面板 (可為-電容式觸控面板或者一電阻式觸控面板），其中觸控面板 130之第三區域131A係作為一虛擬按鍵區域，而第四區域⑶b則 係作為一影像顯示區域。 凊參考第4圖，第4圖為本發明組裝一電子裝置之方法之一操 作範例的流程圖，其包含以下的步驟(請注意，假若可得到大致相同 的結果’則下列步驟並非限定要依據第4圖所示之順序來執 步驟S400 :開始。 •步驟_ :提紐，覆驗具有第—平面从姆於第一平面 之第二平面，且第-平面係劃分成作為虛擬按鍵之第一區 域以及用來顯示影像之第二區域。 步驟S404 :將虛擬按鍵圖標設置在覆蓋板之第二平面上 一區域的相對位置上。 ； 步驟纖··提供觸控面板’觸控面板具有第三平面以及相對於第三 平面之第四平面，且第三平面係劃分成作為虛擬按鍵之第 二區域以及用來顯示影像與接收觸碰訊號之第四區域。 201214220 步驟纖：將印刷材質塗佈在觸控面板之細平面上，且至少覆蓋 於第三區域的相對位置之上。 步驟剛：將發光源設置在印刷材質之—側，且位於虛擬按鍵圖標 的相對位置之上。 步驟㈣：將覆聽設置在馳秘之上，以使覆蓋板之第二平面 與觸控面板之三平面相接觸並黏合，且第一區域係覆蓋於 第二區域之上，以及第二區域係覆蓋於第四區域之上。 關於第4圖所示之各步驟請搭配第！圖、第2圖以及第3圖所示 之各兀件’即可了解各兀件之間如何運作，而為了說明書内容簡潔 起見，故第4圖中各步驟的操作便不再贅述。此外，上述流程之步 驟僅為本侧所舉可行的實關，並非限制本發__條件，且 在不違背本發明之精神的情況下’此方法可另包含其它的中間步驟 或者可將幾個步驟合併成單—步驟，以做適當之變化。 以上所述的實施例僅用來說明本發明之技術特徵，並非用來偶 限本發明之齡。由上可知，本發明提供_種電子裝置及其相關組 襄方法。透過將印刷材質140塗佈在電子裝置之觸控面板13〇的反 面（亦即，第四平面132)上，且覆蓋於虛擬按鍵圖標12〇的相對 位置之上，可以改善觸控面板130上的導線32〇所造成之亮度不均 勻的問題’並可避免漏光的現象。此外，可根據預定間隔〇以及發 光源150的光強度來設定（調整）印刷材質14〇之顏色（包含有亮 度分量L、第一色度分量a以及第二色度分量b)，以得到最佳亮度 效果。 〜又 以上所述僅為本發明之較佳實施例，凡依本發明申請專利範圍 201214220 所做之均等變化與修飾 【圖式簡單說明】 皆應屬本發明之涵蓋範圍。 第1圖為本發明一電子奘 裒置之一實施例的剖面圖。The face is also divided into two regions 132A, 132B, wherein the region 132A of the fourth plane 132 corresponds to the third region 131A of the third plane 131, and the region 132B of the fourth plane 132 corresponds to the third plane 131. Four areas 13m. It can be seen from FIG. 2 and FIG. 3 that when the cover plate 110 is in contact with and bonded to the touch panel 13A, the first region 111A of the cover plate 110 covers the third region 131 of the touch panel 13A. The second region 111B of the cover plate 110 is overlaid on the fourth region 131B of the touch panel 13A. It should be noted that, in this embodiment, the third area l3iA and the fourth area 131B of the touch panel 13A adopt the same touch panel (which may be a capacitive touch panel or a resistive touch panel). It may include a plurality of conductive patterns 31〇 (for example, a conductive pattern composed of indium tin oxide (ITO) or indium zinc oxide (IZ0)) and a plurality of wires 320, wherein each of the wires 32 is used The electrically conductive patterns of the same row (or the same column) are electrically connected to obtain coordinate information of the X-axis and the Y-axis. 201214220 Continuing with reference to Fig. 1, the virtual button icon 120 is disposed on the first plane 112 of the cover panel 110 and is located at a relative position of the first region ηι (as shown in Fig. 2, i.e., region 112A). The printing material 14 is applied on the fourth plane 132 of the touch panel 13' and covers at least the relative position of the third region 131A (as shown in Fig. 3, that is, the region 132A). The illumination source 15 is disposed on one side of the printing material 140 and above the relative position of the virtual button icon 12〇. That is to say, when the light source 150 emits a light, the light will sequentially penetrate the printing material 14〇, the touch panel 130, the optical transparent adhesive 160, the virtual button icon 12〇, and the cover plate 11〇, since these components are all It is a light transmissive material, so the user can see the virtual button icon 120 from the first plane 111 of the cover panel 11 . Since the electronic device 1 disclosed in the present invention applies the printing material 140 on the reverse side of the touch panel no (ie, the fourth plane 132) and covers the relative position of the virtual button icon 120, The problem of uneven brightness caused by the wires 320 on the touch panel 130 can be improved, and the phenomenon of light leakage can be avoided. It should be noted that the luminance component l, the first chrominance component a, and the second chrominance component b' of the color of the printing material 140 are spaced apart from the illumination source 15A and the printing material 140 by a predetermined interval D and The light intensity of the light source is related to the brightness. In other words, the color of the printing material 140 (including the luminance component 1, the first chrominance component a, and the second chrominance component b) can be set (adjusted) according to the predetermined interval D and the light intensity of the illumination source 15 以 to obtain the most Good brightness effect. For example, in the embodiment, the predetermined interval d between the light source 150 and the printing material 140 is substantially equal to 0.1 millimeters (mm); and the light source 150 can be a light emitting diode (LED). And the light intensity of the light-emitting diode is substantially equal to 28 to 72 milli-candles (mcd). In this case of 201214220, the luminance component l, the first chrominance component a, and the second chrominance component b of the color of the printing material 140 can be set to: 79 5±2, 3 3±1, and 1〇5 soil, respectively. The thickness of the printed material 140 is substantially equal to 11 ± 2 microns (ym). Please note that the above electronic device 1〇0 can be a handheld touch electronic device, such as a mobile phone, a PDA, a pDA phone or a smart phone, but The present invention is not limited thereto, and may be other types of touch electronic devices. Furthermore, in the embodiment, the third area U1A and the fourth area (3) (4) of the touch panel 13 are the same touch panel (which may be a capacitive touch panel or a resistive touch panel). The third area 131A of the touch panel 130 serves as a virtual button area, and the fourth area (3)b serves as an image display area. Referring to FIG. 4, FIG. 4 is a flow chart showing an operation example of one method of assembling an electronic device according to the present invention, which includes the following steps (note that if substantially the same result can be obtained), the following steps are not limited. Step S400: Start in the sequence shown in Fig. 4. • Step _: Lifting the new plane, the second plane having the first plane from the first plane, and the first plane is divided into the virtual button An area and a second area for displaying an image. Step S404: setting a virtual button icon on a relative position of an area on a second plane of the overlay board. Step by step · providing a touch panel The third plane and the fourth plane relative to the third plane, and the third plane is divided into a second area as a virtual button and a fourth area for displaying an image and receiving a touch signal. 201214220 Step fiber: coating the printing material The cloth is placed on the thin plane of the touch panel and covers at least the relative position of the third area. Step just: the light source is set on the side of the printing material, and is located on the virtual button The relative position of the key icon is above. Step (4): setting the overlay on the secret so that the second plane of the cover plate contacts and adheres to the three planes of the touch panel, and the first area is covered by the second Above the area, and the second area is over the fourth area. For each step shown in Figure 4, please match the parts shown in Figure, Figure 2 and Figure 3 to understand each How to operate between the parts, and for the sake of brevity of the description, the operation of each step in Figure 4 will not be repeated. In addition, the steps of the above process are only feasible on this side, and are not limited to this issue. __ conditions, and without departing from the spirit of the invention 'this method may additionally include other intermediate steps or may combine several steps into a single-step to make appropriate changes. The embodiments described above only The technical features of the present invention are not intended to limit the age of the present invention. As can be seen from the above, the present invention provides an electronic device and related related method. The printing material 140 is coated on the touch of the electronic device. The reverse side of the panel 13〇 That is, the fourth plane 132) and over the relative position of the virtual button icon 12〇 can improve the brightness unevenness caused by the wires 32 on the touch panel 130, and can avoid light leakage. In addition, the color of the printing material 14 (including the luminance component L, the first chrominance component a, and the second chrominance component b) can be set (adjusted) according to the predetermined interval 〇 and the light intensity of the illuminating source 150. The preferred brightness effect is the only preferred embodiment of the present invention, and the equivalent changes and modifications made by the present invention in the scope of the patent application 201214220 are all covered by the present invention. BRIEF DESCRIPTION OF THE DRAWINGS Figure 1 is a cross-sectional view showing an embodiment of an electronic device of the present invention.
第2圖（包含有圖2A 及圖2B)為第i圖所示之覆蓋板的第一平 面以及第二平面之示意圖。 第3圖（包含有圖从以 Λ及圖3B)為第〗圖所示之觸控面板的第三 平面以及第四平面之示意圖。Fig. 2 (including Figs. 2A and 2B) is a schematic view showing a first plane and a second plane of the cover sheet shown in Fig. i. Fig. 3 is a schematic view showing a third plane and a fourth plane of the touch panel shown in Fig. 3B (Fig. 3B).
第4圖為本發敝裝―電子裝置之方法之-操作範_流程圖。 【主要元件符號說明】 100 電子裝置 110 覆蓋板 120 虛擬按鍵圖標 130 觸控面板 140 印刷材質 150 發光源 160 光學透明膠 111 第一平面 112 第一平面 131 第二平面 132 第四平面 D 預定間隔 區域 111Α、111Β、112Α、112Β、131Α、131Β、132Α、132Β 310 導電圖案 201214220 320 導線 S400〜S412 步驟Fig. 4 is a flow chart of the method of operating the armor-electronic device. [Main component symbol description] 100 electronic device 110 cover plate 120 virtual button icon 130 touch panel 140 printing material 150 light source 160 optical transparent glue 111 first plane 112 first plane 131 second plane 132 fourth plane D predetermined interval area 111Α, 111Β, 112Α, 112Β, 131Α, 131Β, 132Α, 132Β 310 Conductive pattern 201214220 320 Wire S400~S412 Step
1212