具体实施方式

下面将结合本申请实施例中的附图，对本申请实施例中的技术方案进行清楚、完整地描述。显然，所描述的实施例仅仅是本申请一部分实施例，而不是全部的实施例。基于本申请中的实施例，本领域技术人员在没有作出创造性劳动前提下所获得的所有其他实施例，都属于本申请保护的范围。

如图1及图2所示，图1为本申请第一实施例显示面板的截面示意图，图2为图1所示显示面板的第一色阻层和第二色阻层的局部平面示意图。显示面板100为液晶显示面板，显示面板100具有显示区100a和框胶区100b，框胶区100b围绕显示区100a设置。显示面板100包括第一基板10、第二基板20、遮光层30、色阻层40、液晶50、框胶60、第一支撑柱701、第二支撑柱702以及第三支撑柱703。第一基板10与第二基板20相对设置，框胶60位于框胶区100b且连接第一基板10和第二基板20，液晶50设置于第一基板10、第二基板20以及框胶60围合的空间中。

在本实施例中，第一基板10和第二基板20均为玻璃基板。

在本实施例中，遮光层30设置于第一基板10靠近第二基板20的一侧。具体地，遮光层30设置于第一基板10上，遮光层30包括第一遮光层301和第二遮光层302，第一遮光层301与第二遮光层302同层设置，第一遮光层301与第二遮光层302连接，第一遮光层301位于框胶区100b且为整块框状的遮光层，第二遮光层302位于显示区100a且包括网格状遮光图案3021和开口302a。其中，第一遮光层301呈矩形框状整面的设置于框胶区100b。遮光层30的制备材料为黑色有机材料。遮光层30的厚度为1.5微米-2.5微米。例如，遮光层30的厚度为2.0微米。

在本实施例中，色阻层40包括第一色阻层401和第二色阻层402，第一色阻层401与第二色阻层402同层设置，第一色阻层401位于框胶区100b且位于第一遮光层301靠近第二基板20的一侧，第二色阻层402位于显示区100a且设置于第二遮光层302的开口302a内以及网格状遮光图案3021靠近第二基板20的一侧。色阻层40的厚度为1.5微米-2.5微米。相对于传统技术，本申请通过在框胶区100b增设第一色阻层401且第一色阻层401支撑第一支撑柱701，以增加框胶区100b的盒厚的同时，保证对框胶区100b的盒厚的支撑作用。第二色阻层402为单层色阻，第二色阻层402起到滤光的作用。第一色阻层401也为单层色阻，有利于使得第一色阻层401和第二色阻层402的厚度趋于相同，进而使得显示区100a和框胶区100b的盒厚趋于相同。

需要说明的是，发明人基于大量的实验以及创造性的劳动发现，第一色阻层401的厚度与第一色阻层401的表面积(例如，第一色阻层401远离第一遮光层301的表面积，或者，第一色阻层401靠近第一遮光层301的表面积)相关，通过调整第一色阻层401的表面积，以调整第一色阻层401的厚度，进而调整第一遮光层301、第一色阻层401、第一支撑柱701以及框胶60共同支撑的框胶区100b的盒厚。

在本实施例中，第一遮光层301与第一色阻层401接触的表面积和第一遮光层301靠近第一色阻层401的表面的表面积的比值百分数等于100％，即第一色阻层401也呈整面的框状。如图2所示，第一色阻层401包括多个在行方向和列方向上接触的第一重复单元4011，第二色阻层402包括多个在行方向和列方向上接触的第二重复单元4021，多个第一重复单元4011和多个第二重复单元4021按行列阵列式排布。第一重复单元4011与第二重复单元4021均包括至少两个不同颜色的色阻单元，例如，第一重复单元4011包括依次排布的第一红色色阻R1、第一绿色色阻G1以及第一蓝色色阻B1，第一红色色阻R1、第一绿色色阻G1以及第一蓝色色阻B1中任意相邻的两个之间接触，且第一红色色阻R1、第一绿色色阻G1以及第一蓝色色阻B1中的任意一者在列方向上连续设置，每个第二重复单元4021包括依次排布的第二红色色阻R2、第二绿色色阻G2以及第二蓝色色阻B2，第二红色色阻R2、第二绿色色阻G2以及第二蓝色色阻B2中任意相邻的两个之间接触，且第二红色色阻R2、第二绿色色阻G2以及第二蓝色色阻B2中的任意一者在列方向上连续形成，第一红色色阻R1与第二红色色阻R2相同，第一绿色色阻G1与第二绿色色阻G2相同，第一蓝色色阻B1与第二蓝色色阻B2相同，使得第一重复单元4011与第二重复单元4021相同，第一重复单元4011远离第一遮光层的表面的表面积与第二重复单元4021远离第二遮光层的表面的表面积相同。可以理解的是，第一色阻层401也可以为整面的单色色阻层。第二重复单元4021的长度L和高度H为50微米-100微米。例如，第二重复单元4021的长度L和高度H均为90微米。

在本实施例中，第一支撑柱701位于框胶区100b且设置于第一色阻层401靠近第二基板20的一侧，第一支撑柱701位于框胶60内。第二支撑柱702位于显示区100a且设置于第二色阻层402靠近第二基板20的一侧，第二支撑柱702对应网格状遮光图案3021设置，第三支撑柱703位于显示区100a且设置于第二色阻层402靠近第二基板20的一侧，第三支撑柱703对应网格状遮光图案3021设置。第三支撑柱703的高度大于第二支撑柱702的高度，第二支撑柱702的分布密度大于第三支撑柱703的分布密度，第三支撑柱702起到主支撑柱的作用，第二支撑柱702起到辅助支撑柱的作用。第一支撑柱701的高度等于第二支撑柱702的高度，第一支撑柱701的分布密度大于第二支撑柱702的分布密度。第一支撑柱701、第一色阻层401、第一遮光层301以及框胶60的搭配维持的框胶区100b的盒厚与第二支撑柱702、第三支撑柱703、第二色阻层402以及第二遮光层302的搭配维持的显示区100a的盒厚趋于相同。具体地，第一支撑柱701的高度和第二支撑柱702的高度为0.2微米-0.4微米，第三支撑柱703的高度为0.3微米-0.6微米。

在本实施例中，第一支撑柱701设置于多个相邻的第一重复单元4011靠近第二基板20的一侧，使得第一支撑柱701能更好地为多个相邻的第一重复单元4011支撑。具体地，第一支撑柱701设置于四个相邻的第一重复单元4011上。

在本实施例中，第一支撑柱701设置于至少两个相邻且颜色不同的色阻单元上。具体地，每个第一支撑柱701设置于两个相邻的第一红色色阻R1、两个相邻的第一蓝色色阻B1上。相对于第一支撑柱701设置于绿色色阻上，而绿色色阻容易剥落导致对支撑柱的支撑作用较差，本实施例中将第一支撑柱701设置于红色色阻和蓝色色阻上，有利于提高第一色阻层401对第一支撑柱701的支撑稳定性。第二支撑柱702可以设置于多个相邻的第二重复单元4021上，第三支撑柱703可以随机分布，只要保证框胶区100b每个第一重复单元4011上第一支撑柱701的分布密度与显示区100a每个第二重复单元4021上第二支撑柱702的分布密度和第三支撑柱703的分布密度之和相等或相近。其中，其中，分布密度是指支撑柱与色阻层接触的面积和支撑柱分布面积的百分比。

在本实施例中，第二基板20上设置有薄膜晶体管、公共电极以及像素电极等，此处不做详述。

本实施例显示面板通过在框胶区增设整面的第一色阻层，在第一色阻层上设置第一支撑柱，第一支撑柱的高度与显示区的第二支撑柱的高度相同，改善通过切割形成显示面板过程中压低框胶区盒厚导致框胶区盒厚低于显示区盒厚出现的盒厚不均一问题，使得显示面板对应框胶区的盒厚与显示面板对应显示区的盒厚趋于相同，改善显示面板显示时周边发黄的问题。

如图3所示，其为本申请第二实施例显示面板的截面示意图。第二实施例显示面板与第一实施例中显示面板基本相似，不同之处包括，在框胶区100b，第一遮光层301与第一色阻层401接触的表面积和第一遮光层301靠近第一色阻层401的表面的表面积的比值百分数大于或等于10％且小于100％，第一支撑柱701的高度等于第三支撑柱703的高度。例如，第一遮光层301与第一色阻层401接触的表面积和第一遮光层301靠近第一色阻层401的表面的表面积的比值百分数可以为20％、30％、40％、45％、50％、60％、70％、80％以及90％。其中，第一遮光层301与第一色阻层401接触的表面积和第一遮光层301靠近第一色阻层401的表面的表面积的比值百分数越大，则第一色阻层401的厚度越大。

在本实施例中，第一色阻层401包括多个相互间隔设置的色阻岛401a，第一支撑柱701设置于色阻岛401a靠近第二基板20的一侧，任意相邻两个色阻岛401a之间设置有镂空部401b，镂空部401b使第一遮光层301暴露，色阻岛401a之间具有间隙以流平进而调整色阻岛401a的厚度，任意相邻两个色阻岛401a之间的间距相等，通过多个相互间隔设置的色阻岛401a的设计，以调整第一色阻层401的厚度在合适的范围。具体地，色阻岛401a包括多行第一重复单元4011，每行第一重复单元4011包括多个并排设置的第一重复单元4011，每个色阻岛401a中相邻的两个第一重复单元4011在行方向和列方向上接触。可以理解的是，每行第一重复单元4011也可以包括多个在行方向和列方向上间隔设置的第一重复单元4011，或者，色阻岛401a也可以为多列第一重复单元4011。

本实施例在第一遮光层301上设置色阻岛401a，在色阻岛401a上设置第一支撑柱701，以使得框胶区100b的第一遮光层301、第一色阻层401、第一支撑柱701以及框胶的搭配设计与显示区100a的第二遮光层302、第二色阻层402、第二支撑柱702以及第三支撑柱703的搭配设计保证显示面板的框胶100b和显示区100a的盒厚具有均一性。

在本实施例中，第三支撑柱703的分布密度小于或等于第一支撑柱701的分布密度。具体地，第一支撑柱701的分布密度为0.02％-3％，例如为0.08％、0.1％、0.5％、1％、1.5％、2％、2.5％以及3％。进一步地，第一支撑柱701的分布密度与第三支撑柱703的分布密度均为0.8％-1.5％。例如，第一支撑柱701的分布密度为0.25％，第三支撑柱703的分布密度为0.22％。

在本实施例中，第一重复单元4011远离第一遮光层301的表面的表面积与第二重复单元4021远离第二遮光层302的表面的表面积的比值百分数大于或等于10％且小于100％，以使得色阻岛401a的厚度在合适的范围。第一重复单元4011的表面积与第二重复单元4021的表面积的比值百分数越小，相邻色阻岛401a之间的镂空部401b的面积越大，则色阻岛401a的厚度越小。

进一步地，第一重复单元4011远离第一遮光层301的表面的表面积与第二重复单元4021远离第二遮光层302的表面的表面积的比值百分数大于或等于30％且小于或等于90％。例如，第一重复单元4011远离第一遮光层301的表面的表面积与第二重复单元4021远离第二遮光层302的表面的表面积的比值百分数为20％、30％、40％、50％、60％、70％、80％以及90％。

如图4所示，第一重复单元4011的长度为L1，第一重复单元4011的高度为H1，第二重复单元4021的长度为L，第二重复单元4021的高度为H，第一重复单元4011的长度L1等于第二重复单元的长度L，且第一重复单元4011的高度H1与第二重复单元4021的高度H的比值百分数大于或等于10％且小于100％，即通过第一重复单元4011的高度H1不同于第二重复单元4021的高度H，以控制第一重复单元4011远离第一遮光层301的表面的表面积与第二重复单元4021远离第二遮光层302的表面的表面积的比值百分数。具体地，第一红色色阻R1的长度、第一绿色色阻G1的长度以及第一蓝色色阻B1的长度均等于第一重复单元4011的长度L1的三分之一，第一红色色阻R1的高度、第一绿色色阻G1的高度以及第一蓝色色阻B1的高度均等于第一重复单元4011的高度H1，第二红色色阻R2的长度、第二绿色色阻G2的长度以及第二蓝色色阻B2的长度均等于第二重复单元4021的长度L的三分之一，第二红色色阻R2的高度、第二绿色色阻G2的高度以及第二蓝色色阻B2的高度均等于第二重复单元4021的高度H。

如表1所示，其包括传统技术中显示面板对应框胶区的第一间距和显示区的第二间距以及本实施例第一重复单元远离第一遮光层的表面的表面积与第二重复单元远离第二遮光层的表面的表面积的不同比值百分数对应框胶区的第一间距和显示区的第二间距，其中，第一间距为第一支撑柱的最高点至第一基板的距离，第二间距为第三支撑柱的最高点至第一基板的距离，传统技术是在框胶区将辅助支撑柱(第一支撑柱)设置于遮光层上且显示区将辅助支撑柱和主支撑柱(第三支撑柱)设置于彩膜层上。

表1

由表1可知，相较于传统技术，本实施例第一重复单元远离第一遮光层的表面的表面积与第二重复单元远离第二遮光层的表面的表面积的比值百分数为10％-90％时，可以减小第一间距与第二间距之间的差值，进而使得显示面板对应框胶区的盒厚与显示面板对应显示区的盒厚趋于相同。

相较于第一实施例显示面板，本实施例显示面板采用色阻岛的设计，使得色阻岛的厚度相较于第一实施例整面的第一色阻层的厚度变薄，调整色阻岛的表面积进而调整色阻岛的厚度，能更灵活地调整显示面板对应框胶区的盒厚，色阻岛的设计搭配高度与第三支撑柱相同的第一支撑柱，有利于保证框胶区的盒厚与显示区的盒厚相同。

如图5及图6所示，图5和图6所示显示面板与图4所示显示面板基本相似，不同之处在于，图5所示第一重复单元4011包括两个第一蓝色色阻B1，两个第一蓝色色阻B1可以相同，也可以不同；图6所示第一重复单元4011包括两个第一红色色阻R1，两个第一红色色阻R1可以相同，也可以不同。

如图7所示，图7所示显示面板与图5所示显示面板基本相似，不同之处在于，第一支撑柱701设置于两个相邻的第一重复单元4011的两个相邻的第一红色色阻R1和第一蓝色色阻B1上。

本申请还提供一种显示装置，显示装置包括上述任意一种显示面板和背光模组，显示面板位于背光模组的出光侧。

以上实施例的说明只是用于帮助理解本申请的技术方案及其核心思想；本领域的普通技术人员应当理解：其依然可以对前述各实施例所记载的技术方案进行修改，或者对其中部分技术特征进行等同替换；而这些修改或者替换，并不使相应技术方案的本质脱离本申请各实施例的技术方案的范围。