AIO网页设计系统教程(二)

AIO网站设计系统教程（二）作者：anylee来源：webres.cn第一节：如何构思草稿web设计其实没有想象中那么复杂，只要你知道在什么地方应该放什么东西，如何放置，如何装饰搭配，并且简单明了地向网站用户传递相关信息。更深入一点，也就是技术积累和审美积累。当你发现自己停滞不前的时候，不妨试着改变自己的习惯，反一下传统。或者尝试学习新技术来武装自己。没有改变怎么可能有进步？对于初学者对于排版、色彩和风格处于模糊的阶段，我建议可以多浏览一下国内外的优秀网站，看到特别喜欢的就去模仿。模仿阶段是必要的，特别对于我们这些没有接受过专业美术培训学习但又想学网站设计的人来说必不可少。模仿并不是抄袭，而是一个打基础的过程。培养审美、积累技术（软件应用、排版、效果）慢慢形成一个属于您自己的设计系统。所谓网站定位，就是网站主题。你的网站是什么用途？希望传递什么信息？哪怕你只是记录自己的心情或者与好友分享自己的照片，这些都属于网站的内容，同样也是网站的基本主题。内容分类，就像你的电脑文件一样，网站内容也需要分类管理。这样会更加条理清晰、一目了然，同样也为用户查找内容提供方便。试问一下，谁喜欢乱七八糟呢？现在就拿ieic首页作为例子，开始我们的AIO之旅。网站定位：一个关于工作室的网站，包括：简介、作品、联系方式。内容分类：首先是提供一个返回到首页的连接“首页”，接着是工作室简介“关于我们”、作品展示“界面美化、网站设计”、联系我们。风格定位：色彩选用了黑色主色调、粉红色、橙色、灰色作为辅助色。界面主要应用了渐变（包括：倒影、元素质感）、发光效果和阴影效果。动态化预设：导航菜单应用鼠标移上淡出效果（实现方法：JS和Flash）、广告系统（JS）、作品弹出展示效果（JS）。一般情况下，我喜欢手绘草稿。鉴于手绘能力有限，为了更加美观一点我还是选择使用Fireworks绘制一个。如图2.1：怎么样？是不是很简单，那您还犹豫什么？开始吧！待续…