固定轨道上移动目标自动追踪系统的设计Word文档下载推荐.docx
《固定轨道上移动目标自动追踪系统的设计Word文档下载推荐.docx》由会员分享，可在线阅读，更多相关《固定轨道上移动目标自动追踪系统的设计Word文档下载推荐.docx（35页珍藏版）》请在冰豆网上搜索。
在功能上两种风格都比较偏向信息传播的实用性及功能性。
以上两种网站风格都各有特色，值得学习。
网页的设计与本民族的文化是密切相关的，国内的网页设计目前大多以中国的传统文化元素为主流，当中穿插一些欧美日韩的设计风格。
但是就目前市场上已有的网页来说在展现中国风格的同时又难以逃离出元素生搬硬套的怪圈。
界面设计——从诞生以来很长的一段时间都没有受到设计师过多的关注，随着这几年信息的飞速发展，人们对产品的要求也比以前高了很多，从功能到操作的界面都变得很重要，界面设计也因此受到设计师广泛的关注。
一个操作简洁大方的主页会给人一个很好的感官享受，缩短人与计算机的距离，为卖家创造无限商机，同时用户能够最直观的感受到针对感官设计的魅力。
本文正是对中国风与UI设计的结合而进行设计工作
本设计面向的用户群众是青年一代的使用者，将网页的UI设计与中国风相结合。
让用户在日常使用中能够更好的了解中国的传统文化，全面提升用户在浏览网站时的认知，带来不一样的主观感受的体验。
当用户在浏览网页时不仅仅是在浏览自己想要了解的信息，更能体验到一种别样的感受，从而带来感官上的愉悦和满足，使用户感受到设计及中国传统文化的魅力。
关键词：
界面设计；
交互设计；
网页UI；
数据库；
中国风
Abstract
China'
smulti-ethnicintegrationprovidesdesignerswithdiversifieddesignmaterials,includingagreatdealofarchitecture,painting,decoration,traditionalcostumes,characters,patterns,culturalrelicsandsoforth,however,alotofwebsitedesigninChinatendstoswingbetweenEuropeandKoreawebsitedesignstyle.WebsitesinEuropeandAmericaadheretothesimplicity,plainandprecisenessofmodernism,withoutflamboyantcolorsandgaudydesignelements,andhomepageoftenuselargepicturesoranimation;
Koreawebsitemostlyusesawhitebackgroundcombinedwithtinge,suchassoftlightblue,lightgreen,andtranslucentinterface,thegaugemedium-rangewebsitegraphiclayout,astrongpracticabilityandfunctionalityininformationdissemination.Abovetwostylesofwebsiteshavetheirowncharacteristics,anditisworthlearning.However,websitedesignstylehasacloserelationshipwithnationalcharacter,aesthetictendencyandevenlanguages.Ofcourse,manysiteswillcarryforwardChinesestylesandnationalandtraditionalcharacteristicsinideasandstrategies,butinpracticeitisdifficulttoescapetherutofsimpleandroughideasandslavishlycopiedelement.
Interfacedesign,inthelongdevelopmentofsoftware,designershavepaidnoattentiontointerfacedesignwork,infact,softwareinterfacedesignisproducts’importantbuyingpoint.Asimpleandbeautifulinterfacebringsacomfortablevisualenjoyment,narrowingthedistancebetweenpeopleandcomputers,creatingasellingpointforbusinesses,andmeanwhiletheusercandirectlyfeelthecharmofthevisualdesign.ThisarticlewilldodesignworkwiththecombinationofChinesestyleandUIdesign.
user-orientedmassofmydesignareusersoftheyoungergeneration,andwebsiteUIdesignwillcombinedwithChinesestyle.Ineverydayuse,theusercanhaveabetterunderstandingoftraditionalChineseculture,toenhanceusers’cognitionwhentheybrowseawebsite,andtobringthemdifferentsubjectiveexperience.Whenauserviewsapage,heisnotonlyjusttobrowsetheinformationtheywanttoknow,butalsocanexperienceadifferentkindoffeeling,soastobringasenseofjoyandsatisfaction,andenableuserstoexperiencethecharmofdesignandtraditionalChineseculture.
Keywords：
Interfacedesign；
interactiondesign；
webUI；
database；
Chinesestyle
前言
对于中国而言，在总结、吸收并借鉴其他国家网站设计的基础上，结合我国特有的文化是十分必要的，而中国风的网站正式一种很好的表达方式。
中国审美观的独特风格。
悠久的历史和独特的地形成了“多元一体”格式的不变的民族合营体。
不论从民族学、社会学，还是政治学的方面来看，完整的历史成因才会造就中国人的审美心理。
中国风是以中国传统文化为根本再辅之以开埠至今所吸收的外来文化而成，是顺应世界发展趋向的产物。
把中国风的显现情势艺术化，在连年来特别是2008年以后，中国风开始盛行于各个范畴。
中国风一词来源自中国五千年的历史进程，继而形成具有中国特色审美的独一无二的风格。
中华民族的大家庭经过长期的历史发展形成了“多元一体”格式的超稳定的民族合营体；
中国风不仅仅是来自于华族，更有来自于中国除华族以外的民族的彼此作用的成果。
不论从民族学（人类学）、社会学，还是政治学的方面来看，华族与中国其他的民族都是从两个有差异的层次的看法，正是因为有完好无缺的历史进程才造成了现在中国人特有的审美方式以至在整个中国的文化演边历史中都是有特殊的历史文化原因和地区不同的因素。
中国风即中国的风格、在中国独有的盛行文化。
把中国风的表现情势艺术化，真正的中国风应该是深入到生活傍边，是一种平淡的、内敛的生活态度，不论是什么与中国风相关的产品都是一种“展现”的方式，和西方的“展现”艺术的方式不同。
特别是近年来不论是在文化还是在艺术上中国风都掀起了一股新的风潮。
第一章绪论
第一节网页UI设计的背景和意义
Internet发展到现在已经遍布世界各个角落，将世界上不同的领域链接到一起，并且已经成为现今最大的计算机网络。
WorldWideWeb（简称WWW）作为现在Internet上一种先进并且易于被接受的检索信息手段，发展速度自然也是十分的迅速，互联网现在已经成为全球信息最全的资源库。
根据现有资料统计，已有上百万个Web站点在Internet上完成注册并已经上线，其内容范畴包含文化产业、科研教育、新闻消息、商业出版、贸易金融、娱乐、体育等多个范畴，也拥有着人数众多的用户群。
由此可知web站点的建立对于一个机构来说是至关重要的。
这些年随着计算机的发展，用户的需求也变得越来越丰富。
数据库的出现满足了用户在很多方面的需求，此技术的出现Web站点服务也变得比以前更加人性化，内容也变得更加丰富[1]。
但与此同时也就出现了这样的问题，在用户点击某网站的站点时一般来说只对站点中某些内容感兴趣，并且这种兴趣会保持很长的时间。
这个问题很好的启发了开发者，加入能够按照用户的要求和喜好来设计出满足用户的页面，也就是意在重点表现用户所需要页面，这将使用户在使用时获得一种新的感受，而且这样的网页在于与同类网页的竞争中也显得更具有吸引力。
现在针对这点某些大型网站公司已经做出了大胆的实验，现今通常所采用的方式是，在登陆时提供一些的设置网页显示的选项供用户在登陆站点时进行选择，方便用户能够根据自己的意愿进行设置用来浏览。
但是仅仅通过登陆时让用户进行一些登陆设置来体现出一些个性化是远远不够的，并且让用户在了解一个站点具体内容之前让其对站点内容进行一些设置，结果有可能会显得过于粗糙。
于是便设想出这样一种方案，根据用户点击的先后所关联的规则，这样，当一个主题被用户点击之后，一个相关的次级页面在系统中便能够自动生成，此中包含了该主题下用户经常点击的信息内容，就能够做出不用用户自己做出过多的设置就能满足用户需求的网站。
本文主要通过Web前端的UI设计来展现出中国传统文化的博大精深。
开发者不同，做出的网页也就不同。
在网页UI的设计中，怎样才能把中国传统文化通过网也表现出来，也是我这次设计的主要内容。
[14]
第二节相关名词介绍
•HTML语言
HTML5是超级文本标记语言是标准通用标记语言下的一个应用，也是一种规范，一种标准，它通过标记符号来标记要展示的网页中的各个部分。
[9]其实网页文件自身也是一种文本文件，通过添加标记符在文本文件里，来告诉浏览器怎样来展示文本中的内容（如：
文字如何处理，画面如何安排，图片如何显示等）。
浏览器按照文本标记的次序来阅读文本以显示网页，继而依据标记符来解释并展示出文本标记的信息，对文本错误的标记将不指出错误的地方，且不会停止对文本进行执行解释的过程，开发者也仅能通过最后展示出来的结果以分析在哪里出错来进行改正。
但必须注意的是，根据浏览器内核的不同，对相同的标记符可能会有完全不同的解释，因此就展现出不同的展示结果。
[5]
二、层叠样式表CSS
CSS即是层叠样式表，是一种用来展现HTML（标准通用标记语言的一个应用）或XML（标准通用标记语言的一个子集）等文件样式的计算机语言。
CSS能够真正将网页格局展示与网页内容信息做到分离的一种样式设计语言。
CSS相对于传统HTML的表现方式而言能够对网页中对象格局的位置排版进行很精确的位置控制，并且对于所有字体字号的样式几乎都支持，对网页对象和模型样式拥有强大编辑的能力，并且能够用CSS对网页进行初步的交互设计，是就目前来说基于文本展示中最优秀的展示设计语言。
[6]CSS可以凭借开发者理解能力的不同，用来简化及优化语言写法，并且针对使用人群的差异，有着很强的的易读性。
CSS可以分为外部样式表（将网页链接到外部样式表）和内部样式表（在网页上穿件嵌入的样式表）及内联样式（应用到各个网页元素）三种使用方法。
外部样式表是当样式需要被应用到很多页面的时候所采用的理想选择。
可以通过<
linkrel=”stylesheet”type=”text/css”href=”mystyle.css”>
来连接到外部文件。
如图4-1所示
内部样式表则是当单个文件需要特别样式是使用内部样式表进行单独定义，在head部分使用<
style>
标签定义。
实现的功能是将当前网页内标签为pic的div标签的图片按特定尺寸显示避免图片过大溢出网页
内联样式一般应用在当特殊样式需要应用到个别元素是，可以试用的内联样式。
使用内联央视的方法则是在相关标签中使用样式属性，可以包含任何CSS属性。
CSS和div的相互结合使用，是现在网页设计布局的主要方法。
div用来展现内容，CSS则是来管理div展现的样子，使内容和变现变的更加合理，这样看来CSS和div可以看作网页的血与肉。
[9]
三、网页脚本语言JavaScript
JavaScript一种直译式的网页脚本语言。
内置支持类型，是一种展示动态类型及弱类型且基于原型的计算机语言。
它的解释器被称为JavaScript引擎，为浏览器的一部分，广泛应用于现今各大客户端的脚本语言。
一开始仅是在HTML（标准通用标记语言下的一个应用）网页上来使用，以此来给HTML网页增加动态功能，随着发展现在被应用途径已经不仅仅局限在HTML之中。
[7]
JS用来为网页添加各式各样的动态功能，能很好的为用户展现出特殊的界面效果，通常来说JS脚本可以通过嵌入HTML之中来实现自身所要展示的功能，当然也可以通过外部链接到网页里便于管理。
而且JS不依赖于操作系统，仅需要浏览器就能获得很好的支持，目前JS已被市场上大多是浏览器所支持。
设计中的这个墨点边用到了JS技术，在鼠标进行点击标题操作时JS对点击做出相应的响应，进而展现出绚丽的效果。
JS通过<
script>
标签来实现内部和外部链接。
四、jQuery库
jQuery是继prototype之后又一个优秀的库。
它是一个集成了Javascript的轻量级的js库，它不但兼容CSS3，还兼容现今各种主流浏览器内核（IE6.0+,FF1.5+,Safari2.0+,Opera9.0+），jQuery2.0及后续版本将不再支持IE6/7/8浏览器。
正是jQuery的出现，开发者才能加方便地通过编辑HTML（标准通用标记语言下的一个应用）来实现特效，而且还能很好的提供对AJAX的支持。
jQuery还有特别大的优势就是，它对文档的声明很齐全，并且各种应用也解释的非常详细，同时还有很多已经发展成熟的插件可以用来使用。
jQuery可以使用户的HTML的页面代码和HTML的内容进行分离，也就是说，只需要在HTML中定义id便可插入应用命令，省却了在HTML中插入大量JavaScript代码的麻烦。
jQuery本身是一个能够兼容多个浏览器内核的JavaScript库，核心是要实现用最少的代码实现最多的功能[8]。
jQuery于2006年1月最开始由美国人JohnResig在纽约的barcamp发布，之后吸引了很多全世界的JavaScript好手加入并使其更加完善，由DaveMethvin带领团队完成开发完善。
发展至现在，jQuery已经成为世界上最盛行的javascript库，在全球前10000个点击量最高的网站中有超过一半的网站在使用jQuery进行编辑来现动画效果。
并且jQuery是免费、开源的，使用MIT许可协议。
jQuery的语法简单，能让网页开发变得简单化，例如在文档的操作对象中选取DOM元素来进行编辑动画或处理对象的事件及AJAX的使用。
除此之外，jQuery还提供PI让开发者用来编辑所需应用。
方便开发者很方便的编辑出功能更强大的动静结合的网页。
[7]jQuery，顾名思义，也就是JavaScript和查询（Query），即是辅助JavaScript开发的库。
五、div标签
div标签是网页布局中常用的标签，他可以自定义文档中的分区，把文档分割为独立的，不同的部分。
不但可以用作严格的组织工具，还能不使用任何格式与其关联，将id或class来标记div，标签变得更加有效。
div是一个块级元素，内容可以自动的开始一个新行，换行也是div固有的唯一格式表现。
可以通过div的class或id应用额外的样式。
div可以为文档添加了额外的结构。
同时如果div属于同一种元素，就可以使用class=“news”来标识div标签，如果这样做不但利于在div标签中添加何时的语句来描述标签，还可以使用样式的方法来对div进行格式化操作。
六、交互设计
交互设计（英文InteractionDesign,缩写ID），是用来表现和设计人造系统的格局的设计范畴。
它包含了两个或多个能够互动的个体，之间用来便于交流的内容和结构布局，相互配合，以便达到用户要求的最终目的。
交互设计的目的是为了努力去建立人与产品及服务之间的联系的同时创造出产品与服务的意义。
以“在以社会复杂性为蓝本的物质世界中融入信息技术”为中心，交互设计可以从“可用性”和“用户体验”两个层面来举行分析，存眷“以人为本”的用户需求。
交互设计的思维方法建构于工业设计以用户为中心的方法，同时加以发展，更多地面向行为和过程，把产品看作一个事件，强调过程性思考的能力，流程图与状态转换图和故事板等成为重要设计表现手段，但更主要的还是要掌握软件与硬件之间所实现的技巧及评估方式。
交互设计是用来展是人与机械之间交流的界面。
交互设计在二十世纪八十年代作为一门以交互体验为主的新学科诞生了，它是由比尔·
摩格理吉（BillMoggridge）在1984年的一次以设计为主的交流会议上提出来的，他一开始以“软面（SoftFace）”来命名，因为这个名字很容易让人想起当时正流行的一种玩具“椰菜娃娃（CabbagePatchdoll）”，所以后来他就更名为“InteractionDesign”，即为现在所说的交互设计。
[8]
第三节创意来源
自1840年鸦片战争被大炮打开国门以来，国人面对欧美事物之时总是会有种潜在的自卑感。
中国是一个有着深厚历史积淀的文明古国，有着自己独特的文字、服饰、美术这些都是设计师眼中不可多得的素材。
网页的设计与本民族的文化是密切相关的，国内的网页设计目前大多以中国的传统文化元素为主流，其中穿插一些欧美日韩的设计风格。
[10]
中华民族的传统文化积厚流光，中国的传统文化历史悠久，并且在绘画的思维方式和表现手法上，无不真切的反映出对自然、社会、政治、品德、艺术独特的理解。
继承传统文化，并且将其推向世界，也是每个中国人心中所想。
在科学飞速发展的今天，互联网已经成为人获取信息的最主要手段之一。
[13]而能引起用户注意的则是出色的视觉效果、丰富的信息量、使用起来方便快捷的网页，这就显示出网页设计是及其重要的。
随着社会时代不断的发展，网络已逐渐变成人们、发布、快速获取和信息传播的首要途径，它在人们思想、工作、日常生活等各个领域都有着至关重要的作用。
浏览网页是用户获取信息的主要途径，由此网页的样式也陪伴着网络的迅速发展而变得至关重要，网页的UI设计也随之快速鼓起。
由于人们日常使用网络的次数日益增加，网页UI设计也就变得至关重要。
而网页UI最重要的便是结构的布局，其功能主要就是要按照一种根据用户的想法而定的方式展现给每个用户，更加方便的让用户能够快速的认识所浏览的网页包含的内容。
中国有句古话叫，“一方水土养一方人”不同的地区所流传的文化是不同的。
大到历史传统，风土人情；
小到“乡音难改”。
从分析中国语西方的设计差异及文化的融合得知，可以得出最重要就是弄明白中国与西方设计文化中区域的差异。
在地理位置上，社会上普遍认为，中国文化即是指拥有中国独有的传统文化，而西方文化指的是以西方文明为蓝本的文化。
[11]同样在相同文化的设计上，文化的差异更是因为地域的差异、时空的差异而形成了中国与西方文化极大的差异性。
第二章设计流程
第一节设计背景
中国人有着自己深厚的传统文化底蕴，从古至今在文化上已经形成了一套属于自己的体系，植根于充满内涵的东方文化。
但当前世界的文化有一个特征，一方面是文化的趋同，另一方面是提倡个性的觉醒和对特性的需要和追求，两者是相互关联的。
文化的趋同从某个方面来说是必然的，总体来说是积极的。
但是这种趋同的现象，其实并不是各国文化简单糅合到一起的结果，而是以某些富有地区为中心的，这些地区的知识、技能等方面占统治的地位。
这种统一，虽然可以促进符合东西的融合，破坏抵制的东西，但是在这种大潮流的文化下，却也导致了中国传统的文化在整体上收到了不同成都的外来文化侵蚀。
随着现在许多大同小异的风格开始在国内迅速增多，全球化的影响慢慢已经对当今的设计风格产生了很大的影响。
另一方面随着城市化的成长，人们的生活节奏也不停的加速。
当今年轻人对审美的要求也变得日新月异。
从二十一世纪开始，人类便迈入了“信息爆炸时代”，各种形式都可以成为信息的传播方式。
尤其是Internet的兴起，让信息之间的交流达到了新的高度。
道琼斯高级副总裁贺开宇在国际广告大会上曾说过“在中国，我能真切的感受到这里信息的爆炸，伴随着新世纪的到来，人们在展示自己的同时也获得了新的选择。
”这不仅仅代表着人们可以获得新的选择机会，网页设计也是一样。
在这样一个信息爆炸的年代，我们每天都会接收到海量的信息，浏览web已经成了日常生活中必不可少的一部分。
见得多，思考的也就多，进而创新的想法就更多，思维自然也会随之更加活跃。
[15]目前随着民族意识的复兴，社会上掀起了中国风的浪潮。
随着发展国人变得自信，自身民族的意识也不断觉醒，民族意识的觉醒也迫使了设计师在设计中大量投入包含“中国风”的元素。
[12]此设计正是在这样的背景下设计出来的。
第二节面向对象
设计一个网页UI，使用户面对网页的浏览变得不再枯燥乏味。
随着信息的飞速发展，网络与人们的生活已经变得密不可分。
因特网的出现更是加快了世界各地之间的交流，在这个大环境下，年轻人接受新鲜事物远远要比上年纪的人容易的多。
通过因特网中国的年轻人可以和其他地方的年轻人
升级会员 