多媒体运用界面的信息逻辑体现.docVIP

多媒体运用界面的信息逻辑体现 　　摘要：本文通过设计法则、多媒体交互运用、综合论点论据分析揭露如何运用平面设计、界面设计、动画效果和交互应用法则，并相辅相成，制作出巴塞罗那展多媒体界面交互运用。技术难点是如何把复杂的信息逻辑通过多媒体界面设计和动画工程变得更清晰更能让用户接受。通过与客户沟通，软件Adobe Photoshop，Adobe Illustrator和Adobe After Effect运用，进行界面设计，信息删选，信息流动画构思，界面信息的逻辑被良好地体现了出来。 　　关键词：多媒体运用；用户界面设计；动画工程；巴塞罗那展；信息逻辑 　　中图分类号：TP39 文献标识码：A 文章编号：1007-9416（2018）04-0207-03 　　1 介绍 　　在如今互联网发达的世界中，工程师已经走向了更高的多媒体平台――互联网/人机智能交互/多媒体运用。面对这种前沿平台的实现中，界面设计师和交互工程师都开始迎接当代最新任务。于是，本文通过对巴塞罗那展中兴交互媒体的分析，阐明如何使用界面设计和交互体验法则，更好地体现当代多媒体运用的展示效果。主要的技术难点是如何把复杂的信息量通过多媒体界面设计和动画效果变得更清晰更能让用?艚邮堋Ｍü?对于本论文的阅读，可以知道如何通过Adobe Photoshop，Adobe Illustrator、Adobe After Effect和Unity3d软件来体现良好的信息逻辑设计。 　　2 项目背景 　　在实现界面设计与交互程序前，先要理解计算机交互界面中的信息。中兴是中国最大的通信设备上市公司。在巴塞罗那展中，我主要负责《运营重构》的部分，顺利做完《运营重构》之后，去辅助《IOT》交互界面的设计与程序动画。实现该项目用到了Adobe Photoshop、Adobe Illustrator、Adobe After Effect和Unity3d软件，Adobe Photoshop和Adobe Illustrator是用于用户交互界面设计，Adobe After Effect用于用户界面动画预演，最后Unity3d是负责最终实现，我主要负责交互界面设计、动画预演和程序内容的输出。我负责的两个板块都被投放于国际巴塞罗那展的展览中。 　　3 界面信息 　　《运营重构》的信息份量重，需要删减整合与规划。当我拿到中兴客户的ppt看信息量的时候，觉得信息多而复杂，很难通过多量的信息内容抓住信息重点。如果界面中的信息都是重点，那就没有了信息权衡性或突出选择性。因此在真正交互界面开始前，我首先要求客户筛选信息，抓出界面中的信息重点，从而能有效提高界面和交互设计。 　　《IOT》的信息量相对较少，但同时也要遵循逻辑。《IOT》方的信息量比较均衡，所以创意构想和元素背景优化也相对容易掌控。 　　4 界面设计的重要法则 　　在开始讨论界面设计发展的时候，首先要定义界面设计。使用者界面设计是使用者与系统的连接点，很大程度上决定了系统的有用性和效率性[1]。界面设计在实用性上和使用者体验上也是更为看中的。在新媒体与互联网方面，界面设计格外来的重要，它有更多的设计原则与定律，比如一致性、回馈性等。多数该设计的法则都是从使用者角度出发。 　　4.1 信息排版和空间感 　　设计工程师需要通过理解信息的逻辑性，根据逻辑架构进行界面设计。图2界面的设计逻辑架构与图1客户给的信息结构一致。虽然客户给到的信息量庞大，但通过分类后，相似信息种类的信息放在了相同的图案中。从给到的众多信息到界面美化和空间感的匹配，在这个转化的过程中，需要设计工程师根据原有框架的逻辑性进行思考然后对元素和空间进行美型优化。在信息展现的同时，不能缺乏平面设计中对于空间透视感，美感方面的想象。在思量界面设计的同时，也需要考虑相关逻辑性，客户需求等因素。 　　图2界面运用了三大通用法则和谐，平衡与简洁。在《Visual Design Principles for Usable Interfaces》发表文中，一共有三种视觉传达法则能有益于所有的设计领域：和谐、平衡与简洁。 　　和谐：是能把许多不同视觉元素用思考过的合并模式弄成一个有序令人舒适的视觉效果。 　　平衡：是把不同视觉元素通过令人愉悦的和谐法则设计出一种舒适和稳定的设计。 　　简洁：是清晰，典雅和经济化的视觉设计[2]。 　　在原有信息量不能动的前提下，通过视觉元素的优化，空间透视的变化，构成一个和谐的空间。为了实现画面的平衡感，把重要的信息放在了画面的中部与下部分，通过左中右的透视设计，设计出了令人愉悦的视觉感。在简洁方面，我方不断要求客户尽量减少原来信息图纸中的信息量，下图中的信息量已大被减少，以便突出了画面中三个框中的主体要素。这是一个多内容但是画面不失