TW201439720A

TW201439720A - 觸控面板

Info

Publication number: TW201439720A
Application number: TW102112192A
Authority: TW
Inventors: Kuan-Yu Chu; Yu-Ching Wang; Chin-Pei Hwang; Ming-Wu Chen; Chin-Yi Hsu; Chun-Cheng Huang; Chen-Fu Huang; Yi-Chun Lin; Ming-Kung Wu; Ta-Wei Yeh
Original assignee: Wintek Corp
Priority date: 2013-04-03
Filing date: 2013-04-03
Publication date: 2014-10-16
Also published as: CN104298390A; CN203773509U; US20140300835A1

Abstract

本發明提供一種觸控面板，其具有一透光觸控感應區以及一周圍區位於透光觸控感應區之至少一側，該周圍區具有一內緣與一外緣，其中該內緣係較該外緣更接近透光觸控感應區。本發明觸控面板包括一內框與一裝飾框設置於周圍區。內框之一內側邊實質上沿著內緣設置。裝飾框設置於周圍區，其中裝飾框包括至少一裝飾層，且裝飾層之圖形範圍不超過該周圍區之內緣。

Description

觸控面板

本發明係關於一種觸控面板，尤指一種於周圍區設置內框之觸控面板。

觸控面板由於具有人機互動的特性，已被廣泛應用於智慧型手機(smart phone)、衛星導航系統(GPS navigator system)、平板電腦(tablet PC)、個人數位助理(PDA)以及筆記型電腦(laptop PC)等電子產品上。

請參考第1圖與第2圖，第1圖為一習知觸控面板的俯視示意圖，而第2圖顯示出第1圖中之部份區域P的剖面示意圖。如第1圖所示，於一觸控裝置10上的有色裝飾層12，有時需要較厚的油墨層來提供足夠的遮蔽效果，以遮蔽後側的線路或電子元件。如第2圖中所示的一例，有色裝飾層12包含三層或甚至更多層油墨層18、20、22依序設置於透明基板16表面，當進行後續的透明電極或走線等製程時，舉例而言當透明電極14欲延伸跨至裝飾層12上時，容易因油墨層過厚形成的高度斷差而造成斷線或信賴性不佳等問題。習知技術中油墨層18、20、22通常由網印方式所形成，為了使透明電極14有較好的爬坡效果，油墨層18、20、22必須設計具有不同的圖形範圍，以減緩邊緣坡度，如此會提高網版成本。再者，印刷公差等問題還會造成油墨層18、20、22位置偏移。上述狀況都可能會使有色裝飾層12的邊緣不平整，例如會有鋸齒狀之邊緣，另，邊緣處通常較中間部分的總厚度薄，也無法提供有效的遮蔽效果，若是在有色裝飾層12上另設置深色遮蔽層，那麼邊緣處會隱約露出該深色遮蔽層之顏色，使得有色裝飾層12的整體顏色在邊緣處呈現灰黑色的感覺，使顯示面板的美觀效果大打折扣。

本發明之主要目的之一在於提供一種觸控面板，其包括一內框設置於觸控面板之周圍區的內緣，可以提升觸控面板的美觀以及連接部的製作良率，避免斷線等缺陷。

為達上述目的，本發明揭露一種觸控面板，其具有一透光觸控感應區以及一周圍區位於透光觸控感應區之至少一側，該周圍區具有一內緣與一外緣，其中該內緣較該外緣接近透光觸控感應區。本發明觸控面板包括一內框與一裝飾框。內框設置於周圍區，包括至少一內框層，內框之一內側邊實質上沿著周圍區之內緣設置。裝飾框設置於周圍區，其中裝飾框包括至少一裝飾層，且裝飾層之圖形範圍不超過周圍區之內緣。

為達上述目的，本發明還揭露一種觸控面板，其具有一透光觸控感應區與一周圍區位於該透光觸控感應區之至少一側。本發明觸控面板包括一裝飾框與一外框。裝飾框設置於周圍區，且具有相對之一內側邊與一外側邊，該內側邊靠近該透光觸控感應區。內框設置於該周圍區，遮蔽裝飾框之至少部份內側邊，並顯露裝飾框之外側邊。

10‧‧‧觸控裝置

12‧‧‧有色裝飾層

14‧‧‧透明電極

16‧‧‧透明基板

18‧‧‧油墨層

20‧‧‧油墨層

22‧‧‧油墨層

201‧‧‧觸控面板

202‧‧‧觸控面板

203‧‧‧觸控面板

210‧‧‧基板

210A‧‧‧觸控面

210B‧‧‧內表面

220‧‧‧裝飾框

220A‧‧‧內側邊

220B‧‧‧外側邊

221‧‧‧裝飾層

222‧‧‧裝飾層

223‧‧‧裝飾層

224‧‧‧深色裝飾層

225‧‧‧頂部裝飾層

230‧‧‧內框

230A‧‧‧內側邊

230B‧‧‧外側邊

231‧‧‧內框層

240‧‧‧遮光層

240A‧‧‧內側邊

240B‧‧‧外側邊

241‧‧‧第一遮光層

242‧‧‧第二遮光層

250‧‧‧控感應元件

250X‧‧‧第一軸向電極

250Y‧‧‧第二軸向電極

260‧‧‧連接部

270‧‧‧導線

300‧‧‧觸控面板

340‧‧‧遮光層

340A‧‧‧內側邊

400‧‧‧觸控面板

480‧‧‧平坦層

491‧‧‧無機絕緣層

492‧‧‧有機絕緣層

500‧‧‧觸控面板

580‧‧‧平坦層

581‧‧‧接觸洞

600‧‧‧觸控面板

620‧‧‧裝飾框

621‧‧‧第一裝飾層

622‧‧‧第二裝飾層

623‧‧‧第三裝飾層

632‧‧‧間隙

690‧‧‧外框

691‧‧‧間隙

692‧‧‧第一外框層

693‧‧‧第二外框層

700‧‧‧觸控面板

720‧‧‧裝飾框

721‧‧‧第一裝飾層

722‧‧‧第二裝飾層

723‧‧‧第三裝飾層

792‧‧‧外框

793‧‧‧第一開口

794‧‧‧第二開口

795‧‧‧第三開口

R1‧‧‧透光觸控感應區

R2‧‧‧周圍區

R21‧‧‧內緣

R22‧‧‧外緣

SP1‧‧‧感應電極

SP2‧‧‧感應電極

W‧‧‧寬度

X‧‧‧第一方向

X1‧‧‧第一感應電極

X2‧‧‧第一連接線

Y‧‧‧第二方向

Y1‧‧‧第二感應電極

Y2‧‧‧第二連接線

Z‧‧‧垂直投影方向

第1圖為一習知觸控面板的俯視示意圖。

第2圖為第1圖之部份區域P的剖面示意圖。

第3圖繪示了本發明之第一較佳實施例之觸控面板的示意圖。

第4圖繪示了第3圖所示觸控面板的上視示意圖。

第5圖繪示了本發明之第二較佳實施例之觸控面板的上視示意圖。

第6圖繪示了本發明之第三較佳實施例之觸控面板的上視示意圖。

第7圖繪示了本發明之第四較佳實施例之觸控面板的示意圖。

第8圖繪示了本發明之第五較佳實施例之觸控面板的示意圖。

第9圖繪示了本發明之第六較佳實施例之觸控面板的示意圖。

第10圖繪示了本發明之第七較佳實施例之觸控面板的示意圖。

第11圖繪示了本發明之第八較佳實施例之觸控面板的示意圖。

第12圖繪示了本發明之第九較佳實施例之觸控面板的上側示意圖。

第13圖為第12圖所示觸控面板的部分剖面示意圖。

第14圖為本發明之第十較佳實施例之觸控面板的外觀示意圖。

為使熟習本發明所屬技術領域之一般技藝者能更進一步了解本發明，下文特列舉本發明之數個較佳實施例，並配合所附圖式，詳細說明本發明的構成內容。

請參考第3圖與第4圖。第3圖繪示了本發明之第一較佳實施例之觸控面板的示意圖，第4圖繪示了本發明之第一較佳實施例之觸控面板的上視示意圖。為了方便說明，本發明之各圖式僅為示意以更容易了解本發明，其詳細的比例可依照設計的需求進行調整。如第3圖與第4圖所示，本實施例提供一觸控面板201具有一透光觸控感應區R1與一周圍區R2。周圍區R2係位於透光觸控感應區R1之至少一側。本實施例之周圍區R2係圍繞透光觸控感應區R1的四周，但本發明並不以此為限而可視需要使周圍區R2僅與透光觸控感應區R1的部分邊緣相鄰設置，例如僅於上、下二邊緣設置。另，周圍區R2可選擇地設有觸控感應元件(圖未示)，但仍劃分為周圍區R2，合先敘明。周圍區R2具有一內緣R21與一外緣R22，內緣R21係較外緣R22更接近透光觸控感應區R1，在本實施例中，周圍區R2的內緣R21係鄰接於透光觸控感應區R1。觸控面板201包括一基板210、一裝飾框220以及一內框230。基板210於本實施例係為具有觸控感測功能的覆蓋板，其具有一觸控面210A以及一相對於觸控面210A之內表面210B。內框230與裝飾框220係設置於周圍區R2之基板210的內表面210B上，其中內框230及裝飾框220兩者，與基板210之內表面210B之間亦可設置其他膜層(圖未示)，例如光學膜層，如氧化矽、氧化氮或其複合層。內框230具有相對之內側邊230A與外側邊230B，並包括至少一深色內框層231，其內側邊230A實質上係沿著內緣R21設置，因此，內框230在本實施例係為封閉環狀，但本發明不限於此，例如在其他實施例中，當周圍區僅設置於透光觸控感應區的上、下邊緣時，則內框亦對應周圍區設置而僅顯露於觸控感應區的上、下邊緣。且，內框230的圖形範圍小於周圍區R2之面積，例如第3圖中內框230僅設置於周圍區R2的內側，亦即設置於周圍區R2較靠近透光觸控感應區R1的部分。裝飾框220具有相對之內側邊220A與外側邊220B，其中內側邊220A靠近透光觸控感應區R1。裝飾框220包括至少一裝飾層設置於周圍區R2，例如本實施例之裝飾框220可選擇性的包括三層非黑色之裝飾層221、222、223依序設置於內表面210B上，覆蓋內框230之一部分，但並不以此為限，裝飾層可為任何之顏色。另外，裝飾框220或至少一裝飾層221、222、223並不一定要覆蓋內框230之一部分，亦可與內框230之外側邊230B緊鄰連接，或是與內框230之外側邊230B相隔一間隙；再者，雖然圖式繪示裝飾框220或裝飾層221是直接覆蓋在內框230上方之一部份，但本發明並不以此為限，換言之，裝飾框220或裝飾層221與內框230之間亦可存在其他介質層。另值得一提的是，在其他實施例中，內框230之外側邊230B亦可覆蓋在其中一裝飾層的上方。裝飾層221、222、223覆蓋了內框230之一部分，且裝飾層221、222、223的圖形範圍不超過周圍區R2之內緣R21，亦即，裝飾框220靠近透光觸控感應區R1的內側邊220A不會超過內框230之內側邊230A或是不會設置在透光觸控感應區R1。再者，裝飾層221、222、223的圖形範圍較佳大於內框230的圖形範圍，例如裝飾層221、222、223係於垂直投影方向Z上部分覆蓋內框230表面，而裝飾框220之外側邊220B超過內框230之外側邊230B，大部分的裝飾層221是直接設置在周圍區R2的基板210之內表面210B上。因此，根據本發明，內框230遮蔽了裝飾框220之至少部份內側邊 220A。本實施例之內框230較佳係遮蔽了裝飾框220的全部內側邊220A。另一提的是，內框230之外側邊230B亦可向外延伸至切齊或超過裝飾框220。

此外，本實施例之裝飾框220可選擇性地更包括一深色裝飾層224與一頂部裝飾層225依序覆蓋在裝飾層223上。深色裝飾層224的圖形範圍可僅略小於裝飾層221、222、223的圖形範圍，以提高其遮光能力，而頂部裝飾層225的圖形範圍可約略相同或稍小於裝飾層221、222、223的圖形範圍並在垂直投影方向Z上與內框230部分重疊。裝飾層221、222、223與頂部裝飾層225之至少其中一者之外側邊係沿著周圍區R2的外緣R22設置，如第3圖所示，在本實施例中，裝飾層221、222、223與頂部裝飾層225之外側邊實質上皆沿著外緣R22設置。因此，在較佳實施例中，裝飾框220的外側邊220B係沿著外緣R22而設置，換言之，裝飾框220的外側邊220B超過內框230的外側邊230B，因此內框230顯露了裝飾框220的外側邊220B。

在本實施例中，內框230所包含的內框層231的光學密度(optical density,OD)較佳係大於裝飾層221、222、223以及頂部裝飾層225之任一者，在較佳實施例中，內框層231的光學密度大於裝飾層221、222、223以及頂部裝飾層225之個別光學密度以及上述四者的整體光學密度。內框230的顏色例如為黑色、灰色等較為深色的顏色，但不以此為限，其亦可為其他顏色，以更豐富色彩的搭配，或是內框230也可以採用與裝飾層221、222、223相同之顏色，如此更具有一體感；另，內框層231材料舉例為黑色、灰色等深色光阻材料、黑色、灰色等深色油墨或是一般適用於顯示面板與觸控面板中的黑色矩陣層(black matrix,BM)材料，但不以此為限，其他材料及如上所述之內框層231顏色變化亦可適用於本發明。裝飾層221、222、223以及頂部裝飾層225可視需要為相同之顏色例如白色，或是光學密度較黑色裝飾層低的其他顏色裝飾層，其可藉由堆疊之方式增加其整體的光學密度，但本發明並不以此為限而亦可使用不同顏色之裝飾層以及頂部裝飾層，並藉由混色得到所需之色彩效果。裝飾層221、222、223以及頂部裝飾層225可分別包括彩色油墨層、彩色光阻層或金屬層，藉由堆疊方式形成所需呈現之色彩或金屬質感。更明確地說，裝飾層221、222、223可為三層相同之材料層，例如三層彩色油墨層、三層彩色光阻層或三層金屬層。另一方面，裝飾層221、222、223亦可為不完全相同之材料層的組合，例如可以兩層彩色油墨層搭配一層金屬層或以兩層彩色光阻層搭配一層金屬層，但並不以此為限。此外，頂部裝飾層225之材料可以相同或不相同於裝飾層221、222、223。再者，深色裝飾層224的光學密度大於裝飾層221、222、223以及頂部裝飾層225的光學密度，可選用相同或不同於內框230之材料，其顏色舉例為黑色，但並不以此為限。

在較佳實施例中，內框230係藉由黃光製程所形成，因此內框230可以具有較精密的圖案或較精準的尺寸，例如可以實質上沿著內緣220A設置，並且有平整的內側邊230A。另一方面，裝飾層221、222、223、深色裝飾層224與頂部裝飾層225可以由印刷、黃光製程或其他適合之製程方式形成於基板210上。由於裝飾框220的內側邊220A不超過內框230的內側邊230A，內框230在周圍區R2的內緣R21處提供了有效的遮蔽效果，用以遮蔽裝飾框220之部分或全部的內側邊220A，因此對於後續製作的裝飾層221、222、223、深色裝飾層224與頂部裝飾層225的位置精度要求可以較低，即使有偏移而使得各膜層的邊緣不平整，也會被內框230所遮蔽，從觸控面210A來看裝飾框220，其內側仍然平整好看。

再者，觸控面板201可更包括一遮光層240、至少一觸控感應元件250、至少一連接部260以及至少一導線270。遮光層240係設置於裝飾框220上，例如可為黑色、灰色等其他深色油墨層或金屬層，但不以此為限，舉凡具有遮光效果的膜層均可採用，而導線270係設置於周圍區R2之裝飾框220上。更明確地說，導線270係設置於周圍區R2之遮光層240上，而遮光層240係用以遮蔽位於周圍區R2之導線270，但並不以此為限。遮光層240之內側邊240A在垂直投影方向Z上較佳與內框230部分重疊，其外側邊240B 較佳沿著周圍區R2的外緣R22設置。此外，遮光層240並未包覆或覆蓋裝飾框220的內側邊220A。值得注意的是，在本實施例中，內框230與遮光層240兩者的整體圖形範圍大體上相同於周圍區R2的面積，可以達到有效遮蔽基板230內表面其他元件的效果，以提升觸控面板201之美觀性。值得注意的是，本實施例之遮光層240由於會延伸到裝飾框220之一側邊，因此，為顧及側邊視效，也可採用與裝飾層221、222、223或頂部裝飾層225具有相同或類似顏色的材料。但，如果考量到遮光效果，也可採用遮光性較好的材料，例如選用黑色、灰色等其他深色光阻材料或油墨。觸控感應元件250係設置於透光觸控感應區R1之基板210的內表面210B上，而連接部260係設置於基板210之內表面210B上，沿著裝飾框220之內側邊220A延伸以電性連接觸控感應元件250與導線270。在本實施例中，基板210較佳可包括硬質基板例如保護玻璃(cover glass)，或是可撓式玻璃，抑或是硬質塑膠基板、薄膜基板或其他適合材料所形成之基板。在其他實施例中，基板210亦可不具備觸控感測功能，而可以僅是單純用來承載內框230與裝飾框220的任何型態基板，而觸控感應元件250則可以設置在觸控面板201中的另一基板(圖未示)上。導線270與連接部260較佳可包括透明導電材料例如氧化銦錫(indium tin oxide,ITO)、氧化銦鋅(indium zinc oxide,IZO)與氧化鋁鋅(aluminum zinc oxide,AZO)或其他適合之非透明導電材料例如銀、鋁、銅、鎂、鉬、上述材料之複合層或上述材料之合金，但並不以此為限。觸控感應元件250可藉由連接部260與設置於周圍區R2之導線270形成電性連接，並進一步透過導線270與其他元件(圖未示)例如控制積體電路形成電性連接以驅動觸控感應元件250。當然，連接部260也可以是觸控感應元件250的一部分。另一提的是，雖然裝飾框220之各膜層堆疊厚度較高，但因為在周圍區R2的內緣R21附近先設置了厚度較薄的內框230，因此可以減緩由基板210之內表面210B至裝飾框220的高度落差，能進一步避免連接部260因劇烈高低落差而發生斷線等缺陷，當高度落差更大時，內框可視需求設置二層以上的內框層，且相鄰二內框層較佳具有階梯結構，藉以降低斷線的機率。因此，本實施例在以網印方式製作裝飾層221、222、223甚至頂部裝飾層225時可以共用網版而使其具有大體上約略相同的圖形範圍，可改善習知觸控面板連接部260直接由內表面210B要爬坡到裝飾框220表面因高度落差太大而影響良率之問題，如此可以節省網版成本與設計成本。上述提及裝飾層221、222、223的圖形範圍大體上約略相同係指三者互相的圖形範圍差值不超過各圖形範圍的10%。

如第4圖所示，本實施例之觸控感應元件250較佳可包括複數個第一軸向電極250X以及複數個第二軸向電極250Y互相絕緣地交叉設置，絕緣手段例如可採用整面絕緣層或是僅在交叉處設置島狀絕緣層二種方式。各第一軸向電極250X係沿一第一方向X延伸，各第二軸向電極250Y係沿一第二方向Y延伸，且第一方向X較佳係大體上垂直於第二方向Y，但並不以此為限。各第一軸向電極250X包括複數個第一感應電極X1以及複數個第一連接線X2設置於透光觸控感應區R1中，各第二軸向電極250Y包括複數個第二感應電極Y1以及複數個第二連接線Y2設置於透光觸控感應區R1中，第一感應電極X1與第二感應電極Y1較佳係平均分佈於透光觸控感應區R1中用以進行觸控感應偵測。第一連接線X2與第二連接線Y2係分別用以連結同一條第一軸向電極250X上的第一感應電極X1以及同一條第二軸向電極250Y上的第二感應電極Y1。本實施例之連接部260即為第一軸向電極250X及第二軸向電極250Y的一部分，其延伸至周圍區R2以與導線(第4圖未示)電性連結。

下文將針對本發明之觸控面板的不同實施樣態進行說明，且為簡化說明，以下說明主要針對各實施例不同之處進行詳述，而不再對相同之處作重覆贅述。此外，本發明之各實施例中相同之元件係以相同之標號進行標示，以利於各實施例間互相對照。

請參考第3圖與第5圖。第5圖繪示了本發明之第二較佳實施例之觸控面板的上視示意圖。如第5圖與第3圖所示，本發明之第二較佳實施例提供一觸控面板202，與上述第一較佳實施例之觸控面板201不同的地方在於，在觸控面板202中，觸控感應元件250較佳係包括複數個感應電極SP1互相分離設置於透光觸控感應區R1中用以進行觸控感應偵測。連接部260係與感應電極SP1相連且延伸至周圍區R2以與導線270電性連結。本實施例之觸控面板202除了感應電極SP1之外，其餘各部件的特徵、設置位置以及材料特性係與上述第一較佳實施例相似，故在此並不再贅述。值得說明的是，本實施例之各感應電極SP1較佳係為一三角形電極，但本發明並不以此為限而可視需要使用不同形狀之感應電極SP1均勻排列分布於透光觸控感應區R1中，用以達到所需之觸控感應偵測效果。此外，感應電極SP1例如可包括氧化銦錫等透明導電材料，或是金屬細線網格(metal mesh)材料。

請參考第3圖與第6圖。第6圖繪示了本發明之第三較佳實施例之觸控面板的上視示意圖。如第6圖以及第3圖所示，本發明之第三較佳實施例提供一觸控面板203。在觸控面板203中，觸控感應元件220較佳係包括複數個感應電極SP2互相分離設置於透光觸控感應區R1中用以進行觸控感應偵測。本實施例之各感應電極SP2較佳係為一矩形電極，但本發明並不以此為限而可視需要使用其他規則或不規則形狀之感應電極SP2均勻排列分布於透光觸控感應區R1中，例如複數根條狀電極搭配複數個位於相鄰二根條狀電極之間的塊狀電極，用以達到所需之觸控感應偵測效果。

請參考第7圖。第7圖繪示了本發明之第四較佳實施例之觸控面板的示意圖。如第7圖所示，本發明之第四較佳實施例提供一觸控面板300，與第一較佳實施例之觸控面板201不同的地方在於，遮光層340的內側邊340A係包覆遮蓋裝飾框220的內側邊220A，並部分覆蓋內框230而與內框230的上表面直接相接觸，故遮光層340的內側邊340A可填補裝飾層221、222、223、225中相鄰二層之間的交界處。而且，遮光層340在垂直投影方向Z上與內框230係部分重疊。在較佳實施例中，遮光層340的內側邊340A 並未接觸周圍區R2的內緣R21，亦即遮光層340的內側邊340A與內框230的內側邊230A沒有重疊。藉此，可使連接部260所接觸之地形起伏更為緩和，進一步增加連接部260的可靠性。本實施例之觸控面板300除了遮光層340之外，其餘各部件的特徵、設置位置以及材料特性係與上述第一較佳實施例相似，故在此並不再贅述。

請參考第8圖，第8圖繪示了本發明之第五較佳實施例之觸控面板的示意圖。如第8圖所示，本發明之第五實施例提供一觸控面板400，觸控面板400包括基板210、內框230與裝飾框220，內框230與裝飾框220設置於基板210之內表面210A的周圍區R2之內。內框230之內側邊230A設於周圍區R2的內緣R21。裝飾框220部分覆蓋內框230表面，包括裝飾層221、222、223，更可選擇性包括深色裝飾層224，依序設置於內表面210A上。本實施例裝飾框220的裝飾層221、222、223與深色裝飾層224的圖形範圍實質上並不相同，例如裝飾層221的圖形範圍實質上大於第二層裝飾層222的圖形範圍，可以使裝飾框220具有較平緩的內側邊220A，且本實施例之裝飾層223係包裹覆蓋裝飾層222，可以進一步降低裝飾框220邊緣處的牛角效應而避免其側邊因膜層堆疊而地形起伏劇烈。因此，本實施例之裝飾框220的膜層堆疊設計提供了後續鍍膜更平緩的爬坡角度。再者，本實施例更包括一平坦層480，部分覆蓋內框230與裝飾框220，平坦層480覆蓋包裹了內框230的內側邊230A以及裝飾框220的內側邊220A，可更進一步使膜層表面有更平緩的側邊，因此後續形成於平坦層480之上的連接部260的爬坡角度較小，能提高其鍍膜良率。當然，平坦層480的內側邊亦可不覆蓋包裹內框230的內側邊230A，也就是說，平坦層480的內側邊可以被內框230遮蔽而不外露，以提高美觀性。平坦層480可包括任何適合之絕緣材料，本實施例採用的平坦層材料，較佳是還能夠進一步改善連接部260在裝飾框220上的殘留所可能造成的短路的材料；例如當連接部260為銦錫氧化物，且裝飾框220為油墨時，則平坦層480較佳可採用光阻。另，其顏色可為透明或者任何可配合裝飾框220的顏色。此外，觸控面板400另可選擇性包括遮光層240，不同於前述實施例，本實施例之遮光層240可包括第一遮光層241與第二遮光層242，依序設置在內表面210A上且部分覆蓋裝飾框220。另，第一遮光層241之顏色較佳與裝飾層221、222、223有相近或相同之顏色，但不以此為限。在其他實施例中，第一遮光層241也可視需要而設計成具有特殊的顏色，以增加周圍區R2的色彩豐富性。第二遮光層242可由深色或光學密度較高之材料所構成，例如為黑色，以提高遮光效果。在本實施例中，各膜層的顏色及材料舉例為：內框230、深色裝飾層224及第二遮光層242選用黑色、灰色等深色光阻或油墨材料，而裝飾層221、222、223及第一遮光層241選用白色或其他光學密度較黑色低的光阻或油墨材料，但不以此為限。觸控面板400之各膜層的材料與顏色變化可參考前述本發明之第一實施例，不在此贅述。在其他實施例中，裝飾層223可更包覆第一層裝飾層221之內緣而部分覆蓋內框230並與內框230之表面相接，以增加裝飾框220接近內框230處之整體厚度，提升美觀性。再者，觸控面板400更可選擇性地包括一無機絕緣層491及/或一有機絕緣層492。無機絕緣層491全面覆蓋裝飾框220、導線270、連接部260及觸控感應元件250，以使基板210表面的這些電子元件與外部絕緣，並提供保護功能。無機絕緣層491可以為單層膜層，材料例如為氧化矽、氮化矽，也可以為複合膜層，例如為氧化矽與氮化矽材料之複合膜層。此外，無機絕緣層491可當作光學膜層，提供光學匹配之效果，使觸控面板400之視效更佳。有機絕緣層492覆蓋了部分無機絕緣層491之表面，設於無機絕緣層491與遮光層240之間，其材料例如為光阻，但不以此為限，亦可為氧化矽，藉此可以提供保護效果。另一提的是，有機絕緣層492亦可向透光觸控感應區R1方向延伸進而全面覆蓋裝飾框220、導線270、連接部260及觸控感應元件250，以達更完善之保護。

請參考第9圖，第9圖繪示了本發明之第六較佳實施例之觸控面板的示意圖。本實施例與第五實施例不同的地方在於，第9圖所示的觸控面板500所包含的平坦層580係覆蓋包覆裝飾框220的表面，包括覆蓋裝飾框220的內側邊220A與外側邊220B，以使後續形成的遮光層240與連接部260都有更好的爬坡角度，進而提升膜層的形成品質。值得注意的是，平坦層580具有一接觸洞581，接觸部260係填入接觸洞581中以與導線270電性連接。當然，平坦層580的內側邊亦可不覆蓋包裹內框230的內側邊230A，也就是平坦層580的內側邊可以被內框230遮蔽而不外露，以提高美觀性。

請參考第10圖，第10圖繪示了本發明之第七較佳實施例之觸控面板的示意圖。本實施例觸控面板501之裝飾框220包括裝飾層221、222、223依序設於基板210之內表面210B，其中裝飾層222之內緣包覆了裝飾層221之內緣而設置在內框230表面，裝飾層223之內緣包覆了裝飾層222之內緣而設置在內框230之表面。亦即，裝飾框220由下層往上層有漸漸向周圍區R2之內緣R21外擴之設計，且裝飾層221、222、223之內緣皆被內框230所遮蔽。舉例而言，相鄰裝飾層221、222、223之內緣可各自相差約0.02至1公釐，而內框230之寬度W為約0.04至4公釐，其可有效遮蔽裝飾框220之內側邊220A。再者，第10圖之遮光層240係包覆裝飾框220之內側邊220A並部分覆蓋內框230。在其他實施例中，裝飾層221、222、223之堆疊方式可以與本實施例相反，由下層往上層漸漸內縮，具有類似階梯之結構，亦即裝飾層222之內緣較裝飾層223更接近周圍區R2之內緣R21，而裝飾層221之內緣較裝飾層222更接近周圍區R2之內緣R21，此設計可以提高後續製作之導體爬坡良率。本實施例觸控面板501亦可選擇性包括導線、連接部、觸控感應元件、遮光層及平坦層，並未示於第10圖中，其設置位置、材料及製作方法可參考前述實施例，不在此贅述。

請參考第11圖，第11圖繪示了本發明之第八較佳實施例之觸控面板的示意圖。本實施例觸控面板502與第七實施例之不同處在於，當製作裝飾層221發生偏差時，第一層裝飾層221可能不會部分覆蓋內框230，亦即在垂直投影方向Z上，裝飾層221沒有與內框230重疊。在此情況下，由於內框230仍然遮蔽了裝飾框220之內側邊220A，內框230與裝飾層221的顏色對比大，且其上方仍然堆疊了裝飾層222、223，因此仍然不易看到裝飾層221的邊緣與鋸齒，能改善因製作公差而產生之外觀不良問題。本實施例觸控面板502亦可選擇性包括導線、連接部、觸控感應元件、遮光層及平坦層，並未示於第11圖中，其設置位置、材料及製作方法可參考前述實施例，不在此贅述。

請參考第12圖與第13圖，第12圖繪示了本發明之第九較佳實施例之觸控面板的上側示意圖，第13圖為第12圖所示觸控面板的部分剖面示意圖。本實施例與第一實施例之不同處在於，如第12圖與第13圖所示，本發明觸控面板600之裝飾框620包括第一裝飾層621、第二裝飾層622及第三裝飾層623係由周圍區R2之內側至外側依序設置，亦即第二裝飾層622係設置於第一裝飾層621之外側，且設置於第一裝飾層621與第三裝飾層623之間。在較佳實施例中，第一裝飾層621、第二裝飾層622及第三裝飾層623之顏色不同，但不以此為限。觸控面板600更包括一外框690，設置於基板210之內表面210B，位於內框230之外側且位於基板210與裝飾層621、622、623之間，亦即裝飾層621、622、623係設置於外框690上方。外框690包括第一外框層692與第二外框層693。外框230與內框230之間具有一間隙632，且第一外框層692與第二外框層693之間具有一間隙691。在本實施例中，間隙632與691為寬度均勻之框型圖案，而第一裝飾層621之至少一部份係設置於間隙632中(即設置於內框230與第一外框層692之間)，第二裝飾層622之至少一部份係設置於間隙691中(即設置於第一外框層692與第二外框層693之間)，第三裝飾層623之至少一部份設置於外框690之外側，且沿著周圍區R2的外緣R22設置。因此，若由基板210的觸控面210A側觀看觸控面板600，可以分別由間隙632、間隙691及外框690之外側看到不同顏色之第一、第二及第三裝飾層621、622、623，以增加觸控面板600的外觀變化，提升其美觀性。值得注意的是，第13圖中裝飾框620的各膜層厚度之舉例為：第三裝飾層623的厚度大於第二裝飾層622，而第二裝飾層622的厚度大於第一裝飾層621，亦即第三裝飾層623內緣覆蓋第二裝飾層622，第二裝飾層622內緣覆蓋第一裝飾層621，但不以此為限，在其他實施例中，第一、第二及第三裝飾層621、622、623可以具有約略相同之厚度，且不相互覆蓋。本實施例之觸控面板600可選擇性包括導線、連接部、觸控感應元件、遮光層及平坦層，並未示於第12與13圖中，其設置位置、材料及製作方法可參考前述實施例，不在此贅述。值得注意的是，在本實施例中，外框690也可視為僅包括一層外框層，但具有類似於間隙691的圖案開口，以暴露出第二裝飾層622。此外，在較佳實施例中，第一外框層692、第二外框層693與內框層231包括相同之材料、光學密度及厚度，可以由相同的方式同時製作，例如由黃光製程或網印方式製作。

請參考第14圖，第14圖為本發明之第十較佳實施例之觸控面板的外觀示意圖。如第14圖所示，觸控面板700包括內框230與外框792設置於基板(未繪出)之內表面，其中外框792設於內框230之外側，包括第一開口793、第二開口794及第三開口795。觸控面板700另包括裝飾框720，其包括第一裝飾層721、第二裝飾層722及第三裝飾層723。第一裝飾層721、第二裝飾層722及第三裝飾層723之至少一部分分別設置於第一圖案開口793、第二圖案開口794及第三圖案開口795中，因此，從觸控面板700之外側觀看，第一圖案開口793、第二圖案開口794及第三圖案開口795分別暴露出第一裝飾層721、第二裝飾層722及第三裝飾層723。根據本實施例，可以設計第一、第二及第三圖案開口793、794、795具有特殊的圖案，例如裝飾花紋，或是觸控手機上的功能圖案鍵，例如文字(例如包括字母、商標或數字等)，或是符號(例如包括圖像(icon)、幾何圖形或是孔洞等)，再配合設計第一、第二及第三裝飾層721、722、723具有互相不同的顏色，便可以使觸控面板700的外側表面有色彩豐富與多樣圖案的外觀了。在較佳實施例中，內框230與外框792緊鄰設置，可以具有相同的顏色，例如為深色或黑色，內框231與外框792由相同的材料且由同樣的製程同時製作。在其他實施例中，內框230也可選擇性地具有圖案性之開口，並在其中設置裝飾層。本實施例觸控面板700更可選擇性包括導線、連接部、觸控感應元件、遮光層及平坦層等元件(並未示於第14圖)，內框230、外框792、基板及上述其他觸控面板之元件結構、設置位置、材料及製作方式可參考前述實施例，不在此贅述。

由於本發明觸控面板在基板之內表面設計有內框，因此具有以下優點：(1)可以使周圍區內緣處具有平整的框型圖案；(2)改善傳統觸控面板表面裝飾框邊緣透光性不均或是遮光性不高之問題；(3)內框可以遮蔽裝飾框因多層裝飾層印刷公差所導致的邊緣品質不良或邊緣不齊之問題；(4)內框可以遮掩基板後續貼附顯示面板時可能產生的氣泡；以及(5)因內框提供了鍍膜的第一層爬坡階梯，可以改善後續鍍膜爬坡狀況，甚至後續裝飾層也可以共用網版，而不需特意形成緩坡，可節省製程與設計成本。再者，在本發明部分實施例中，揭露深色內框搭配深色外框的設計可以製作美觀又具多樣性的圖案開口，後續形成的不同顏色的裝飾層可以依設計分別填滿不同的圖案開口，能取代習知技術中單調的裝飾框設計。此外，在裝飾框與內框表面設置平坦層可以改善後續導電材料的爬坡，改善產品可靠性。因此，本發明可以提供兼具美觀、製作成本及可靠性的觸控面板。