原创力文档- 1、本文档共30页，可阅读全部内容。
- 2、原创力文档（book118）网站文档一经付费（服务费），不意味着购买了该文档的版权，仅供个人/单位学习、研究之用，不得用于商业用途，未经授权，严禁复制、发行、汇编、翻译或者网络传播等，侵权必究。
- 3、本站所有内容均由合作方或网友上传，本站不对文档的完整性、权威性及其观点立场正确性做任何保证或承诺！文档内容仅供研究参考，付费前请自行鉴别。如您付费，意味着您自己接受本站规则且自行承担风险，本站不退款、不进行额外附加服务；查看《如何避免下载的几个坑》。如果您已付费下载过本站文档，您可以点击 这里二次下载。
- 4、如文档侵犯商业秘密、侵犯著作权、侵犯人身权等，请点击“版权申诉”（推荐），也可以打举报电话：400-050-0827(电话支持时间：9:00-18:30)。
- 5、该文档为VIP文档，如果想要下载，成为VIP会员后，下载免费。
- 6、成为VIP后，下载本文档将扣除1次下载权益。下载后，不支持退款、换文档。如有疑问请联系我们。
- 7、成为VIP后，您将拥有八大权益，权益包括：VIP文档下载权益、阅读免打扰、文档格式转换、高级专利检索、专属身份标志、高级客服、多端互通、版权登记。
- 8、VIP文档为合作方或网友上传，每下载1次， 网站将根据用户上传文档的质量评分、类型等，对文档贡献者给予高额补贴、流量扶持。如果你也想贡献VIP文档。上传文档
UI界面的设计与开发
摘要：近两年来，各式各样的网络电视盒子丰富了电视观
众的选择，而各类中间件简化了电视盒子的程序开发，使得普通的程序员也可以在此平台方
便的设计开发软件，以满足多样的需求。极大的市场潜力意味着有着大量的相应软件需求，
通过设计开发互动点播系统，可以提前接触到这个流行的技术领域，对于我们了解有关电视
盒子应用开发有极大的帮助。
关键词：电视盒子；定制芯片；互动；中间件；服务器
Abstract:Inthepasttwoyears,allkindsofnetworkTVboxenrichedTVaudienceschoice,and
allkindsofthemiddlewaresimplifiestheapplicationdevelopmentofTVbox,makeordinary
programmerscanalsointheplatformsoftwaredesignanddevelopment,tomeetthediverseneeds.
Greatmarketpotentialmeansthattherearealargenumberofcorrespondingsoftware
requirements,throughthedesignanddevelopmentondemandsystem,cancomeintocontactwith
thepopulartechnologyinadvance,forustounderstandaboutTVboxapplicationdevelopmentis
ofgreathelp.
Keywords:Customchipbox;interactivetelevision;middleware;server
1UI界面的设计与开发
1.1编写目的
UI是UserInterface，即用户界面的简称。而UI设计指的是对软件的人机交
互、操作逻辑以及界面的美观程度的整体设计。一个好的UI设计，不仅可以让
软件变得更加有个性和品位，还有让软件的操作变得更加人性化，简单舒服的任
务。
UI设计大体包括：一，图形设计，即传统意义上的美工。二，交互设计，也
就是软件的操作逻辑，操作流程之类的。三，用户测试，用来测试交互设计的合
1页(共30页)
理性以及图形设计的美观性。所以这里，就从这三个方面来阐述界面的设计
与开发。
1.2
UI界面设计的第一步，就是就是图形设计。我们的项目前端主要使用
HTMl+CSS来实现效果呈现，所以在图形设计时候，主要使用PhotoShop来对图
片进行切片和处理，用文本编辑器对图片进行排版设计。因为涉及到大量重复的
的图片处理步奏，我还特别为此用applescript编写了简易的图片批处理脚本，方
便在PhotoShop上的处理，提高图片设计效率。
使用PhotoShop，给我们进行图形处理提供了极大的帮助，PhotoShop的特点
有一下这些：
图在PS中进行图形设计
2页(共30页)
使用applescript编写的PS脚本
1、像素层级的编辑
像素是组成图片的最基本元素。Photoshop可以做到像素层级的编辑，功能
强大。另外，除了编辑现有图片外，用户还可以用Photoshop制作图像，例如加
入字体、向量图案等等。
2、图层功能
图层功能让图片既可以分层编辑，也可以合并图层进行统一修改。在同一个
图层内，用户可使用LayerMask功能选取套用编辑的部分。
3、动作功能
动作功能可记录一连串的编辑动作，然后应用在不同图片中。
当然PhotoShop的缺点也很明显：批量处理不方便。Pho
文档评论（0）