设计公司网站设计方案.ppt

《设计公司网站设计方案.ppt》由会员分享，可在线阅读，更多相关《设计公司网站设计方案.ppt（13页珍藏版）》请在淘文阁 - 分享文档赚钱的网站上搜索。

1、LOGOXXX设计所网站建设设计所网站建设项目策划案项目策划案TEL:000000000000 福州网站建设 http:/ 项目背景1设计创意方案2关于XX项目名称项目名称项目简介项目名称（基页）：项目名称（基页）：项目简介项目简介 功功 能能 界界 定定 智智 能能 化化 管管 理理 网网 站站 策策 划划2.1设计目标设计目标v本次网站建设项目的建设主要是设计作品宣传，市场推广，加强用户指引，突出设计优势等为本次网站建设项目的建设主要是设计作品宣传，市场推广，加强用户指引，突出设计优势等为主，定位主，定位xx设计事务所设计设计事务所设计展示平台，因此，本次网站在设计的表现形式、界面美观性、

2、展展示平台，因此，本次网站在设计的表现形式、界面美观性、展示性上力求有所突破。示性上力求有所突破。v网站页面设计始终以网站页面设计始终以“以客户为中心以客户为中心”，总体页面设计风格，遵循室内设计行业的统一规范，总体页面设计风格，遵循室内设计行业的统一规范，并保持知性优雅，商务休闲；并保持知性优雅，商务休闲；v内容设计以活泼生动、亲和力强为主；内容设计以活泼生动、亲和力强为主；v客户体验友好、视觉效果悦目、页面设计精美，客户体验友好、视觉效果悦目、页面设计精美，v建立精练简洁的设计模式，信息和功能布局合理、提高网站的专业性建立精练简洁的设计模式，信息和功能布局合理、提高网站的专业性。v使使XX

3、设计事务所设计事务所网站整体设计达到同业领先水平。网站整体设计达到同业领先水平。v首页设计要求符合企业的首页设计要求符合企业的CI规范，页面设计简洁、尊贵，有不失于优雅、大气、经典、时尚规范，页面设计简洁、尊贵，有不失于优雅、大气、经典、时尚设计式；设计式；v对网站的总体风格进行统一规划，包括统一的界面风格、统一的企业标识、统一的规划设计标对网站的总体风格进行统一规划，包括统一的界面风格、统一的企业标识、统一的规划设计标准、统一的功能区划分、统一工作流程，统一的色调搭配等，体现统一的企业形象，体现并延准、统一的功能区划分、统一工作流程，统一的色调搭配等，体现统一的企业形象，体现并延伸到伸到CI

4、规范；规范；v适当引用超媒体技术，突出企业的行业地位及专业特色。适当引用超媒体技术，突出企业的行业地位及专业特色。2.2设计原则设计原则v内容设计内容设计v以网站导航设计与页面编排设计为主要组成部分，导航设计关系到网站内容组织的逻辑性与合以网站导航设计与页面编排设计为主要组成部分，导航设计关系到网站内容组织的逻辑性与合理性；网页编排设计关系到内容传达的有效性；理性；网页编排设计关系到内容传达的有效性；v设计良好的导航，可以良好的引导浏览者完整获取信息并得到准确、完整、清晰的内容；而良设计良好的导航，可以良好的引导浏览者完整获取信息并得到准确、完整、清晰的内容；而良好的页面设计让浏览者在信息主体

5、中重点突出重要传播信息，而不会被不合适的干扰与噪音影好的页面设计让浏览者在信息主体中重点突出重要传播信息，而不会被不合适的干扰与噪音影响传播沟通的有效性与完整性。响传播沟通的有效性与完整性。v导航设计导航设计v采用广而浅的菜单树优先于窄而浅的菜单树；采用广而浅的菜单树优先于窄而浅的菜单树；v按任务语义来组织菜单（单一菜单、线状序列、树状结构、非循环和循环的网络结构）；按任务语义来组织菜单（单一菜单、线状序列、树状结构、非循环和循环的网络结构）；v用图形、数字或标题来显示位置；用图形、数字或标题来显示位置；用选项名称来作树的标题，根据含义将选项分组；用选项名称来作树的标题，根据含义将选项分组；v

6、根据含义将选项排序，选项力求简短，以关键词开始；根据含义将选项排序，选项力求简短，以关键词开始；语法、布局、用词前后一致；语法、布局、用词前后一致；v考虑联机求助、新颖选择机制、响应时间、显示速率和屏幕尺寸。考虑联机求助、新颖选择机制、响应时间、显示速率和屏幕尺寸。v页面设计页面设计v减少显示器的视觉密度，提供使用者搜寻工具及指引；减少显示器的视觉密度，提供使用者搜寻工具及指引；v设计合理的文字区规划，增加视觉平衡感；设计合理的文字区规划，增加视觉平衡感；v避免多色彩之应用，选用清楚大方的字型，使用简明扼要的词句，使用组织化分类说明；避免多色彩之应用，选用清楚大方的字型，使用简明扼要的词句，使

7、用组织化分类说明；v避免使用复杂的图像，避免界面设计之不一致性。避免使用复杂的图像，避免界面设计之不一致性。2.3风格设计风格设计v整体风格整体风格v注重网站整体的时代感，风格时尚、鲜明；突出作品为重点注重网站整体的时代感，风格时尚、鲜明；突出作品为重点v用分级继承式设计，统一网站主体风格；用分级继承式设计，统一网站主体风格；v页面简洁明了，主次分明，结构清晰，又不失于美观、大方；页面简洁明了，主次分明，结构清晰，又不失于美观、大方；v合理的人性化应用服务流程，缩短用户的操作时间。合理的人性化应用服务流程，缩短用户的操作时间。v首页设计首页设计v简洁、大气，重点突出：网站简洁、大气，重点突出：

8、网站Logo、网站名称、主题等，力求表达准确，易于理解与辨析；、网站名称、主题等，力求表达准确，易于理解与辨析；子页面的设计风格应与主页遥相呼应；子页面的设计风格应与主页遥相呼应；v内容明晰：适合公众阅读习惯，分类清楚、重点突出、简明扼要；内容明晰：适合公众阅读习惯，分类清楚、重点突出、简明扼要；v和谐流畅：色彩过渡平稳和谐，以色块对比突出重点，以线条穿插活跃气氛，以简洁精致的图和谐流畅：色彩过渡平稳和谐，以色块对比突出重点，以线条穿插活跃气氛，以简洁精致的图片和动态元素增强冲击力。以大信息量、下载速度快的文字版提高浏览速度；片和动态元素增强冲击力。以大信息量、下载速度快的文字版提高浏览速度；

9、v设计新颖：以恰当、鲜活的设计，完美地表现出网站的购物体系，产品特点及各种功能需求设计新颖：以恰当、鲜活的设计，完美地表现出网站的购物体系，产品特点及各种功能需求v栏目设计栏目设计v遵循并延续网站统一风格；在统一的原则上，不同栏目因各自不同的特点来定制不同的表现手遵循并延续网站统一风格；在统一的原则上，不同栏目因各自不同的特点来定制不同的表现手法，突出其个性和时尚的风格；法，突出其个性和时尚的风格；v版面布局设计版面布局设计v页面布局灵活、多变，给浏览者留下深刻的印象；区别功能级别的指引，明确的板块划分；页面布局灵活、多变，给浏览者留下深刻的印象；区别功能级别的指引，明确的板块划分；v用色和谐

10、，在细微处进行精细处理，带动版面亲和力。用色和谐，在细微处进行精细处理，带动版面亲和力。2.4外观设计外观设计v功能页面设计功能页面设计v从人机界面的角度考虑页面的布局，做到导航清晰、主次分明、使用方便从人机界面的角度考虑页面的布局，做到导航清晰、主次分明、使用方便v在页面中考虑信息摆放位置的易读性和信息查询的方便；在页面中考虑信息摆放位置的易读性和信息查询的方便；v采取采取FLASH动画表现的方式，增强整个网站的视觉含金量，让浏览者感受到行业特有的专业动画表现的方式，增强整个网站的视觉含金量，让浏览者感受到行业特有的专业特色和辉煌；特色和辉煌；v外观设计外观设计v认为：网站是一种艺术，它的成

11、功之处在于展现企业内在的美感和用户对企业的深层次体验。认为：网站是一种艺术，它的成功之处在于展现企业内在的美感和用户对企业的深层次体验。因此，确定网站的外观设计是相当重要的一步。网站的访问用户对网站的第一印象来自于外观因此，确定网站的外观设计是相当重要的一步。网站的访问用户对网站的第一印象来自于外观设计的好坏。根据本次广弘鞋业的网站建设特点，网优科技将在整体外观设计上营造亲切、和设计的好坏。根据本次广弘鞋业的网站建设特点，网优科技将在整体外观设计上营造亲切、和谐、简洁、大方的风格效果。谐、简洁、大方的风格效果。v追求技术与美感相融合的创意设计，创造企业良好的网络形象。加强宣传力度。以专业的设计

12、追求技术与美感相融合的创意设计，创造企业良好的网络形象。加强宣传力度。以专业的设计与技术为客户创意与众不同的出色主页，达到客户商业建站目的。网站是企业在与技术为客户创意与众不同的出色主页，达到客户商业建站目的。网站是企业在Internet上上的形象，网站制作的水准在无形中影响客户对您的企业的看法。身为的形象，网站制作的水准在无形中影响客户对您的企业的看法。身为Internet领域的专业企领域的专业企业，主页设计与制作当然是本企业业务项目的强项。为此本企业将提供精心策划与设计，为客业，主页设计与制作当然是本企业业务项目的强项。为此本企业将提供精心策划与设计，为客户提供专业级、高水平的服务。户提供

13、专业级、高水平的服务。v色彩色彩不同的色彩搭配产生不同的效果。色彩选择设计所的不同的色彩搭配产生不同的效果。色彩选择设计所的CI规范为参考，整体采用简单明快的手规范为参考，整体采用简单明快的手法，和谐的色彩设计，采用同色系的色块对比和线条点缀的方式，表达创新精神和上升动力。法，和谐的色彩设计，采用同色系的色块对比和线条点缀的方式，表达创新精神和上升动力。2.5结构设计结构设计v网站的结构设计清晰、简洁，使得网站浏览用户能够很快的找到自己想要的信息和服务功能。网站的结构设计清晰、简洁，使得网站浏览用户能够很快的找到自己想要的信息和服务功能。v因此，设计事务所的网站建设，将采用以下原则进行结构设计

14、：因此，设计事务所的网站建设，将采用以下原则进行结构设计：v清晰易用的内容导航清晰易用的内容导航从首页到各一级栏目、二级栏目直至各页面，都有清晰易用的导航，方便在各栏目、各功能之从首页到各一级栏目、二级栏目直至各页面，都有清晰易用的导航，方便在各栏目、各功能之间进行切换，使得用户可以在第一时间找到自己关注的内容，方便系统管理人员向网站的访问间进行切换，使得用户可以在第一时间找到自己关注的内容，方便系统管理人员向网站的访问用户有效的传递重要信息。用户有效的传递重要信息。v简明易懂的页面结构简明易懂的页面结构首页和各子页面结构布局主次分明，并在统一中加以变化，网站提供的主要内容醒目明了，达首页和各

15、子页面结构布局主次分明，并在统一中加以变化，网站提供的主要内容醒目明了，达到内容明晰的目标，即：适合人们的阅读习惯、重点突出。到内容明晰的目标，即：适合人们的阅读习惯、重点突出。v合理分明的层次设计合理分明的层次设计组织各类信息时层次结构不要太深，遵循组织各类信息时层次结构不要太深，遵循“三次点击三次点击”原则，用户能够很快找到需要的信息内原则，用户能够很快找到需要的信息内容。容。引导页：根据品牌文化，设计独特的FLASH，展现出经典，专业，的独特的行业风格。FLASH技术使网站更柔和，美观。公司产品：将所有公司设计作品自定义分类，可根据不同设计风格，设定不同的展示风格。鼠标移动，设计作品列表跟随变动，点击单个设计作品，进入设计介绍页面，附文字说明，返回列表形式。（图片可美工修饰，更美观）。资讯：提供新闻发布功能，可以用以发布公司资讯、行业资讯等，增强网站整体文化气息。介绍：充分利用栏目特色，对外界宣扬公司企业文化以及介绍公司设计理念。首页首页1.1 1.1 网站功能界定（官网）网站功能界定（官网） 会员管理会员管理智能化操作智能化操作1.2：智能化管理设计所网站组织架构LOGOClick to edit company slogan.