CN101419553A - 一种用户界面设计方法 - Google Patents

一种用户界面设计方法 Download PDF

Info

Publication number
CN101419553A
CN101419553A CNA2008102382096A CN200810238209A CN101419553A CN 101419553 A CN101419553 A CN 101419553A CN A2008102382096 A CNA2008102382096 A CN A2008102382096A CN 200810238209 A CN200810238209 A CN 200810238209A CN 101419553 A CN101419553 A CN 101419553A
Authority
CN
China
Prior art keywords
user interface
webpage
design method
product
making
Prior art date
Legal status (The legal status is an assumption and is not a legal conclusion. Google has not performed a legal analysis and makes no representation as to the accuracy of the status listed.)
Pending
Application number
CNA2008102382096A
Other languages
English (en)
Inventor
魏小菊
Current Assignee (The listed assignees may be inaccurate. Google has not performed a legal analysis and makes no representation or warranty as to the accuracy of the list.)
Hisense Broadband Multimedia Technology Co Ltd
Original Assignee
Hisense Broadband Multimedia Technology Co Ltd
Priority date (The priority date is an assumption and is not a legal conclusion. Google has not performed a legal analysis and makes no representation as to the accuracy of the date listed.)
Filing date
Publication date
Application filed by Hisense Broadband Multimedia Technology Co Ltd filed Critical Hisense Broadband Multimedia Technology Co Ltd
Priority to CNA2008102382096A priority Critical patent/CN101419553A/zh
Publication of CN101419553A publication Critical patent/CN101419553A/zh
Pending legal-status Critical Current

Links

Images

Landscapes

  • User Interface Of Digital Computer (AREA)

Abstract

本发明公开了一种用户界面设计方法，包括下述步骤：a.利用图片编辑工具制作产品用户界面背景图片；b.将所述背景图片插入至网页中进行网页制作，并将用户界面之间的跳转进行链接；c.将用户界面与产品底层软件数据链接，实现用户界面与数据的交互。本发明利用网页设计用户界面，提高了用户界面与用户的交互性，而且设计简单，容易实现。

Description

一种用户界面设计方法
技术领域
本发明涉及一种用户界面的设计方法，属于计算机技术领域。
背景技术
用户界面UI(User Interface)也称人机界面，是指用户和电脑程序、机器、设备及复杂工具等进行交互方法的集合。在家电产品领域，用户界面设计是屏幕产品(如机顶盒)的重要组成部分，用户通过UI指示产品执行一个特定的操作，而产品要通过UI将信息传递给用户。一个友好美观的界面会给用户带来舒适的视觉享受，拉近人与产品的距离，提高产品的销售量。现有技术在进行机顶盒等屏幕产品的用户界面设计时，设计人员大多采用程序代码的方式绘制用户界面的背景，背景中的线条、图片等均通过程序语言来实现。一般程序语言绘制的图片比较简单，设计出的用户界面较为单调，与用户的交互性较差。如果要用程序语言设计较为复杂的用户界面，则需要较大的编程工作量，而且对设计人员的水平要求较高，实现困难。
基于此，如何采用简单的技术手段实现丰富的用户界面设计，提高产品与用户的交互性，则是本发明所要解决的问题。
发明内容
本发明针对现有技术中程序语言设计用户界面存在的上述不足，提供了一种用户界面设计方法，通过网页设计用户界面，提高了与用户的交互性，而且设计简单，容易实现。
为解决上述技术问题，本发明采用以下技术方案予以实现：
一种用户界面设计方法，其特征在于，包括下述步骤：
a、利用图片编辑工具制作产品用户界面背景图片；
b、将所述背景图片插入至网页中进行网页制作，并将用户界面之间的跳转进行链接；
c、将用户界面与产品底层软件数据链接，实现用户界面与数据的交互。
根据本发明，所述步骤c具体包括下述步骤：
c1、将包括有用户界面的网页打包，然后移植到产品flash中；
c2、通过产品浏览器接口函数将用户界面与产品底层软件数据链接，实现用户界面与数据的交互。
根据本发明，所述用户界面包括有文字，所述文字可以在所述步骤a中制作背景图片时加入，也可以在所述步骤b中制作网页时加入。
根据本发明，所述图片编辑工具优选为photoshop；所述步骤b中优选采用frontpage制作网页，且所述网页的数据处理采用JavaScript语言实现。
根据本发明，所述产品浏览器为iPanel浏览器。
与现有技术相比，本发明的优点和积极效果是：利用网页设计用户界面，可以借助网页的动画效果及强大的交互功能，实现用户界面与用户的交互性，提高用户界面的友好性、美观性及多样性，提高产品的市场竞争力，而且用户界面制作简单，容易实现，提高了界面的设计效率。
附图说明
图1是本发明用户界面设计方法一个实施例的流程图。
具体实施方式
下面结合附图对本发明作进一步详细的说明。
请参阅图1所述的用户界面设计方法一个实施例的流程图。所述实施例设计用户界面的具体流程如下：
步骤S101：流程开始。
步骤S102：用phtoshop制作用户界面的背景图片。
Phtoshop是目前常用的图片编辑工具之一，功能强大，可以制作各种图层效果和样式的图片。选用phtoshop制作用户界面背景图片，不仅图片质量清晰，而且类型多样，能够满足用户不断提高的审美需求。
步骤S103：制作网页，并将上述制作好的背景图片插入至网页中。
网页制作的背景是插入图片，将步骤S102中制作好的用户界面背景图片插入至网页中。用户界面除了上述背景图片之外，还包括有文字。这些文字可以在步骤S102中制作背景图片时加入，也可以在制作网页时加入。网页制作可以选用目前常用的frontpage软件来实现，在网页制作过程中，可以根据需要插入动画等效果，网页中的数据处理采用JavaScript语言实现。
S104：在网页制作过程中，利用frontpage软件将用户界面之间的跳转进行链接。这样，可以采用快捷方式进行链接，操作方便，效率较高。
S105：用网页设计完成用户界面背景后，通过IE浏览器进行显示，观看设计效果，并检验是否符合设计要求。
S106：检验用户界面背景是否符合设计要求。如果符合设计要求，则执行下述步骤S107，否则转至步骤S102进行修改或重新制作。
S107：将包括用户界面的网页打包，移植到产品flash中。
S108：通过产品浏览器接口函数将用户界面与产品底层软件数据链接。
移植到产品flash中的用户界面需要与产品底层软件数据进行链接，可以通过产品浏览器提供的接口函数来实现。以产品浏览器为iPanel浏览器为例，接口函数有两个，一个是由底层读取数据的读接口函数iPanel.ioctlRead(order)，一个是向底层写入数据的写接口函数iPanel.ioctlWrite(order，param)。
S109：对产品用户界面进行调试。
S110：流程结束。
本发明创造性地提出采用网页制作的方式设计用户界面，可以充分利用网页制作的动画效果及强大的交互功能，实现用户界面与用户的交互性，提高用户界面的友好性、美观性及多样性，提高产品的市场竞争力。而且用户界面制作简单，容易实现，提高了界面的设计效率。
当然，以上所述仅是本发明的一种优选实施方式而已，应当指出，对于本技术领域的普通技术人员来说，在不脱离本发明原理的前提下，还可以做出若干改进和润饰，这些改进和润饰也应视为本发明的保护范围。

Claims (8)

1、一种用户界面设计方法，其特征在于，包括下述步骤：
a、利用图片编辑工具制作产品用户界面背景图片；
b、将所述背景图片插入至网页中进行网页制作，并将用户界面之间的跳转进行链接；
c、将用户界面与产品底层软件数据链接，实现用户界面与数据的交互。
2、根据权利要求1所述的用户界面设计方法，其特征在于，所述步骤c具体包括下述步骤：
c1、将包括有用户界面的网页打包，然后移植到产品flash中；
c2、通过产品浏览器接口函数将用户界面与产品底层软件数据链接，实现用户界面与数据的交互。
3、根据权利要求1所述的用户界面设计方法，其特征在于，所述用户界面包括有文字，所述文字在所述步骤a中制作背景图片时加入。
4、根据权利要求1所述的用户界面设计方法，其特征在于，所述用户界面包括有文字，所述文字在所述步骤b中制作网页时加入。
5、根据权利要求1至4中任一项所述的用户界面设计方法，其特征在于，所述图片编辑工具为photoshop。
6、根据权利要求1至4中任一项所述的用户界面设计方法，其特征在于，所述步骤b中采用frontpage制作网页。
7、根据权利要求6所述的用户界面设计方法，其特征在于，所述网页的数据处理采用JavaScript语言实现。
8、根据权利要求1至4中任一项所述的用户界面设计方法，其特征在于，所述产品浏览器为iPanel浏览器。
CNA2008102382096A 2008-12-10 2008-12-10 一种用户界面设计方法 Pending CN101419553A (zh)

Priority Applications (1)

Application Number Priority Date Filing Date Title
CNA2008102382096A CN101419553A (zh) 2008-12-10 2008-12-10 一种用户界面设计方法

Applications Claiming Priority (1)

Application Number Priority Date Filing Date Title
CNA2008102382096A CN101419553A (zh) 2008-12-10 2008-12-10 一种用户界面设计方法

Publications (1)

Publication Number Publication Date
CN101419553A true CN101419553A (zh) 2009-04-29

Family

ID=40630348

Family Applications (1)

Application Number Title Priority Date Filing Date
CNA2008102382096A Pending CN101419553A (zh) 2008-12-10 2008-12-10 一种用户界面设计方法

Country Status (1)

Country Link
CN (1) CN101419553A (zh)

Cited By (4)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN102262535A (zh) * 2011-07-18 2011-11-30 李建成 窗口背景的处理方法和系统
CN102799425A (zh) * 2012-06-19 2012-11-28 深圳市同洲电子股份有限公司 一种网页图形动画实现方法及装置
CN104461580A (zh) * 2014-12-30 2015-03-25 北京经开投资开发股份有限公司 一种Web用户界面实现方法
CN104571822A (zh) * 2015-01-08 2015-04-29 浪潮软件集团有限公司 一种界面优化方法

Cited By (4)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN102262535A (zh) * 2011-07-18 2011-11-30 李建成 窗口背景的处理方法和系统
CN102799425A (zh) * 2012-06-19 2012-11-28 深圳市同洲电子股份有限公司 一种网页图形动画实现方法及装置
CN104461580A (zh) * 2014-12-30 2015-03-25 北京经开投资开发股份有限公司 一种Web用户界面实现方法
CN104571822A (zh) * 2015-01-08 2015-04-29 浪潮软件集团有限公司 一种界面优化方法

Similar Documents

Publication Publication Date Title
CN104731584B (zh) 一种开放式数控系统人机界面可定制的组态设计方法
CN103500186B (zh) 一种在浏览器中进行图片加载的方法、装置和浏览器
WO2009158172A3 (en) Exposing non-authoring features through document status information in an out-space user interface
CN103500187B (zh) 一种在浏览器中进行图片处理的方法、装置和浏览器
CN101419553A (zh) 一种用户界面设计方法
CN103034410B (zh) 页面显示的方法及设备
Mew Learning Material Design
CN101930456A (zh) 通过浏览器创建聚合LinkUGC的方法和系统
CN109284100A (zh) 用于学科认知工具的图形化编程语言的呈现方法及系统
CN104461580A (zh) 一种Web用户界面实现方法
CN102054217A (zh) 基于元模型的工具中的实体变形
CN103383629B (zh) 一种基于html5的输入方法及装置
CN105335383A (zh) 输入信息的处理方法及装置
CN103024133A (zh) 触屏待机墙纸显示设置方法及其装置
CN104932774B (zh) 一种信息处理方法及电子设备
CN106202013A (zh) 一种网页版excel的实现方法
CN102736910B (zh) 一种基于插件的通用命令接口定义方法
CN104834715A (zh) 一种基于部件和容器的网站生成方法及系统
CN102243572A (zh) 移动互联网设备全屏键盘的实现方法
CN106126254A (zh) 一种关联的平视界面游戏编辑系统与方法
CN104407853A (zh) 一种实现table多行同时编辑的方法
CN104461615B (zh) 一种皮肤资源的处理方法及电子设备
CN111708529A (zh) 一种基于angular通过拖拽生成表单的实现方法
CN106775779A (zh) 一种Allegro软件中自动赋予via某net属性的方法
CN106095230A (zh) 一种移动终端控制方法以及终端

Legal Events

Date Code Title Description
C06 Publication
PB01 Publication
C10 Entry into substantive examination
SE01 Entry into force of request for substantive examination
C12 Rejection of a patent application after its publication
RJ01 Rejection of invention patent application after publication

Application publication date: 20090429