《网页设计项目实战完整版课件全书电子教案教材课件完整)》由会员分享，可在线阅读，更多相关《网页设计项目实战完整版课件全书电子教案教材课件完整)（63页珍藏版）》请在金锄头文库上搜索。
1、项目项目 实战实战0101项项 目目02020303040405050606 门户网站首页设计企业类网站首页设计 游戏类网站首页设计校园类网站界面设计个人网站首页设计 iOS系统APP界面设计Part one 随着科技的不断进步，互联网行业在这个时代得到了快速发展的机遇，门户网站以一种综合性的姿态出现在大众的面前，它的功能性、全面性大大解决了人们日常生活中的各种琐事。吃喝玩乐、收集信息、了解一个城市等。网站的出现，改变了我们的生活方式，也给我们的生活带来了极大的便利。未来各具特色的门户网站将会层出不穷。通过游戏门户网站的首页设计，学习门户网站相关知识，在任务实现过程中：了解门户网站的概念。理解
2、门户网站的功能。理解门户网站的分类。理解门户网站的设计原则。通过实践掌握门户网站的设计表现方法。【情境导入】在互联网快速发展的今天，全世界的网络都进入了一个快速发展的轨道，各种网站层出不穷，门户网站作为一种综合信息服务的网站应运而生。我国的门户网站经过这些年的发展，逐渐步入正轨，进入高速发展时期。本次任务主要是实现游戏门户网站的首页设计。【功能描述】使用门户网站版式的常用结构类型来设计网站界面。头部包括门户网站的logo、标题。主体包括各版块的图文链接。底部包括本站点的版权信息。技能点1 门户网站的概念1 基本简介(1)广义注解 门户，原指正门、入口的意思，门户网站就是一个Web应用框架，它将
3、各种应用系统、数据资源和互联网资源集成到一个信息管理平台之上，并以统一的用户界面提供给用户，并建立企业对客户、企业对内部员工和企业对企业的信息通道,使企业能够释放存储在企业内部和外部的各种信息。所谓门户网站，是指提供某类综合性互联网信息资源并提供有关信息服务的应用系统。门户网站最初提供搜索引擎、目录服务。由于市场竞争日益激烈，门户网站不得不快速地拓展各种新的业务类型，希望通过门类众多的业务来吸引和留住互联网用户，以至于目前门户网站的业务包罗万象，成为网络世界的“百货商场”或“网络超市”。(2)狭义注解 技能点2 门户网站的功能 网站不是为了赶一时的潮流，而是要通过互联网这个全球性的网络来宣传企
4、业、开拓市场，同时，降低企业的管理成本、交易成本和售后服务成本，并通过开展一系列的电子商务活动获得更多的利润，这些均与企业的经营目的是一致的。所以，只有把信息技术同企业的管理体系、生产流程和商务活动紧密结合起来，才能正确地建设和维护网站，并使网站发挥作用，为企业服务。在全球范围中，最为著名的门户网站有谷歌、雅虎，而在中国，最著名的四大门户网站是新浪、网易、搜狐、腾讯，其他还有百度、新华网、人民网、凤凰网等也较为著名，其中百度已经成为中国第一搜索网站。技能点3 门户网站的分类2 综合性门户网站 搜索引擎主要是从互联网上搜集信息，为用户提供强大的信息搜索功能和其他的网络服务。1 搜索引擎类门户网站
5、 综合性门户网站主要提供新闻信息、娱乐资讯，网站以新闻、供求、产品、展会、行业导航、招聘为主的集成式网站，称作行业综合门户网站 3 地方生活门户网站 地方生活门户网站主要包括地方资讯、个人草根网站、上网导航、生活社区、团购、求职等能为本地网民提供便捷服务的一类门户网站。校园综合性门户网站主要是贴近学生，以学生为主要服务对象，是近些年才开始快速发展起来的一类门户网站，包括校园最新资讯、校园团购、校园娱乐服务等。4 校园综合性门户网站技能点4 门户网站的设计原则1 logo 网站标题和logo的设计要具有一定的视觉效果，但幅面一般较小，而往往以头条新闻图片占据屏幕首要位置。2 导航 导航要清晰，以
6、文字导航为主。以用户易用、易读、易查为原则。3 内容 多利用留白划分内容框架，适当使用框图划分内容。注意图文混排的样式。文字大小、疏密排列应依据层级关系而产生变化。门户网站多以红、黄、蓝、绿或门户主色调为主，突出稳重、简洁的风格。腾讯、雅虎、网易等门户采用清爽简洁的浅色调来降低信息快速获取时的视觉干扰。4 色彩搭配2 2企业类网站首页设计Part two 当一个企业拥有一个视觉设计优秀、性能体验愉悦的网站，将会给企业带来良好的宣传效果，设计出色的网站往往可以提升企业形象，为企业带来更多商机，所以企业类网站的设计与企业未来的发展息息相关。在企业类网站界面的设计过程中，不仅要体现出企业鲜明的形象，
7、而且还要注重对企业产品和企业文化的宣传，以方便浏览者了解企业性质。通过实现万国工坊房地产企业网站首页设计制作，学习企业类网页界面设计的相关知识和设计表现方法。在任务实现过程中：了解企业类网站的概念 理解企业类网站的分类 理解企业类网站界面的构成要素 通过实践掌握企业类网站页面设计的表现方法【情境导入】随着经济与科技的飞速发展，互联网已渗透到社会的各行各业。新的网站层出不穷，旧的网站不断更新，激烈的竞争对企业类网站的设计提出了更高的要求，不仅需要技术的应用，更需要一个合理美观的界面设计。在考虑浏览者能够快速、有效地获取网站信息的同时，又可以给浏览者留下深刻的印象，从而获得美的感受。本次任务主要是
8、实现万国工坊房地产企业网站的首页设计。【功能描述】使用企业类网站版式的常用结构类型来设网站界面 头部包括企业的logo、导航、标签 主体包括各种图片和文字链接 底部包括企业的基本信息，联系方式和版权声明等技能点1 企业类网站的概念 企业类网站主要是指运用网络信息传播的特点，以网络营销为目的，在互联网上进行网站建设和企业宣传，让外界对企业有所了解，帮助企业树立一个良好的形象，并为受众提供一定的服务，是企业在互联网上进行网络建设和形像宣传的平台。目前，根据企业的行业特性、企业建站的目的以及不同的目标受众群体，企业网站大致可以分为：基本信息类、电子商务类和多媒体广告类。（1）基本信息类 该类企业网站
9、主要面向客户、业界人士或普通浏览者，以介绍企业的基本资料、帮助树立企业形象为主，也可适当提供业内的新闻或信息知识技能点2 企业类网站的分类（2）电子商务类3 反复 该类企业网站主要面向供应商、客户或者企业产品（服务）的消费群体，提供某种只属于企业业务范围的服务或交易。这样的网站可以说是正处于电子商务化的一个中间阶段，由于行业特色和企业投入的深度广度的不同，其电子商务化程度可能处于从比较初级的服务支持、产品列表到比较高级的网上支付过程中的某一阶段。（3）多媒体广告类 该类型网站主要面向需求商或企业产品（服务）的消费群体，以宣传企业品牌形象或展示自己主要产品的详细情况为主。这种类型的企业站点从主要
10、目的上来说，在注重品牌和形象的同时也重视产品的介绍。在实际应用中，很多网站往往不能简单的归为某一种类型，无论是建站目的还是表现形式都可能涵盖了两种或两种以上类型；对于这种企业网站，可以按上述类型的区别划分为不同的部分，每一个部分都基本上可以认为是一个较为完整的网站类型。技能点3 企业类网站界面的构成要素企业类网站版式的构成要素主要包括：logo、导航条、色彩、文字、banner、快速通道等。（1）LOGO是企业网站形象和内涵的重要体现，是与其他网站链接的门户与标志，因此它是构成版式设计的重要因素。（2）导航条是受众浏览网站的指南针，是连接网站中各个页面之间的枢纽，浏览者阅读网站就依靠鼠标点击导
11、航条来完成，它的成功与否将直接影响网站的成败。（3）企业类网站的色彩包括：标准色彩、文字链接色彩、图片主色彩、页面背景色和边框色彩等。色彩的选择与搭配取决于企业的性质，适当地选用能充分体现企业网站的形象与内涵。但值得注意的是在色彩搭配时，选择种类不宜过多，纯度不宜过高，要不然很容易使浏览者眼花缭乱。（4）文字主要包括网站标志、网站导航栏及网站内容，字体的可阅读性，可以大大提高整个网站的点击率。在实现字意与语言意义的基础上，就需要追求字体的美学效应，将文字图像化、意象化，可以适当地体现字体的趣味性，提高浏览者的阅读兴趣。（5）banner是指网站页面的横幅广告。banner的运用可以突出页面主题
12、，使页面的内容更加形象化和更直观的渲染了主题。在确定企业网站时，要将图片分类，可以直接地传达网站的信息。通常，精美的图片有更多的感情色彩，可以引起浏览者的共鸣。快速通道，通常是根据企业网站的性质和客户的要求进行设计，需要与版式中其他元素相协调。大多数企业网站都是把企业简介、企业新闻和联系我们作为版中快速通道的三大主题内容。3 3游戏类网站设计游戏类网站设计Part three 互联网的出现为电子游戏的发展提供了新的平台，凭借信息双向交流、速度快、不受空间限制等优势，改变了单机游戏固定、呆板的状况，让真人玩家参与游戏互动，提高了游戏的真实性和竞技性，使玩家在虚拟世界里可以发挥现实世界中无法实现的
13、潜能。游戏类网站是时下非常受到浏览者欢迎的网站类型，在网站界面设计中更注重视觉冲击力和交互体验，可以通过富有质感的视觉效果，并使用具有游戏特色的场景、配色及布局的方式来表现。通过实现石器时代游戏网站首页的制作，学习游戏类网页界面设计的相关知识和设计表现方法。在任务实现过程中：了解界面设计在游戏类网站中的意义 理解游戏类网站的分类 理解网页设计的色彩搭配原则 掌握游戏类网站页面设计的表现方法【情境导入】网络游戏作为一门新生的艺术，具有独立的美学形式和艺术结构。游戏中对交互设计感受的好坏，直接影响着玩家的游戏体验和感性判断。游戏界面作为人机交互的载体，其作用无可取代。游戏玩家对游戏的直观印象，一个
14、来自操作体验，另一个就是画面质感。游戏界面本身就是画面的一部分，其地位举足轻重。界面设计是游戏设计中非常重要的一个环节，玩家与游戏系统的直接交互就是通过界面系统完成的。游戏的界面跟产品的外观和功能一样，要能吸引玩家并且易用。在设计界面的过程中，要一直注重易用性设计原则，并且充分考虑用户感受以便随时调整界面的设计细节。本次任务主要是实现石器时代游戏的网站首页设计。【功能描述】使用游戏类网站版式的常用结构类型来设网站界面 头部包括游戏的logo、标题和一级导航 主体包括游戏入口、登陆界面 底部包括网站的基本信息，联系方式和版权声明等技能点1 网店店招设计1 店招设计思路（1）以品牌宣传为主的类型：
15、一般有着雄厚的实力，给力的产品，想要打造自己的品牌。店招元素包括品牌名称、logo、关注、收藏等。（2）以活动促销为主的店铺：薄利多销，店招风格视活动主题来定，营造出一个活动氛围。店招上适当地加入一些红包或者优惠券领取的按钮。（3）以产品推广为主的店铺：增加店铺主推产品的销量，通常在店招上放上两三款推广的产品。2 店招设计原则（1）要直观明确地告诉客户自己店铺是卖什么的，表现形式最好是实物照片。（2）要直观明确地告诉客户自己店铺的卖点（特点、优势、差异化）。3 店招设计要点（1）店铺名字利用文字传达信息，告诉客户自己是卖什么的，品牌店铺可以标榜自己的品牌。（2）实物照片利用图像传递信息，更加直
16、观形象地告诉客户自己店铺的经营内容。（3）产品特点利用简洁明了的文案直接阐述自己店铺的产品特点，第一时间打动客户、吸引客户。（4）店铺（产品）优势和差异化告诉客户店铺和产品的优势以及和其他的店铺的不同，形成差异化竞争。技能点1 界面设计在游戏类网站中的意义 随着社会经济与科技的发展，人们物质生活水平不断提高，休闲娱乐已经成为当今时代人们生活需求中非常重要的一部分，游戏是一种交互式的娱乐形式。界面设计是网页游戏人机交互的载体。网页游戏之所以深受用户的喜爱，主要是因为其无需下载就可以直接使用，而界面设计的本质就是传播一定的信息。界面设计是玩家选择游戏的重要因素。基于网页游戏数量众多，玩家在选择网页游戏时考虑的首要因素就是符合自己的预期，而玩家考虑网页游戏的前提就是要形成良好的印象，而界面视觉效果则成为玩家选择的重要依据因素。界面体现了网页游戏的内在文化。界面设计主要是根据用户的需求而进行的系列设计，是以研究用户行为方式和心理感知为基础的。技能点2 游戏网站的分类 游戏网站的设计目的在于能够快速吸引用户的体验兴趣，及时传递游戏特色和类型。目前，根据网页游戏的设计风格来分类的话，游戏网站的类型
