界面交互设计课件.ppt

信息之图片 图片是比文字更为直观的信息类型，也是界面设计核心要素，多数视觉作品多是通过优秀的图形设计和图片取得成功的。 信息之图片 通过运用好的图形或图片，可以在第一时间抓住浏览者的眼球。 / 信息之图片 信息 文化 信息 文化 信息 文化 信息 文化 信息 文化 信息 文化 信息 文化 信息 文化 但是如果只有重视视觉美感，只有精美的图形或图片，而忽略了我们建设网站的核心目标——高效准确地传递信息，客户也是很难认可的。 信息之图片 信息之图片 初稿方案 信息之图片 信息之图片 定稿方案 信息之图片 信息之图片 / 信息之图片 信息之动画 从网站建设的角度讲，动画就是要在有限的空间中，把运动的文字信息和图片按一定的逻辑方式组合起来传达给浏览者。 信息之动画 它的作用主要有： 吸引眼球，如广告条。 模拟真实，如产品的360度展示。 丰富的视觉形式，如FLASH宣传首页、视频说明书。 信息之动画 信息之动画 信息之动画 信息之音乐 信息之音乐 有了动画，自然离不开音乐。 信息之音乐 信息之音乐 音乐的魅力在于铺开了想像的空间。相同的画面，配合不同的音乐，可以产生不同的解读。 如：红色的画面，配合阴森的曲子，自然会与恐怖的事情联系起来。 同样还是红色画面，音乐换成敲锣打鼓的欢快节奏，谁都会知道是喜庆的含义。 信息之音乐 信息之音乐 马自达8 信息之音乐 信息之音乐 但是所有的网站都适合放上音乐吗？这需要具体情况具体分析。 如：一个生产乐器的企业网站，其目标是推广企业、展示产品。产品不多，以电BASS、电吉他等快节奏的乐器为主。“要不要在网站上放一段电吉他的音乐呢？” 信息之音乐 信息之音乐 设计师问了客户三个问题： 乐器是什么年龄层的消费者使用？ 网站给谁看？网站的目标用户和产品最终消费者一致？ 音乐是必须放的，还是可放可不放？ 信息之音乐 信息之音乐 客户是这样回答的： 乐器是给一二十岁的年轻人玩的。 网站是给国外的经销商看的。 音乐虽然重要，但不是必须放出来。 信息之音乐 信息之音乐 于是设计师建议不要在网站上放置背景音乐，尤其是快节奏、嘈杂的音乐。这可能会影响目标用户的浏览，对树立品牌形象产生消极作用。 信息的创建与管理 信息的创建与管理 首先必须明确： 网站并非是依靠信息量巨大而取胜，而是需要信息与目的达成一致才能使网站成功。 信息内容的创建与管理必须围绕目的展开工作。 信息的创建与管理 信息的排序 信息的排序主要是针对目的而言的。 信息的排序表现出了不同信息的重要程度，也就决定了页面信息的分布位置、强调方式的不同。 为达到建站目的，哪些信息是必须有的，哪些是希望有的，哪些是可以没有的。 界面设计的重要性 应对激烈的竞争 界面设计的重要性 应对信息结构的日益复杂 界面设计的重要性 课堂练习 对搜狐每户网站进行简化，但不减少信息类别 界面设计的重要性 传递正确的信息 以网站为例： 企业建立一个网站，是要传递信息。企业不同，信息也不同。信息不同，网站的界面设计亦会不同。 界面设计的重要性 劳力士手表的网站 /zh-Hans/ 界面设计的重要性 可口可乐的网站 / 界面设计的重要性 传递正确的信息 让我们再来看看Nike和Adidas这两个知名的国际运动品牌的官方网站。 界面设计的重要性 / 界面设计的重要性 界面设计的重要性 你会发现即使他们都是运动时尚的典范，其网站却传递出彼此不同的文化内涵。 传递正确的信息 这也证明设计师已经成功的把企业文化、产品文化通过界面传递给了终端客户。 界面设计的三要素 界面设计的三要素 界面设计的三要素 我们要设计怎样的界面，并以何种形式完成它？ 要回答好这一问题，我们就必须明确： 网站建设的目的 网站信息的内容 我们还是以网站为例： 网站设计形式 界面 设计 （创意） 目的 策划 信息 文化 设计 形式 体现、服务 确定、决定 美化、服务 确定（择优） 确定、决定 服务、实现 信息 文化 信 息 没有信息就没有网站。 信息的形式不只是文字和图片，网站的视觉设计也是信 息内容的一部分。 信息 文化 当我们确立了网站建设的目的之后，就要围绕这个目的对信息进行筛选与编整，并按照重要程度有秩序地排放在页面上。 浏览者可以通过信息的编排，辨析内容的重要程度，接收到来自界面传达的视觉信息。这样，建设方的目的就达到了。 信息 文化 / 信息 文化 /exhibitions/2004/tallbuildings/index_f.html 信息与信息空间 信息与信息空间 网站即是信息的容器，