网页设计(规划).ppt

，he ruli网站规划和设计2012.2，网站规划主题网站类型(商务和非商务)网站结构序曲主题，企业网站，展示企业文化的企业在线窗口，企业信息，新闻，电子商务。网站类型、非企业网站涵盖的内容比电子更广，包括门户网站、个别主题网站、个人网站等。对于这样的网站，选择时应该包括哪些内容，出现哪些主题，哪些让自己易于着手。设计网站结构、序曲网站设计是一个复杂的过程，在考虑特定的工作之前，需要考虑几个问题，帮助整理我们的思想。为了构建业务站点规划站点而设想的站点规模站点的主要浏览是谁的站点设计特性投资哪些预算，有多少个性站点规划站点和其他站点颜色站点的内容站点给访问者以人为本的印象，从用户的角度设计，设计站点结构，主题站点结构是站点设计的基础。网站结构图是显示网站的结构利用图。合理的结构设计对网站规划也很重要。以下是三种常用的结构类型：分层结构：类似目录系统的树状结构。线性结构线性结构类似于数据结构的线性结构，该结构构成了以信息本身的线性顺序形式存在的信息，可以引导导航器逐步浏览整个网站文件。web结构web结构类似于internet结构，网页之间形成了网格连接，用户可以自由导航。从大门户到小个人站点，几乎所有站点都可以分为可变和可变两部分。不变性是整体风格，可变性是不断更新的内容和服务。网站地图主要由网站的逻辑模型图和网页的关系图组成。前者用于设计相对固定的网站体系结构，后者可以设计林林总网站内容，保持整体网站风格和导航习惯，同时不断丰富网站的内容，提高网站的适应性。如果把网站比作大树，网站的逻辑模型是大树的分支，网站的内容是树叶。分割信息和构建层次是我们的主要目标网站逻辑模型图设计。庞大的信息细分和合理的组织是设计网站的重要基本原则。例如，经常使用名字，而不是按照电话簿的顺序组织电话簿。建立网站可能需要一些时间来设计更有效、更合理的网站组织方式。划分信息的方法有两种，即按照从上到下、从粗到细的原则划分信息块，以确定站点所需的分支。以旅游网为例：确定要说明的几条旅游线路，细分每条线路。旅游景点、住宿设施、特色小吃详细射精住处的各个地区和环境、价格、预定情况；特色小吃的起源、品牌、价格；1.由上而下分割：此方法与之前相反，首先列出所有信息，然后逐步分割类别，从而创建站点的初步结构。以护肤品网站为例：详细了解每个品牌的产品线和用途；了解用户和他们的使用后反馈，理解他们需要知道别人的使用情况。总结有关每个品牌说明的多个方面的问题，如产品线、使用反馈、使用联盟和论坛。最后，设置要包含在网站中的护肤品品牌。web关系和web站点的逻辑关系图定义了web站点的整体层次关系，实际内容反映在内容页面上。如果不清楚如何从我们网站的一个内容页面联系到另一个内容页面，浏览可能就不太清楚了。这可能导致网站资源利用率访问者只发现网站的20%或更少。不仅访问者对这个网站不满意，而且准备好的内容还不够充分，可能会感到沮丧。，顺序关系：最简单的信息组织方法。通常返回“上一页”、“下一页”和“主页”页。常用于信息量小的网站。信息量大往往会使站点变得更加复杂，难以控制。矩阵关系：构造相关变量的好方法。但是，如果访问者对网站内容不太了解，则更难理解。通常使用“上一个”、“下一个”、“返回主页”、“上一级别”和“下一级别”进行导航。树关系：组织复杂信息的最佳方法之一。由这种关系组成的网页可以看作是整个网站级别的一种。大部分浏览器都很容易理解，但如果其水平太长，就很容易迷路。网面关系：最复杂的关系。在这种结构中，很难预测访问者如何进行网页间的跳转，实际上很少使用。网站设计和创造，网站思维过程网站创意设计，网站思维过程一般可以分为网站思想思维过程五个阶段：准备期间研究所收集的资料，根据旧经验启发新思想；孵化期通过咀嚼和消化数据，任意组合以使意识自由发展。启蒙时期结合意识的发展，创造；修订验证期将产生的创造性讨论；形成期间设计制作网页，体现创意。站点创意设计基础基于形状元素变化通用的一部分，即点和线的组合。变更面的外观；具有特定意义的形状等。基于颜色，颜色打破了人的印象，使人看起来年轻、浪漫或很受欢迎。以整体空间为标准，给人以三维、拟人等多种感觉。此外，还以抽奖活动等圆滑的名字吸引了人们的注意。所有文件名始终使用小写字母，以避免根据服务器系统混淆的web命名策略。不能使用中文。文件名之间不能有空格。文件名不能包含标点符号或特殊字符。哪个网页引人注目？结构清晰，画面简洁。绝对不能乱七八糟！除非信息量巨大的网站，否则不要让你的画充满各种各样的图片、文章和图标。要留下艺术上所谓的“空白”的一定空间。网页的内容引人注目，包含视觉冲击的图片、flash等；所谓的一击即中！网页整体风格和谐，颜色新鲜，内容清晰。让你一眼就知道你的页面要显示的内容，具体化的意义。具有个flash或动态效果，使静态页面栩栩如生！而不是给人死亡的感觉。web设计注意事项，整体性，单一性记忆：您的网站是一个统一的整体，必须很好地协调照片、颜色块、文字、线条之间的关系。(点、线、面的协调)细节决定了web设计的级别和水平。再好的想法也要注意细节，才能得到最好的结果。设计要有自己独特的风格。绘画可以吸收别人的优点，但Ctrl c，Ctrl v只能解决暂时的问题，制作好作品，必须参与自己的想法。只有有思想才能称为“设计”。顶部部分：包括徽标、菜单和横幅(图片、flash等)；内容部分：侧栏，分为正文内容；详细区分可以分为整列、2列、3列、4列等。底部：包括部分版权信息、联系信息等。在垂直结构上，可以分为一级页面(主页)、二级页面、三级页面一般网站的基本机关、文本、字体的选择主体内容(特别是动态内容)，一般用作宋体、黑体等一般字体。注意：并非所有计算机都有用户选择的字体。文本大小可以根据站点标题、徽标、导航栏、分类栏目标等重要内容使用大字体。具体内容可以使用为一般大小的12号，14号等。在特定设计中，不同大小、不同间距、颜色的文字排放可以设计出意想不到的效果！文字颜色新鲜，明亮，统一的图层感觉，回显在网站皮身体风格上。相同特性的正文内容最好使用相同的颜色。不要过分贪心！注意颜色搭配：主要内容中尽量不要使用红色、大蓝色、对比度强的颜色。我不知道有什么用，那就用最古老的白纸黑字！与照片、网站特性相呼应。不要随便厮混！例如：商业，企业网站大多选择商业照片。政治意义很强的页面选择了很多象征性的图画和象征。学校和政府机关选择的形象照片、标志建筑等很多。选择与背景颜色和网页中其他元素完美匹配的高品质图像。视觉冲击，魅力最好！网页颜色，主要颜色决定相似颜色选择颜色平衡原则黑色白色灰色使用颜色心理和情感表达，网页最常用的时尚颜色蓝色平静、客观、干净、整洁的颜色，更多地在商业网站上；绿色环境友好，优雅，有生气，给人新鲜的感觉，充满活力；橙色充满活力和热情的标准商务色调；暗红色宁需要黑色和灰色安装，以抑制沉重、严肃、高贵、刺激的红色；黑色是看起来帅气、神秘、有深度的一种颜色。个性，适合制作时尚网站。蓝白橙蓝主色调数固定。白色底部，蓝色标题栏，以橙色按钮为亮点。绿色白色蓝色绿色主色调。白色底部、绿色标题栏、蓝色或橙色按钮上的点。橙色白色红色橙色主色调。白色地板，橙色标题栏，深红色或橙色按钮作为亮点。暗黑色暗红色大师。黑色或灰色地板、深红色标题栏、文字内容背景为浅灰色。页面标题位于浏览器的标题栏中，并在标记中设置。网站标识位于标题上，反映了特性、内容、文化内涵、理念。页面大小布局大小规范化与分辨率相关。800600像素、1024768像素、1280124像素或更高。例如：如果分辨率为800*600像素，则页面大小为760*420像素会更好。如果分辨率为1024*768像素，则页面大小为955*600像素会更好。网页相关信息、页眉和页脚页眉：在网页顶部放置站点名称、徽标、目的、标语和广告。页脚：位于网页底部，放置公司联系人。导航栏位置通过以下四种方式增强了对网站的访问：左、右、上、下。多媒体声音：MIDI、WAV、MP3、AIF视频：RM、MPEG、AV、Div、SWF、web布局设计、布局原则、中心强调效果、主要和次要。和谐合理，大小呼应。图片和文字都混在一起，相辅相成。第一屏幕页面的设计所谓的“第一屏幕页面”是指打开网站主页时无需拖动屏幕右侧滚动条即可查看的