界面设计.创新.ppt

用艳丽的三角形对页面进行划分、拼贴。大小的组合，色块的对比，能够带给用户强烈的视觉冲击力。在搭配的时候，注意主次，以一个大的形状为主，给内容摆放留下足够空间，与其他辅助的小形状相区别。 * 经常面对需求方这里是重点、那也是重点、那那那也挺重要，统统需要突出的要求，对于主题比较明快的页面 可以考虑将版块用不同颜色来区别，通过色块来强化页面版式和布局，难度较大的是在色彩搭配上要取得平衡。 上图，版式在页面都以块来体现，没有什么效果，为了突出重点，在重要区域选择了饱和度较高的红黄绿三个颜色，产生明确的视觉中心，让用户能够按照我们希望的那样阅读下去。但对比色调容易造成不和谐，红黄绿之间加上灰底的中性色来调和一下就显得不会突兀了 * 当使用四到五种纯色进行搭配的时候，注意只要色相、纯度、明度三个属性中有一个属性是基本相同或者接近，搭配起来基本上都不会觉得太牵强。 * Societe Generale银行使用照片作为其网站上的主要艺术元素，强调了公司为每个人提供个性服务的理念。主要的导航嵌在了图片中，但是通过在图片上新加一层使得导航可以很清楚的被发现。 * 图1 /女人频道的定位是知性 ，所以这个banner设计风格也是很贴切的。图2 /历史频道的专题，做出厚重沧桑的历史感还是很切题的。 * 从构成上讲，一个banner分为2个部分，一为文字，二为辅助图。辅助图虽然占据大多数的面积，但是不加以文字的说明，很难让用户知道这个banner要说明什么。要读一个人的喜怒哀乐，只要读其五官即可。在一个banner里面，标题文字起着五官一样的作用，所以个人觉得文字才是整个banner的主角。所以对于文字的处理，显得尤为重要，在文字处理时有几个小技巧，与大家分享。 * 长标题的时候，如果把‘征集各种端午风俗’排成一行，就会显得没有主次，也很有吸引力。这里把‘端午’这个最重要的信息提出来，让用户很容易进入环境，然后让他们继续了解更多的信息。这里还要说一个小技巧，我这里‘征集各种’、‘端午’、‘风俗’这三个词虽然分别用了3种字体，但还是能读出‘征集各种端午风俗’这是一断话，因为同一个红色起到了很大的作用。 这个banner附加了一些英文来丰富画面，让画面充满丰富的同时，充满生气。 * 两者的区别在于字体发生了变化,但传达出的产品气质却大相径庭。”领动”是一个商务产品,但这个 banner的字体显然不能表达商务人士干净利索的做事风格，对产品的信任感自然就会降低，信任感缺失，表达的文案也就没有了任何意义。 　　所以，设计的风格要去迎合访问者的喜好。打个比方，粉色肯定不能用在军事网站，红色也不能作为医疗网站的主色调 。 产品的视觉气质就是一种信息的表达。 互 * 对比两个banner，抛开一些细节的推敲，第二张图片传达的信息明显比第一张要通俗易懂，设计师不能够主观的代表用户的审美认知能力，还原物件的真实情感，呈现最真实的产品图片，是一种很直接的信息表达方法。 * 直接以摄影作品的网站 ·顾及需求方的频道定位 banner设计 二 明白文字在Banner中占主导地位 banner文字阐述专题主题，是绝对的主角。 对主标题的断词比较巧妙，文字集中，主次明显，且文字与辅助图案相互呼应，统一感很好。 1， 文字+背景陪衬两段式。特点突出文字，视觉集中文字，报道感强。 2， 文字+主体物的两段式，文字图案相辅相成，起到文字言事图案帮助理解的效果。这样的banner适合做介绍类或者产品类。 产品风格 还原物件真实感 3.统一规范 ①元素的统一 3， 主体物+背景+文字的三段式，特点虚实结合，主次关系明显，也是效果最好，用的最广泛的一种形式。 * 设计前最重要的是内容，设计后设计占的比重相当大，设计成为传达网页形象的重要因素。 访问网站的使用者最能感知到的网页因素是设计，而不是内容，但是如果没有一个好看而吸引的外表，哪怕有着再好的内容，有着再好的结构，相信整个网站的浏览效果也会大打折扣，浏览者的阅读兴致也会大减。就等于一个内涵丰富但却外表平庸的人在一个公共场所出现，是难以引起别人的注意的一样。人们称互联网经济为注意力经济，如何吸引大众的注意力，除了内容是一个重要的因素外，外观也同样起着举足轻重的作用。网站的外观非常重要，因此，网站的VI设计也非常重要。 * 确定采用什么样的风格表现网站的性质和功能。“趣味、温和、冰冷、高档、洁净、动态、静态”等 * 如果答案都是Yes，那么，这个网站就是有一个很好的视觉效果了，相信浏览者也会耐着性子去看完你整个网站的。 * 就好比有人希望知道成功的秘诀是什么，成功者只能建议您用什么方法，什么途径才能最容易获得成功，而不可能有一步成功的秘诀告诉您。 我们一般的页面版式都是方方正正，四平八稳，有点呆板