图像的显示方法与流程

本发明是有关于一种图像的显示方法，特别是有关于将被点击的图像的显示于特定区域的图像的显示方法。

背景技术：

在网络尚未普及的时代，人们在购买商品时，几乎都是以亲自上街购物，来得到取得所想要的物品，但是这样传统的购物方式往往会用掉掉人们大量的时间，在社会脚步繁忙的现在，上街购物已经渐渐的成为现代人难以抽空进行的活动。

随着因特网时代的来临，因特网成为人们日常生活中不可或缺的一部分，各式各样不同功能的网站逐渐融入人们的日常生活中，要购物时可以联机至不同类型的购物网站(例如pchome购物、博客来网络书店、以物易物交换网)，要与朋友进行互动则可以联机至社群网站(例如facebook、plurk、twitter)，要搜寻信息则可以联机至搜索引擎(例如google、yahoo)等等。

而这当中的购物网站则包含了可以让卖家及厂商在网站上贩卖商品的购物网站或是可以让人们以物易物的物品交换网站，这些网站的出现让人们不用在花费大量的时间上街购物或挑选商品，只要联机上购物或以物易物的网站，即可在网站上浏览琳琅满目的商品，并下单购买。

而在因特网已经发展成熟的现在，各大厂商也纷纷推出各种具有上网功能的电子装置，例如智能型手机、个人行动助理(pda，personaldigitalassistant)或平板计算机等携带型电子设备，使得人们除了在家使用计算机进行购物外，更可以坐车、等人或吃饭的闲暇之余以随身携带的携带型电子设备联机上因特网并进入这些网站。

现今大部分的购物网站或是物品交换网站都是将网站数据库内所储存的商品或物品以清单式的方式列出，以供使用者浏览并挑选，这种以清单的方式列出得物品或商品通常会包含如名称、价格、图片以及说明等信息，这些信息会一并的显示在屏幕上，这些信息能够帮助用户初步的了解此商品并且可以进一步的比价，但也常因为这些额外的信息使得屏幕的画面过于杂乱往往会影响使用者在购物时的心情。

技术实现要素：

本发明的主要目的，系提供一种图像的显示方法，藉由将被点击的图像的显示于特定区域，以增加用户对图像的关注程度以提高使用者体验。

为达上述的指称的各目的与功效，本发明的一实施例揭示一种图像的显示方法，其步骤包含以电子装置开启应用程序的浏览页面，于浏览页面的至少一框架中的第一框架显示复数个图像以及点击框架中所显示的图像其中之一，应用程序使第一框架包含第一区域及第二区域，应用程序将图像显示于第一区域并将其他图像显示于该第二区域。

于本发明的一实施例中，其中至少一框架更包含一第二框架，应用程序使第一框架包含第一区域及第二区域，应用程序将图像显示于第一区域并将其他图像显示于第二区域，于点击第二框架内的图像其中之的一时，应用程序使第二框架包含第一区域及第二区域，应用程序将图像显示于第一区域并将其他图像显示于第二区域。

于本发明的一实施例中，其中图像布满该第一区域。

于本发明的一实施例中，更包含：应用程序判断第一框架的是否包含第一区域及第二区域，若是，则应用程序显示图像于第一区域并将其他图像显示于第二区域。

于本发明的一实施例中，其中该些图像的每一图像于服务器中分别对应有一图像属性，服务器中储存有对应电子装置的一兴趣属性列表，兴趣属性列表包含至少一兴趣属性，服务器依据兴趣属性列表中的至少一兴趣属性标记图像中图像属性对应至少一兴趣属性者，于第一框架中显示图像时，当应用程序判断图像中包含有被标记的图像时，应用程序使第一框架包含第一区域及第二区域，应用程序将图像中被标记者显示于第一区域并将其他图像显示于第二区域。

于本发明的一实施例中，其中该些图像的每一图像于服务器中分别对应有一图像属性，服务器中储存有对应电子装置的一兴趣属性列表，兴趣属性列表包含至少一兴趣属性，每一兴趣属性分别对应一权重，服务器依据兴趣属性列表中的至少一兴趣属性标记图像中图像属性对应至少一兴趣属性者并对应权重，于第一框架中显示图像时，当应用程序判断图像中有复数个被标记的图像时，应用程序使第一框架包含第一区域及第二区域，应用程序将被标记的图像中权重最大者显示于第一区域并将其他图像显示于第二区域。

于本发明的一实施例中，其中图像属性及至少一兴趣属性为男性用品、女性用品、婴儿用品、宠物相关物品、书籍、游戏、影音用品、玩具、电子产品、家电用品、家俱、园艺用品、运动用品、健身用品、化妆品、保养品、美食、文具用品、艺术品、古董、乐器、手工艺品、交通工具、票券、个人服务及其他物品其中之一或多者的组合。

于本发明的一实施例中，其中应用程序联机至服务器后，以一账号登入服务器。

附图说明

图1：其为本发明的第一实施例的图像的显示方法的流程图；

图2：其为本发明的第一实施例的图像的显示方法的系统示意图；

图3a：其为本发明的第一实施例的图像的显示方法的浏览页面示意图；

图3b：其为本发明的第一实施例的图像的显示方法的浏览页面示意图；以及

图4：其为本发明的第一实施例的图像的显示方法的框架中区域示意图；

图5：其为本发明的第二实施例的图像的显示方法的流程图；以及

图6：其为本发明的第二实施例的图像的显示方法的系统示意图。

【图号对照说明】

10电子装置

101浏览页面

1011第一框架

10111第一区域

10113第二区域

1013第二框架

30服务器

301数据库

501图像

502图像

503图像

504图像

505图像

506图像

具体实施方式

为了使本发明的结构特征及所达成的功效有更进一步的了解与认识，特用较佳的实施例及配合详细的说明，说明如下：

先前的技术中，由于浏览画面上信息过多会使浏览画面杂乱，影响使用者购物时的心情，因此提出一种图像的显示方法，藉由将被点击的图像的显示于特定区域，以增加用户对图像的关注程度以提高使用者体验。

在此说明本发明的第一实施例的图像的显示方法的流程，请参阅图1，其为本发明的第一实施例的图像的显示方法的流程图。如图所示，本实施例的图像的显示方法其步骤包含：

步骤s1：联机至服务器。

步骤s3：取得图像。

步骤s5：显示图像。

步骤s7：点击图像。

步骤s9：调整显示区域。

接着说明为达成本发明的图像的显示方法所需的系统，请参阅图2，其为本发明的第一实施例的图像的显示方法的系统示意图。如图所示，本发明的图像的显示方法的系统包含：一电子装置10及一服务器30。上述的电子装置10可为智能型手机、个人数字助理(pda)、平板计算机、笔记本电脑、桌面计算机等电子装置。

以下将说明本发明的第一实施例的图像的显示方法执行时的流程，请参阅图1、图2、图3a及图3b。当用户要以电子装置进行浏览时，执行步骤s1至步骤s9。

于步骤s1中，联机至服务器，电子装置10开启一应用程序后，应用程序联机至服务器30。

于步骤s3中，取得图像，服务器30发送复数个图像至电子装置10。

于步骤s5中，显示图像，如图3a所示，于应用程序的浏览页面101中的第一框架1011中显示图像501、图像502及图像503，并于第二框架1013中显示图像504、图像505及图像506。

于步骤s7中，点击图像，点击显示于浏览页面101中的图像。

于步骤s9中，调整显示区域，当图像被点击后，应用程序调整用以显示被点击的图像的框架使得用以显示被点击的图像的框架包含第一区域10111及第二区域10113，将被点击的图像显示于第一区域10111，并将框架中其他图像显示于第二区域。于本实施例中，如图3b所示，因图像501被点击，应用程序使得框架包含第一区域10111及第二区域10113，并将被点击的图像501显示于第一区域10111，图像502及图像503则显示于第二区域10113。换而言的，应用程序会调整被点击的图像的大小，使得被点击的图像布满第一区域10111，应用程序亦会调整为变点击的图像的大小，使得未被点击的图像可以平均显示于第二区域10113。

于此及完成本发明的第一实施例，藉由将被点击的图像的显示于第一区域，使得被点击的图像布满第一区域，可以增加用户对所点击的图像的关注程度，提高使用者体验。

于本发明的一实施例中，于步骤s7中，当点击图像时，应用程序判断被点击的图像所在的框架的是否已经包含第一区域10111及第二区域10113，若是，则于步骤s9中，应用程序将被点击的图像显示于第一区域10111，并将未被点击的图像显示于第二区域10113。换而言的，于本实施例中，框架内只会有一个图像显示于第一区域，当所点击的图像所显示的框架中已经包含第一区域10111及第二区域10113时，应用程序将被点击的图像显示于第一区域10111并将其他图像显示于第二区域10113。

上述的图像501～图像506可为单一一张图片的静态图像(例如png格式的图像、jpeg格式的图像或其他格式的静态图像)或由多张图片所组成的动态图像(例如gif格式的图像、swf格式的图像或其他格式的动态图像)。

以下将举例说明本发明的第一实施例使用于实际生活中的例子，请参阅图1、图2、图3a及图3b。当一用户以智能型手机(相当于电子装置10)开启应用程序时，应用程序联机至服务器(相当于服务器30)(步骤s1)，服务器发复数个图像至智能型手机(步骤s3)，应用程序将从服务器所取得的图像显示一浏览页面(相当于浏览页面1011)中的复数框架(相当于第一框架10111及第二框架10113)中(步骤s5)，点击图像(步骤s7)后，应用程序使得用以显示被点击的图像的框架包含第一区域(相当于第一区域10111)及第二区域(相当于第二区域10113)，应用程序将被点击的图像显示于第一区域10111，并将未被点击的图像显示于第二区域10113(步骤s9)。

接着说明本发明的第二实施例的图像的显示方法，请参阅图5及图6，并搭配图3b。本实施例的流程与第一实施例的流程差异在于：本实施例更包含步骤s2，且步骤s5的流程与第一实施例不同。本实施例的流程与第一实施例的系统差异在于：本实施例的系统更包含数据库301。于本实施例中，复数图像的每一图像会分对应有一图像属性，此图像属性代表图像中的所显示的物品的属性，举例而言，当图像所显示的物品为盆栽时，此图像的图像属性为园艺用品，当图像所显示的物品为计算机时，此图像的图像属性为电子产品。其余皆与第一实施例相同，于此不再赘述。

于本实施例中，于步骤s1执行完后会执行步骤s2。

于步骤s2，标记图像，电子装置10联机至服务器30后，服务器30储存有对应电子装置10的一兴趣属性列表，兴趣属性列表纪录有至少一兴趣属性，服务器30依据此兴趣属性列表中纪录的兴趣属性标记图像的图像属性对应兴趣属性者。举例而言，当兴趣属性列表纪录电子装置10所感兴趣的兴趣属性为植物时，服务器会标记图像中的图像属性为植物的图像。

于步骤s5中，当应用程序要于浏览页面101中的一第一框架1011中显示图像时，若应用程序判断要显示于第一框架1011的图像中包含有被标记的图像时(于本实施例中被标记的图像为图像501)，应用程序使得第一框架1011包含第一区域10111及第二区域10113，并将被标记的图像501显示于第一区域10111，图像502及图像503则显示于第二区域10113。换而言的，当要于框架中显示被标记的图像时，应用程序进行图像被点击时的步骤。如图3b所示，电子装置10的兴趣属性列表中纪录感兴趣的图像属性为园艺用品时，则应用程序将图像501显示于第一区域10111。

藉由本实施例，可以使得应用程序于显示图像时先将使用所感兴趣的图像放大显示，藉此用户可以较快速的关注到自己所感兴趣的图像，可以提升用户在浏览时的体验。

于本发明的一实施例中，兴趣属性列表所纪录的每一兴趣属性分别对应一权重，于步骤s2中，服务器30依据兴趣属性列表中的兴趣属性标记图像的图像属性对应兴趣属性者并对应该权重。举例而言，当兴趣属性中园艺用品的权重为10，则服务器30将图像中图像属性为园艺用品的权重设定为10。

在上述兴趣属性列表所纪录的每一兴趣属性分别对应一权重的情况下，于步骤s5中，当应用程序要于浏览页面101中的一第一框架1011中显示图像时，若应用程序判断要显示于第一框架1011的图像中包含有多个被标记的图像时，应用程序将第一框架1011包含第一区域10111及第二区域10113，并将被标记的图像中权重最大者显示第一区域10111，并将其他图像显示于第二区域10113。换而言之，当要于框架中显示被标记且权重最高的图像时，应用程序进行图像被点击时的步骤。如图3b所示，电子装置10的兴趣属性列表中纪录感兴趣的图像属性为园艺用品时，则应用程序将图像501显示于第一区域10111。藉由本实施例，可以使得应用程序于显示图像时先将使用所感兴趣且权重最大的图像放大显示，藉此用户可以较快速的关注到自己较感兴趣的图像，可以提升用户在浏览时的体验。

于本发明的一实施例中，于点击第一框架10111内的图像其中之一时，应用程序使得第一框架10111包含第一区域10111及第二区域10113，于点击第二框架10113内的图像其中之一时，应用程序调整第二框架10113的使得第二框架包含第一区域及第二区域。换而言的，点击一框架中的图像时，其他框架并不会受到影响。

于本发明的一实施例中，兴趣属性列表中的兴趣属性及兴趣属性对应的权重是由电子装置10的用户自行输入。

于本发明的一实施例中，兴趣属性列表中的兴趣属性及兴趣属性对应的权重是由服务器30纪录使用电子装置10时所点击的图像的图像属性并计算取得，详而言之，电子装置10会将每次被点击的图像的图像属性发送至服务器30，服务器30会将被点击的图像的图像属性纪录于数据库301中，并计算取得兴趣属性及兴趣属性对应的权重。举例而言，当园艺用品被电子装置10点击的次数为100次，电子产品被电子装置10点击的次数为10次，服务器30园艺用品为电子装置10感兴趣的兴趣属性，电子产品则不为电子装置10感兴趣的兴趣属性；当园艺用品被电子装置10点击的次数为100次，书籍被电子装置10点击的次数为70次，电子产品被电子装置10点击的次数为10次，服务器30园艺用品及书籍为电子装置10感兴趣的兴趣属性，电子产品则不为电子装置10感兴趣的兴趣属性；当园艺用品被电子装置10点击的次数为100次，电子产品被电子装置10点击的次数为0次，服务器30园艺用品为电子装置10感兴趣的兴趣属性且园艺用品对应的权重为100，电子产品则不为电子装置10感兴趣的兴趣属性；当园艺用品被电子装置10点击的次数为100次，书籍被电子装置10点击的次数为70次，电子产品被电子装置10点击的次数为10次，服务器30园艺用品为电子装置10感兴趣的兴趣属性且园艺用品对应的权重为100，书籍为电子装置10感兴趣的兴趣属性且书籍对应的权重为70，电子产品则不为电子装置10感兴趣的兴趣属性。

于本发明的一实施例中，兴趣属性及图像属性为男性用品、女性用品、婴儿用品、宠物相关物品、书籍、游戏、影音用品、玩具、电子产品、家电用品、家俱、园艺用品、运动用品、健身用品、化妆品、保养品、美食、文具用品、艺术品、古董、乐器、手工艺品、交通工具、票券、个人服务及其他其中之一或多者的组合

于本发明的一实施例中，图像及兴趣属性列表是储存于服务器30数据库301中。

于本发明的一实施例中，应用程序联机至服务器30后，以一账号登入服务器30。

于本发明的一实施例中，电子装置10于开启应用程序时亦可不联机于服务器，而是应用程序读取储存于电子装置10的储存单元中的图像并显示于浏览页面101中。

于本发明的一实施例中，每一图像分别对应有一物品页面，当点击显示于第一区域的图像时，应用程序开启被点击的图像对应的物品页面。

上文仅为本发明的较佳实施例而已，并非用来限定本发明实施的范围，凡依本发明权利要求范围所述的形状、构造、特征及精神所为的均等变化与修饰，均应包括于本发明的权利要求范围内。