当前位置：首页 > 报告 > 开题报告

网站设计开题报告

时间：2026-05-12 14:20:20 阅读全文下载本文

网站设计开题报告15篇

在现实生活中，我们使用报告的情况越来越多，我们在写报告的时候要注意涵盖报告的基本要素。你知道怎样写报告才能写的好吗？以下是小编为大家整理的网站设计开题报告，欢迎阅读，希望大家能够喜欢。

网站设计开题报告1

一、网页艺术设计的内容

设计活动中包含着主观和客观两方面的因素，在确立了网页主题之后，首先要明确和熟悉设计的对象和构成的要素。网页艺术设计涉及的具体内容很多，可以概括为视听元素和版式设计两个方面。

1、视听元素

这里所说的视听元素，主要包括：文本、背景、按钮、图标、图像、表格、颜色、导航工具、背景音乐、动态影像等。无论是文字、图形、动画，还是音频、视频，网页设计者所要考虑的是如何以感人的形式把它们放进页面这个“大画布”里。多媒体技术的运用大大丰富了网页艺术设计的表现力。

以上各视听元素大多数浏览器本身都可以显示或收听，无需任何外部程序或模块支持。比如，大部分浏览器都可以显示GIF、JPEG图形和GIF89a动画。还有些多媒体文件（如MP3音乐）需要先下载到本地硬盘上，然后启动相应的外部程序来播放。另外，在浏览器使用插件（Plug-in）可以播放更多格式的多媒体文件。微软推出IE浏览器后，提供了基于OLE的ActiveX技术，用来在网页中播放多媒体。目前ActiveX已经成为热门技术。另一种播放多媒体的技术是JavaApplet。它是用Java语言编写的应用于网页之中的小应用程序，相比于插件和ActiveX，JavaApplet具有更大的灵活性和良好的跨平台能力，因此具有很好的发展前景。总之，技术的不断发展使多媒体元素在网页艺术设计中的综合运用越来越广泛，使浏览者可以享受到更加完美的视听效果。这些新技术的出现，也对网页的艺术设计提出了更高的要求。

2、版式设计

网页的版式设计同报刊杂志等平面媒体的版式设计有很多共同之处，它在网页的艺术设计中占据着重要的地位。所谓网页的版式设计，是在有限的屏幕空间上将视听多媒体元素进行有机的排列组合，将理性思维个性化的表现出来，是一种具有个人风格和艺术特色的视听传达方式。它在传达信息的同时，也产生感官上的美感和精神上的享受。

但网页的排版与书籍杂志的排版又有很多差异。印刷品都有固定的规格尺寸，网页则不然，它的尺寸是由读者来控制的。这使网页设计者不能精确控制页面上每个元素的尺寸和位置。而且，网页的组织结构不像印刷品那样为线性组合，这给网页的版式设计带来了一定的难度。

二、网页艺术设计的原则

网页作为传播信息的一种载体，同其他出版物如报纸、杂志等在设计上有许多共同之处，也要遵循一些设计的基本原则。但是，由于表现形式、运行方式和社会功能的不同，网页设计又有其自身的特殊规律。网页的艺术设计，是技术与艺术的结合，内容与形式的统一。它要求设计者必须掌握以下三个主要原则：

1、主题鲜明

视觉设计表达的是一定的意图和要求，有明确的主题，并按照视觉心理规律和形式将主题主动地传达给观赏者。诉求的目的，是使主题在适当的环境里被人们即时地理解和接受，以满足人们的实用和需求，这就要求视觉设计不但要单纯、简练、清晰和精确，而且在强调艺术性的同时，更应该注重通过独特的风格和强烈的视觉冲击力，来鲜明地突出设计主题。

根据认知心理学的理论，大多数人在短期记忆中只能同时把握４到７条分立的信息，而对多于７条的分立信息或者不分立的信息容易产生记忆上的模糊或遗忘，概括起来就是：较小而分立的信息要比较长而不分立的信息更为有效和容易浏览。这个规律蕴含在人们寻找信息和使用信息的实践活动中，它要求视觉设计者的设计活动必须自觉地掌握和遵从。

作为视觉设计范畴一种的网页艺术设计，其最终目的是达到最佳的主题诉求效果。这种效果的取得，一方面通过对网页主题思想运用逻辑规律进行条理性处理，使之符合浏览者获取信息的心理需求和逻辑方式，让浏览者快速地理解和吸收；另一方面通过对网页构成元素运用艺术的形式美法则进行条理性处理，更好地营造符合设计目的的视觉环境，突出主题，增强浏览者对网页的注意力，增进对网页内容的理解。只有两个方面有机地统一，才能实现最佳的主题诉求效果。

优秀的网页设计必然服务于网站的主题，就是说，什么样的网站，应该有什么样的设计。例如，设计类的个人站点与商业站点性质不同，目的也不同，所以评论的标准也不同。网页艺术设计与网站主题的关系应该是这样：首先，设计是为主题服务的；其次，设计是艺术和技术结合的产物，就是说，即要“美”，又要实现“功能”；最后，“美”和“功能”都是为了更好地表达主题。当然，有些情况下，“功能”即是“主题”，还有些情况下，“美”即是主题。例如，雅虎作为一个搜索引擎，首先要实现“搜索”的“功能”。它的主题即是它的“功能”。而一个个人网站，可以只体现作者的设计思想，或者仅仅以设计出“美”的网页为目的。它的主题只有一个，就是——美。

只注重主题思想的条理性而忽视网页构成元素空间关系的形式美组合，或者只重视网页形式上的条理而淡化主题思想的逻辑，都将削弱网页主题的最佳诉求效果，难以吸引浏览者的注意力，出现平庸的网页设计或使网页设计以失败而告终。

要使网页从形式上获得良好的诱导力，鲜明地突出诉求主题，具体可以通过对网页的空间层次、主从关系、视觉秩序及彼此间的逻辑性的把握运用来达到。

2、形式与内容统一

任何设计都有一定的内容和形式。内容是构成设计的一切内在要素的总和，是设计存在的基础，被称为“设计的灵魂”；形式是构成内容诸要素的内部结构或内容的外部表现方式。设计的内容就是指它的主题、形象、题材等要素的总和，形式就是它的结构、风格或设计语言等表现方式。内容决定形式，形式反作用于内容。一个优秀的设计必定是形式对内容的完美表现。正如黑格尔所说：“工艺的美就不在于要求实用品的外部造型、色彩、纹样去摹拟事物，再现现实，而在于使其外部形式传达和表现出一定的情绪、气氛、格调、风尚、趣味，使物质经由象征变成相似于精神生活的有关环境。”（黑格尔《美学》第三卷）

一方面，网页设计所追求的形式美，必须适合主题的需要，这是网页设计的前提。只讲花哨的表现形式以及过于强调“独特的设计风格”而脱离内容，或者只求内容而缺乏艺术的表现，网页设计都会变的空洞而无力。设计者只有将二者有机地统一起来，深入领会主题的精髓，再融合自己的思想感情，找到一个完美的表现形式，才能体现出网页设计独具的分量和特有的价值。另一方面，要确保网页上的每一个元素都有存在的必要性，不要为了炫耀而使用冗余的技术。那样得到的效果可能会适得其反。只有通过认真设计和充分的考虑来实现全面的功能并体现美感才能实现形式与内容的统一。

据有关资料所做的保守估计，目前在WWW ……此处隐藏31652个字……内容和应用。然而传统对于上传图片功能技术不够完善。在20xx年，新创立的Pinterest网站依托“视觉+兴趣+瀑布流”的独特社交途径大受欢迎，网站用户增长赶上了五年前的Facebook。在此基础上，更好借鉴Pinterest模式，催生属于中国基于兴趣的图片收集社交网站也应该不断发展起来，为更多需要图片的用户创造平台是很有必要的。

1.传统图片收藏功能不够完善，不便于用户查找。传统浏览模式，往往会使用户在PC的图片收藏夹里存储了大量图片,找图时却要慢慢搜寻,用U盘拷贝图片,同时嗨哟忍受图片上传的漫长时间.而如今，社交网络的兴起,让我们的文字和言论的分享更加自由,在图片收藏分享这个细分领域,我们需要更加细分，在图片格式上，国内如花瓣网等图片收集网站以带原始网页链接的方式，需要时，可以通过图片链接回到原来的网页，这使得图片的收集和存储更方便，浏览体验快速、顺畅，并且巧妙的避免了版权问题。

2.传统浏览模式单一，不够新颖，时尚。如今“视觉+兴趣+瀑布流布局”的独特图片浏览社交途径大受欢迎，这种模式能够很好地吸引用户，视觉冲击力带来更为潮流化的刺激。

3.这是一种基于强兴趣的弱社交模式，通过注册网站用户，既可以上传发表自己的作品，通过点赞，私信功能达到一种比较弱的社交关系，却更专注于兴趣的相互交流。

我希望我也能设计一个网站为众多摄影、绘画爱好者以及艺术设计师提供一个灵感激发、心得交流的平台，通过精美的界面设计以及详实的内容不断吸引更多优秀的爱好者加入，共同建设。

二、国内外研究现状及发展趋势（含文献综述）

国外，以Pinterest为例，由Pinterest名称由Pin（图钉）+Interest(兴趣)组成，网站旨在用户不断发现和分享新图片。Pinterest最为便利的是在页面底端实现自动加载而无需翻页，为用户提供在线收藏和分享视觉艺术图片的服务。她是基于视觉分享和兴趣社交的网站，是个人猎酷实用工具，用户可以把自己感兴趣的图片在网络上用图钉钉在顶板上（PinBoard）上归类收藏并与朋友分享，真正全是每个图钉背后的独特“故事”。

Pinterest打破以往图片浏览模式，如列表或者田字格，而采取瀑布流展示形式使信息更加随意，它的模式用户可以随意的蜻蜓点水式的信息获取。更适合在大量信息中漫无目的的随意获取；相对来说用户获取信息会更轻松，只要觉得好看就可以停留下来（收集）。省去了传统图片网站进行来回浏览的麻烦。Pinterest以其高质量极其视觉冲击力的图片的精巧搭配，吸引着大批受众，女性是视觉动物，倾向于感性认知，所以，Pinterest图片留尤其能引起女性的情感共鸣。以兴趣为基础，通过瀑布流展示图片的形式也让它在美工迅速穿红。成为继Twitter和Facebook之后第三大社交媒体。同时，在中国很多网站也相继崛起，步其后尘。如以蘑菇街，美丽说为首的采用瀑布流式电商网站占领一份女性市场。由于作为图片网站，中国有微博，空间，微信等关系社交网络同时也支持上传，编辑图片。所以以兴趣图谱为社交网络在中国想要占领鳌头目前还是有局限性的。但像知美网，花瓣网则相当于完全承袭了Pinterest的网页布局以及图片收藏板功能。这类网站更多作为兴趣爱好者栖居地，并非纯商类网站，不仅如此，它的界面设计简直大方，唯美舒适，深受设计人员，摄影爱好者，动漫绘画等热爱艺术人们所喜爱。

三、本课题研究内容

本课题研究前端旨在通过JavaScript编程语言完成前端与后台开发，实现用户注册、登录、安全性设置以及图片的上传、在线收藏、分类、点赞等功能。完成网站总体功能模块设计，并完成对网站的测试。

本网站的设计与开发是在如今如花瓣网，Pinterest等图片社交网站的基础上进行不针对本站功能删减增进，前端界面设计优化，后台加强图片收集，图片上传功能。

四、本课题研究方案

本网站前端与后端均使用JavaScript编程语言，遵循CommonJS模块化规范实现，配合MongoDB键值对数据库、Gulp.js等构件工具，完成用户系统以及对图片的更新、上传、收集、点赞等功能。前端采用破不留风格惊醒设计，后端采用Koa.js框架，运行在基于Google V8引擎的Node.js平台上，整体采用MVC架构，是数据与代码分离，便与开发和维护。

五、研究目标、主要特色及工作进度

本课题的目标完成为使用JavaScript编程语言实现坡卜留布局的用户界面、用户注册、登录、安全性设置以及图片上传、收集、更新、点赞。

主要包含用户系统、图片系统量大组件，具体功能表现为：用户登录、注册、安全性设置和图片上传、收集、更新、点赞。

主要特点是：为众多摄影、绘画爱好者以及艺术设计师提供一个灵感激发、心得交流的平台，通过精美的界面设计以及详实的内容不断吸引更多优秀的爱好者加入，共同建设。

六、工作进度

1．毕业设计选题。20xx.12.01-20xx.12.02

2．资料收集与整理。20xx.12.02-20xx.12.07

3．系统可行性分析，填写需求分析。20xx.12.07-20xx.12.15

4．毕业设计开题。20xx.12.15-20xx.12.1x

5．具体设计，前台页面设计，模块设计，图片加工修正，后台数据库设计，前段与后台数据库连接。代码编写和单元测试，系统综合测试。20xx.12.1x-20xx.12.30

6．技术报告和使用功能手册编写，准备答辩材料。20xx.1.02-20xx.1.15

7．进行毕业设计答辩。20xx.5.2-20xx.5.7