网页美工电子教案讲解.ppt

网页配色的原理 网页中的色彩是最直观的了解方式之一 是网站统一风格设计的重要组成部分 网站的色彩往往给人留下深刻的印象，包括网站的色彩系列，色彩配合元素，整体色彩氛围。 举例：电影：英雄，卧虎藏龙 3.文字表达 在按钮上使用什么文字表达给用户是非常重要的。它应当简短并切中要点，并以动词开始，如：注册、下载、创建、尝试等…。 4.尺寸问题 如果它是你最重要的按钮并且你希望更多的用户点击它，那么让它更醒目些是没有坏处的。把这个按钮设计的比其他按钮更大些并让用户在更多的地方找到并点击它。 5.可“呼吸”的空间 按钮不能和网页中的其他元素挤在一起。它需要充足的margin(外边距)才能更加突出，也需要更多的padding(内边距)才能让文字更容易阅读。 在网页设计中，简约并不一定等同于极简主义者的设计美学。简约的网站只是从设计、内容、以及代码中移除了所有不必要的元素。而极简主义的网站普遍符合这一标准，有许多网站，不管你如何想象，都不会被认为是仍适合简单定义的“极简主义”。 5.4网页的简约设计 5.4.1简约设计的特点 1.简约的设计让网站更容易导航。 2. 简约的设计让页面加载更快。 3. 简约的设计让内容更容易被“浏览”。 4. 简约的网站设计和创建会更快速。 5. 简约的代码更容易避免漏洞。 6. 较小的文件意味着较少的服务器空间 5.4.2怎样使网站变得简约 ? 1.移除不必要的装饰元素 。 2.经常问自己“这些元素真的很重要吗？” 3.网站上哪些元素是可以被合并的。 4.一些页面是否可以合并成一个页面? 5.确保网站后端和前端一样的简约 5.5网页中的版式设计 探讨网页的版式设计的艺术表现方法，把握网页版式设计的发展趋势，把传统平面设计中美的形式规律同现代网页设计的具体问题相结合，将平面设计中美的基本形式和元素运用到网页中去，对于提高网页表现力、改善网站的运营效果，无疑具有重要意义。 5.5.1版式设计在网页中的艺术表现 版式设计，就是在版面上，将有限的视觉元素进行有机的排列组合，并通过理性思维，用个性化的方式表现出具有个人风格和艺术特色的视觉效果。它使得版面在传达信息的同时，也产生感官上的美感。版式设计是现代设计艺术的重要组成部分，它不仅是一种技能，更体现了技术与艺术的高度统一。随着互联网和计算机技术的不断进步，网络以其独特的优势迅速覆盖了全球。由于它的发展融合了更多的新技术，使其艺术表现形式比传统媒体更为多样，并具有一些独有特点。 1.高互动性、多维性和效果多元性 互动性是媒体的基本特征，不同媒体的互动程度和互动形式不同。为保持浏览者对网站的新鲜感，很多网站总是定期或不定期的进行改版，内容更是需要经常改变甚至“时时更新”。这就需要在保持网站视觉形象一贯性的基础上，不断创作新的网页设计作品，高互动媒体特性造成网页版式设计需要不断更新并且在设计上更要注意互动性的体现，否则其网页作品就会淹没在互联网的汪洋之中。 2.“不可控制”的效果和“DIY”的网页版式 网络应用很难制订出统一的标准，这导致网页版式设计效果的不可控制性。 网页版式甚至可以根据浏览者的喜好自主选择和改变，现在有些网站就为浏览者提供若干种排版风格方案，以供浏览者“DIY” 。 3.网络技术与艺术创意的紧密结合 毋庸置疑，网页制作的每一次进步都是技术的革新带来的，网页版式设计这种艺术则对技术有着深刻的依赖性，技术的更新不断改变着它的本质。 网络技术日新月异的发展给网页设计带来了新的表现天地。在网络世界里，技术始终起着先导作用，设计则随着它的发展而发展，技术更新对网页版式设计的影响无疑是巨大的。 1.技术的更新将使网页版式设计不断增加新的设计元素 ⑴ 表格布局将被CSS布局取代 ⑵ 新型浏览器的出现将使网页设计更趋简约 5.5.2网页版式设计的发展趋势 2. 设计方式将遵循新的要求 网页像书籍一样有文字、有图片，像电视一样有动态影画、声音，几乎融合了所有媒体的特性。预计在今后，网络不仅会作为一个独立的媒体而成长，而且会成为联系各大媒体的重要工具，处处显示出极强的生命力。同时，经验的积累和新技术的运用也将促进网页版式设计方式遵循新的要求。 ⑴ 更为注重色彩搭配 ⑵ 巧妙运用flash ⑶ 注重页面层次和版式细节 ⑷ 建立合理的“路标” 动画是一种动态的视觉上的表达、形式和结构，并随时间推移而变化。动画十分普遍，用途不尽相同，人们在计算机上、尤其是网页上和在线广告中常常可以看到。一些设计者使用动画来传递信息，并认为在有限的计算机屏幕上动画