互动媒体-第5讲-界面形象设计.ppt

6. 背景式构图： 　整体感强，创作自由，一些视觉效果和无须变化的元素都可制作在背景图中。 页面风格主要由背景图控制，设计时就必须计划好背景中图形与页面其它元素之间的排列关系。 　背景图色要柔和并留有变换页面内容的余地。 文字部分的背景要整体且突出文字，不要影响内容的可读性。 7. 分格式构图： 　通过水平和垂直分割，将画面分成多个格子区域，分别放置图片和文字内容。 活泼、随意而不失规范化。 页面内容丰富、饱满。 但易分散人的注意力，不适于文字多的页面。 需注意尽量从色调上统一画面，避免显得过于散乱。 8. 散点式构图： 　随意、没有规律。 看似零散的画面，实际上需要精密构思。 页面内容丰富、饱满。 页面上所有元素都不硬是可有可无的，而是为同一目的服务。 8. 并置式构图： 　两个以上元素在页面上不分主次的并列放置，从而形成适度的节奏感。 清新严谨，有规律性，整体感较强。 骨骼型 页面版式的骨骼型是一种规范的、理性的分割方法，类似于报刊的版式。常见的骨骼有竖向通栏、双栏、三栏、四栏和横向的通栏、双栏、三栏和四栏等。一般以竖向分栏为多。这种版式给人以和谐、理性的美。几种分栏方式结合使用，既理性、条理，又活泼而富有弹性。 　　对称的页面给人稳定、严谨、庄重、理性的感受。  对称分为绝对对称和相对对称。一般采用相对对称的手法，以避免呆板。左右对称的页面版式比较常见。  四角型也是对称型的一种，是在页面四角安排相应的视觉元素。四个角是页面的边界点，重要性不可低估。在四个角安排的任何内容都能产生安定感。控制好页面的四个角，也就控制了页面的空间。越是凌乱的页面，越要注意对四个角的控制。 对称型 版面结构是指一种能够让浏览者清楚、容易地理解作品传达的信息的东西，一种将不同介质上的不同元素巧妙的排列方式。 设计一个优秀结构的一些基本要素。 要建立一个优秀的结构，你必须仔细观察：学习仔细观察你身边的“结构”，比如树、花、山、野兽、宠物、小孩等等。翻翻杂志，书本，宣传单等，并尝试了解图形是如何构成的。 使用了什么配色方案？为什么？使用了什么类型的字体？为什么？他们对整个画面起到了什么影响？为什么？“为什么”是重点问题，应该更加强调。 经过大量的观察，你会了解到什么是好的，什么是坏的。为了增强观察的效果，你必须在脑子中将你想表达的元素和环境构成一张图。这将在设计中起到辅助作用。其实这是一个从不停止的过程。 结构规划中最主要，也是最重要的部分就是“对齐”和“平衡”。 必须很清楚文字、颜色和图片的分量，否则版面结构完成后会看起来很不平衡。 * 信息有许多： 火车站代码,车票，地点，发车时间，车厢，座位，车型，座型，起始地点,车次价格,友情提醒,票种,售票地点底部编码这些信息零散的排列在票面上，好像并未有效组织起来，视觉结构松散，看起来有点累。 * 再加上开头的那段火车票语音提示：“乘坐xxx次从北京开往青岛的列车……”,这是一个很重要的场景，因为它传达的信息顺序是“先车次，后地点” * 但是如果没有一个好看而吸引的外表，哪怕有着再好的内容，有着再好的结构，相信整个网站的浏览效果也会大打折扣，浏览者的阅读兴致也会大减。就等于一个内涵丰富但却外表平庸的人在一个公共场所出现，是难以引起别人的注意的一样。人们称互联网经济为注意力经济，如何吸引大众的注意力，除了内容是一个重要的因素外，外观也同样起着举足轻重的作用。网站的外观非常重要，因此，网站的VI设计也非常重要。 * 设计前最重要的是内容，设计后设计占的比重相当大，设计成为传达网页形象的重要因素。 访问网站的使用者最能感知到的网页因素是设计，而不是内容，但是如果没有一个好看而吸引的外表，哪怕有着再好的内容，有着再好的结构，相信整个网站的浏览效果也会大打折扣，浏览者的阅读兴致也会大减。就等于一个内涵丰富但却外表平庸的人在一个公共场所出现，是难以引起别人的注意的一样。人们称互联网经济为注意力经济，如何吸引大众的注意力，除了内容是一个重要的因素外，外观也同样起着举足轻重的作用。网站的外观非常重要，因此，网站的VI设计也非常重要。 * 确定采用什么样的风格表现网站的性质和功能。“趣味、温和、冰冷、高档、洁净、动态、静态”等 * 如果答案都是Yes，那么，这个网站就是有一个很好的视觉效果了，相信浏览者也会耐着性子去看完你整个网站的。 * 就好比有人希望知道成功的秘诀是什么，成功者只能建议您用什么方法，什么途径才能最容易获得成功，而不可能有一步成功的秘诀告诉您。