创意web页面设计构想.ppt

版面布局 （9）综合框架型布局 上面两种结构的结合，相对复杂的一种框架结构，较为常见的是类似于“拐角型”结构的，只是采用了框架结构。 /zt2011/bjjmlbz/index.htm www.mjcy.cc 客服热线：400-625-9669 版面布局 （10）封面型布局 这种类型基本上是出现在一些网站的首页，大部分为一些精美的平面设计结合一些小的动画，放上几个简单的链接或者仅是一个“进入”的链接甚至直接在首页的图片上做链接而没有任何提示。这种类型大部分出现在企业网站和个人主页，如果说处理的好，会给人带来赏心悦目的感觉。 / /default.aspx www.mjcy.cc 客服热线：400-625-9669 版面布局 （11）Flash型 其实这与封面型结构是类似的，只是这种类型采用了目前非常游戏行的Flash，与封面型不同的是，由于Flash强大的功能，页面所表达的信息更丰富，其视觉效果及听觉效果如果处理得当，绝不差于传统的多媒体。 / www.mjcy.cc 客服热线：400-625-9669 版面布局 （11）变化型 即上面几种类型的结合与变化，比如在视觉上很接近拐角型的，但所实现的功能的实质是那种上、左、右结构的综合框架型。 /cn/homepage.asp www.mjcy.cc 客服热线：400-625-9669 用户体验 从3个方面来改善用户体验 1、页面设计 2、交互设计 3、视觉设计 www.mjcy.cc 客服热线：400-625-9669 用户体验 页面设计需要遵循的几个原则 ①少即是多： 做得越多越不好，我们需要经常告诫自己，是不是做得太多了？ 用户价值不会因为是统一了（大而全）而体现的，而是每一个单项是否能真正赢得用户的喜爱。“简单”的核心在于，做好最核心的10个，放弃其它的90个。 技术人员总希望将每个需要的不需要的功能都铺在面板上让用户看到。而好的产品总是让用户看不到技术的存在。 www.mjcy.cc 客服热线：400-625-9669 用户体验 页面设计需要遵循的几个原则 ②兼容性 浏览器的兼容性，如QQMail一直是兼容多种浏览器 IE内核类 Firefox Chrome Safari Opera www.mjcy.cc 客服热线：400-625-9669 用户体验 页面设计需要遵循的几个原则 ③无所不用其极 优秀的技术实现+优秀的网页体验=优秀的网站 ④尽可能的提升访问速度 ⑤大气的设计 ⑥满足用户个性化需求 www.mjcy.cc 客服热线：400-625-9669 用户体验 交互设计理念 ·把自己想象成一个迟钝、挑剔、易怒的傻瓜来浏览网页 ·擅长体会和学习业界优秀交互案例 ·键盘少敲一下，鼠标易于点选，鼠标少移一段，操作形成定势 ·照顾用户习惯 ·如何把新功能引入 www.mjcy.cc 客服热线：400-625-9669 用户体验 视觉设计： 大气成熟，干净整洁，工具化 简洁为主，不多用一张图片，内容清晰简单，而不是越多越好。 规范与统一 ●文字使用要规范，语法，大小，颜色，大小写都需要注意 能用一个词表达的，不用一句话。能用一句话表达清楚的，不用两句话 每个概念都只有唯一一种表达。能用一种字体颜色的，不多用一种颜色 能用一种字体大小的，不多用一种大小 ●维持统一 就算字体和行间距等小细节都应该关注到 重点突出 每个页面（板块）只有一块视觉重点。并且，突出重点，不让用户去找。 防止不恰当的低龄化 “成熟”源自合理的设计，“低龄”源自不合常理的设计。 www.mjcy.cc 客服热线：400-625-9669 用户体验 不恰当的低龄化 www.mjcy.cc 客服热线：400-625-9669 页面设计必看的13条定律 1. 250定律 拉德认为：每一位顾客身后，大体有250名亲朋好友。假如您赢得了一位顾客的好感，就意味着赢得了250个人的好感；反之，假如你得罪了一名顾客， 也就意味着得罪了250 名顾客。 在你的网站访客中，一个访客可能可以带来一群访客，任何网站都有起步和发展的过程，这个过程中此定律尤其重要。 www.mjcy.cc 客服热线：400-625-9669 页面设计必看的13条定律 2. 达维多定律 达维多认为，一个企业要想在市场上总是占据主导地位，那么就要做到第一个开发出新产品，又第一个淘汰自己的老产品。 国内网站跟风太严重，比如前段时间的格子网，乞讨网，博客网，一个成功了，大家一拥而上。但实际效果是，第一个出名