网站规划及首页的制作.pptx

第二次网站规划与首页设计;构成网页的基本元素包括标题、网站LOGO、banner、bottom、主体内容、功能区、导航区、广告栏等。这些元素在网页的位置安排，就是网页的整体布局。;颜色搭配原则;颜色原理;颜色原理;颜色原理;Photoshop中对应属性;色相;饱和度;明度;色彩所传达的涵义;网页安全色;网页安全色;是不是一定要用网页安全色？;艺术规律;艺术规律;颜色搭配方法; 色彩有心理暗示的作用，很多行业都有其行业色，很多品牌都有其品牌色： 例 如：就是麦当劳、肯德基这类快餐店不约而同的选择了红色作为主基调，因为红色有增进食欲的效果。红色代表热情、革命和危险；绿色代表希望、春天和环保；橙色代表活跃和快乐；紫色代表华丽、妖艳、神秘。很多品牌都有一套自己的VI，里面颜色使用都是有一套的，奥迪/灰,可口可乐/红,百事可乐/蓝;根据主色确定配色;根据主色确定配色;同种色彩搭配;同种色彩搭配;相近色色彩搭配;相近色搭配;类似色色彩搭配;类似色色彩搭配;对比色彩搭配;对比色彩搭配;对比色彩搭配;对比色彩搭配;补色色彩搭配;补色色彩搭配;补色色彩搭配;暖色与冷色色彩搭配;暖色系 　　 暖色比冷色更有亲近感。因此说来，一个较暗的暖色可能看起来和一个在数值上较亮的冷色一样亮。 　　红色 　　动力，力量，热情，爱 　　橙色 　　快乐，热情，吸引力，成功 　　黄色 　　欢乐，刺激，焦点;冷色系 　　 冷色比比暖色更有距离感。因此说来，一个较亮的冷色可能看起来和一个在数值上较暗的暖色一样亮。 　　绿色 　　清爽，新鲜，威望，凉爽，冷静， 　　蓝色 　　可靠，可信，可依赖，宁静 　　紫色 　　灵性，仪式，神秘，转生，皇权;中性色 　　 中性色对情绪的影响更小，因此常被考虑用来做客观介绍。然而，若用得好，中立色依然可以有自己的暗示。“纯”黑和“纯”白是我们的理想的“光明”和“黑暗”的色彩代表。 　　黑色 　　性感，神秘，服从，危险 　　白色 　　纯洁，无辜，恢复，中立，永恒;搭配消色; 主颜色： 主要颜色，起到在整体上显示出站点整体内容和风格的重要作用。 背景色： 用于背景的颜色。辅助颜色： 辅助主颜色的次要颜色，用于协调主颜色凝造整体气氛。突出颜色： 用于突出，强调显示，主要使用于占用范围较小的按钮、标签等处;页面尺寸： 分辨率在800x600的情况下，页面的显示尺寸为：780x428个象素； 分辨率在640x480的情况下，页面的显示尺寸为:620X311个象素； 分辨率在1024X768的情况下，页面的显示尺寸为：1007x600。;只要可能，就要避免滚动。　　用户在浏览新页面时，常常大致扫一眼页面的内容区域，而不理会导航菜单条。如果页面看起来和用户的需要无关，那么两三秒后用户总会点击“后退”按钮。 ;重复：在整个站点中重复实现某些页面设计风格。 　　重复的成分可能是某种字体、标题logo、导航菜单、页面的空白边设置、贯穿页面的特定厚度的线条等。 　　颜色作为重复成分也很有用：为所有标题设置某种颜色，或者在标题背后使用精细的背景。;用对比来吸引读者的注意力。 　　通过对比来抓住读者的注意力，例如，你可以让标题在黑色背景上反白，并且用大的粗体字（比如黑体），这与下面的普通字体（比如宋体）行成对比。另一个方法是在某段文本的背后使用一种被景色;不要使用闪烁的文本。　　除了在一些及其少见的情况下，闪烁的文本会使用户厌。 　　动画文本也是这样的，一定要非常有节制地使用。;尝试使用文本的布局协助导航。　　如果页面里包含几十个链接，那么，就要把这些连接分类，并且用不同的标题和颜色块来区分它们。;心里时刻想着站点的观众。　　哪种人会访问这个站点？他们为什么要来访问，他们的主要知识背景是什么？页面的设计和布局需要反映这些群体的不同需求。 一旦你了解了客户群体的需要，就可以分析出他们最希望看到的标题，并且利用页面布局使这些标题突出出来。当然，作一个客户调查，是很好地掌握他们关心内容的方法。;一个好的网页设计作品就必然有一个号的网页布局，那么我们来分析一下，在网页设计过程中有哪些布局类型？网页布局大致可分为“国”字型、拐角型、标题正文型、左右框架型、上下框架型、综合框架型、封面型、Flash型、变化型，下面分别论述。;1.左右框架型：这是一种左右为分别两页的框架结构，一般左面是导航链接，有时最上面会有一个小的标题或标致，右面是正文。我们见到的大部分的大型论坛都是这种结构的，有一些企业网站也喜欢采用。这种类型结构非常清晰，一目了然。 2.上下框架型：与上面类似，区别仅仅在于是一种上下分为两页的框架。;3.综合框架型：上页两种结构的结合，相对复杂的一