交互式数字出版物界面设计中的气质表达

谭 坤 陈金梅

（北京电子科技职业学院，北京 100176）

气质原本是心理学中的词汇，表现在心理活动的强度、速度、灵活性与指向性、等方面的一种稳定的心理特征。气质用于人的修饰时常表现的是一个人内在涵养或修养的外在体现。随着人们对设计品味的提高，气质一词经常用于设计作品中，一个产品的界面设计代表着该产品的气质和品位，气质好的界面设计能给用户非常深刻的第一印象，提升产品的活跃度。

一、创造视觉吸引力

一个良好的界面应该有视觉吸引力，人类接受的信息90%来源于视觉。目前来说，界面设计的核心仍然在于视觉的设计，创新的视觉形象是保证界面信息传达的前提。一个好的数字出版物界面首先在视觉上应该是创新的、饱满的，能够直接作用于我们的感官，刺激我们的好奇心及记忆。当然除了创新，视觉设计的基础形式原则也不容忽视。

二、营造沉浸式的体验环境

“沉浸”在字典中的意思是“陷入在一些事件的包围和覆盖中”。我们都有这样的经验，在电影院看电影的时候，放映之前总是先把所有的灯光熄灭，这就是现在营造沉浸感，目的是让观众最大限度地把注意力集中在电影屏幕上去关注电影的内容。在数字出版物设计领域中，沉浸是一个重要的概念，意味着受众全神贯注地投入到设计师所创造的虚拟环境中，达到完全忘我的境界。当然，沉浸感并非只是强调界面表现的真实性，太过于真实的环境反而让人感觉无所适从，多媒体的沉浸感应该是通过特定的交互操作、主题内容、视觉表现以及硬件设备所共同创造的虚拟环境，全方位的调动手中的视觉、听觉、触觉等感官系统来获得信息。

三、界面视觉内容的艺术化处理

（一）明暗的对比

明暗是色感中最基本的要素，明暗对比的好处就是不用过暗与过亮，把背景调暗，突出内容亮些，这样就可以自然而然的将视线重点放在突出“亮点”上。相反也可以将功能性选项和视频播放区设计的暗一些，把它们放在了一个比较亮且灰白的背景中去，一下子就能帮助浏览者抓住这个界面的主旨，背景就犹如光圈一般包围着主体，潜意识将我们想要在这张界面中传达出的最重要的信息间接的告诉了浏览者。

（二）大小的对比

大小关系是界面布局中尤为重要。一个界面中有许多区域，包括文字区、图像区、视频区等，它们之间所占整体的大小和与各个区大小的关系决定了浏览者对整个界面的最基本的印象。大小差别小，给人的感觉较犹如南方女子一样婉约温和；大小差别大，给人的感觉大气蓬勃，富有震撼力。各个区域的大小应该根据每个区域的重要程度，摆放位置进行设计。

（三）粗细的对比

无论是字体还是线条，越粗越有张力，感觉结实硬朗，正经严肃道路，相反，细线条感觉很随意，具有变化趋势，适合时尚化设计。细与粗搭配得好就会出彩，如果不好就会画蛇添足。重要的信息常用粗体大字、甚至立体形式表现在画面上，如果这时再搭配与之相符的背景音乐就会使重要信息更加突出，也更加有气魄。而比较柔情的词汇，则选择纤细的斜体或倒影字体出现。

（四）具象与抽象的表现

图像或图形均可分为两类：具象和抽象。抽象图像（或图形）比较适宜于表现抽象的概念，如激动、冲动、气势、理智和韵律等。对于抽象事物的表达是很难界定的，抽象性的表达更多的是指向心灵的共鸣，心灵的共鸣要求由抽象概念引发的心理感受和抽象的图像（或图形）表现引导所产生的心理感受相一致，在具象图像（或图形）中，人的视觉感知是因设计师通过再现真实而使观者获得某种真实性的刺激而产生的。具象的图像（或图形）是真实现实的再现，是通过图像（或图形）还原真实从而引导产生对真实事物的心理感受。

（五）突出图像细节同

在作品《盛世古韵》的“品”之“观古钟精品”界面中，由于要在一同界面中同时体现九个不同的钟，也就要有九个不同的热区用于进入不同的下级界面，而每个最具有典型特色的就是钟上的钟钮部分，因此可以通过剪裁，剪裁出每个钟具有典型性钟钮部分的图像作为进入下一级界面的热区，这是一个很有效的表现手段。

（六）光影与界面质感塑造

利用投影创造平面上的虚幻空间，投影的存在能够表明距离空间的存在，加有投影的物体就具有了落脚点，不会产生漂浮的感觉。投影与物体的距离越远，产生的空间就越大。投影也是衬托物体质感的一个手段，加有投影的物体看上去更为立体。如在数字出版物作品《京剧》页面中有三处投影，第一处是左上角的导航切换，第二处是右侧“金秀山”的滑动字体，第三处是右侧一个大大的“金”字，这三处投影增加了界面的立体感，更加富有层次。

四、选取符合界面气质的字符

（一）字号

字号的选择是根据功能需要而定的，字越大给浏览者的视觉冲击力越强，一般用于标题或其他需要强调的地方。小字整体性强，页面易产生多个中心，缺乏美感，时间略长，浏览者易产生视觉疲劳。最适合电子读物正文的字体大小为12-14磅，如果在一个页面内容较多，通常可以用10-12磅的字号，数字出版物本身侧重于视觉传达，通常每个界面的文字都不会像门户类页面那么多，所以常规情况下最小保持12磅以上字号。

（二）字体

不同的字体有不同的性格表现，严肃、幽默、力量、柔软等等。数字出版物中比较常用的中文字体有宋体、黑体、楷体、隶书等。根据不同的页面主题可以选择不同性格的字体搭配。标题字体的选用对整个界面的编排起着重要的作用。字体选择、字体特效到位，不仅会突出页面主题，而且还会烘托整个页面的气氛。数字出版物界面中字体的运用需要把握标题字体突出、醒目、烘托气氛的作用，内容字体与非遗主题对应且突出可读性的原则。

（三）间距

文字的间距分为横向间距和纵向间距即“字距”“行距”。正文与标题的字距应该通篇保持一致，字距太大或太小都会导致可读性受到影响。行距的常规比例为10：12即用字10点，则行距12点。除了对于可读性的影响，行距本身也是具有很强表现力的设计语言，有意识地加宽或缩窄行距，能够体现独特的审美意趣。

五、适当的留白

留白可以给人带来心理上的轻松与快乐，也可以给人带来紧张与节奏。元素之间的留白不能太大这是基本的原则，留白过多，页面会变得零碎。电子读物界面设计是以传达页面信息为主要目的的，留白更多的是服务和服从于读物信息的可用性。无数的可用性研究证实了一个事实：用户对读物信息是进行浏览，而不是阅读。简洁明快、富于美感的界面更具有可浏览性，可使用户获得更加良好的浏览体验。注意：留白空间不一定要是白色的。指的是任何与背景相同的空间。所以它可以是白色、黑色，其他纹理等。

从平面设计引申过来的技巧在数字出版物界面设计中起到了画龙点睛的作用，一些细节上的处理，为数字出版物的界面设计大大地提升了品牌气质。数字出版物界面设计应用版面的构成是信息传播的桥梁，发挥版面元素中各自的特点和功能，会使整个版面完成从视觉到内容的完善性和美观性，从而更快、更准确的传递信息。用心从细节上营造产品气质，给用户带来愉悦感，为品牌获得认同感。