网站的创意与策划培训课件.pptVIP

第八章 网站的创意与策划 网站类型 资讯类网站 特点： 1、页面信息量大，很高，屏数多 2、重要信息放顶部 3、内容以文字形式为主 4、布局紧凑，中规中矩 布局： 以三栏或四栏竖排为主 色彩： 以红，黄，蓝为主，稳重 要点： 文字排版 内容层级展现 电子商务类网站 特点： 1、产品信息量大 2、图文结合 3、有哪些信誉好的足球投注网站、购物车等功能模块多 布局： 以两栏或三栏竖排为主 色彩： 搭配鲜亮 活泼 色彩丰富 自由度大 要点： UI图标 以商业功能为导向 互动游戏类网站 特点： 1、以图片为主 视觉冲击力强 2、内容少 功能比较固定 布局： 多以两栏为主 色彩： 以游戏环境色为主 强烈 刺激 要点： UI特效 色彩 教育类网站 特点： 1、介绍性内容多 2、首页一般突出文化气息 布局： 横向布局比较多 页面短 色彩： 以绿色、蓝色较多 同一网站色彩不宜杂乱 要点： 规整 重功能 功能型网站 特点： 1、布局简单 学问多 2、用户体验很重要 3、精神感受和粘合度高 布局： 简单明了 强调功能 色彩： 平和、简约、养眼 要点： 用户体验 简约 功能第一 企业型网站 特点： 1、突出企业文化 2、展现企业产品 3、提高客户的认知度 布局： 横向布局多 色彩： 以企业的VI色为主 要点： 体现企业特色 风格个性化 必威体育精装版网页设计趋势 响应式网页设计 响应式网页设计就是要让网站能够适应所有分辨率。不管你使用什么分 辨率，网站的要素都能够重新组织以形成良好的视觉效果。同样的网站 在大屏幕显示器上和在手机上都能很好地显示。 CSS3几乎能将所有网页设计转变为“响应式”网页设计。 http://mediaqueri.es/这里推荐了一些比较优秀的响应式设计案例 固定的头部条目 使用CSS position:fixed属性是使你的头部条目固定在网站最好的方法。 当用户往下滚动你网页的时候，此方法会提供一个静止不动的导航和一 个回主页的路径。 这个固定的条目提供了一个减小操作网站距离感的特别用户体验。 人人小站 花瓣网 美丽说 17 大图片背景 使用超大图片来作为背景的这种想法，是获取用户注意力极佳的方法。 当大图赏心悦目的时候我就慢慢的喜欢上了它们，当你把这种大图做背 景的想法融合进你的设计的时候，这样的设计技术，在市场上会使你的 网站显得更专业。 恒大·海上威尼斯 About me QQ2013 18 更多空白 给读者更多空白空间，这一趋势在2012年就开始了，响应式设计以及现 在推崇的干净式美学，这些白色空间看起来庄重高雅，而谁又不希望自 己的网站看起来而有内涵呢？ Myspace 19 全屏排版 随着我们的显示屏幕越来越大，全屏排版更具有视觉冲击力！大图大文 字横向延伸加载，有一种看大片的全新视觉体验。 Myspace 网易聚合阅读 20 圆圈元素设计 这一圆圈设计趋势在网站布局是比较新的且已经被赋予了很多的关注。 设计师喜欢圆圈设计，因为它们干净、整洁，一般适合任何块状布局。 你可以构建你的圆形或者把你的页面元素更改为圆形设计（例如用户头 像、分享按钮、发表日期等等）。 Column Five QQ应用中心 21 扁平化设计 这一概念其实早在几年前就已经开始流行。在 iOS 7 发布之后，这股风 潮估计暂时是不会退去了。当然，除了移动产品的界面设计之外，网站 设计也是扁平化设计占领高地的一部分。 一淘 QQ音乐 Outlook 22 纹理背景 纹理图案背景在网络上没有什么新鲜的。但是，最近几个月这种技术已 经出现了有趣的变化。我指的是“微型纹理”， 是微妙的，几乎不明显 的背景纹理。这些小的细颗粒是让一个网站有质感的最好方法。 花瓣 淘宝专题页(很多) 新浪微访谈 360棋牌 23 色块方格设计 这一设计方法主要是引入了方块的网格设计，这些方块要嘛是纯色块配 上文字，要嘛是方形照片配上文字。 「简洁」是吸引用户的一大原因，而不同