首页 > 范文大全 > 正文

电子书籍GUI设计应用初探

开篇:润墨网以专业的文秘视角,为您筛选了一篇电子书籍GUI设计应用初探范文,如需获取更多写作素材,在线客服老师一对一协助。欢迎您的阅读与分享!

【内容摘要】随着手持移动终端的普及和数字时代的来临,历史上扮演重要角色的纸质书籍地位正在逐渐下降。而电子书籍正是因为将纸质书籍转变为可视化的界面,然后通过gui设计将更多丰富多彩的信息加入其中,越发受到人们的青睐。文章通过分析电子书籍GUI设计的应用,结合作者自身的设计实践,对电子书籍界面中的GUI设计进行初步探索。

【关键词】电子书籍 GUI设计 图标

图形用户界面(Graphical User Interface,简称 GUI)是指采用图形方式显示的计算机操作用户接口。电子书籍中的GUI设计是一种融合了多学科的产物,它不仅遵循了符合人机交互、操作逻辑、界面美观和符合使用习惯的设计学规则,而且加入了心理学和语言学等不同学科的理念。电子书籍GUI设计主要由图标设计、版式设计和交互设计三个部分组成。

一、电子书籍GUI设计中的图标设计

一款好的图标就是电子书籍的“脸面”,是用户在没有真正感受到内容时就想点击的符号。千万不要轻视图标设计在电子书籍GUI设计中的作用。一个好的图标就是一款好的电子书籍的开始。比如iBooks的图标设计(图1)。整体主色调是橘色的渐变,中间主体图形选择了一本打开的书籍。为了使得图形更加简洁,在图标设计上选择符号化的两个完美对称的四边形来表示一本打开的书籍。整体的图标设计直观地展示了这款电子书籍阅读器的功能,同时鲜亮的颜色和适度渐变让iBooks电子书籍的阅读从图标上就表现出强大的诱惑力和时尚感。

图标设计与普通的标志设计存在区别,标志设计追求一种抽象式的符号,把图形尽量精简到最大化,而且在设计上没有固定形式。而电子书籍图标在设计上有一定的规范,在IOS系统下,设计师的设计区域是在一个圆角四边形里,必须以此为底板在其中设计。可以是抽象化的图形或者具象的拟物化图形。但是无论是怎样的设计形式,图标必须要表现出高度的可识别性,不需要解释就能让用户对内容有直观的感受。

二、电子书籍GUI设计中的版式设计

在书籍内页设计上,电子书籍比纸质书籍为用户提供了更好的阅读体验。首先,纸质书籍只有一种底色,即纸的颜色。黑白的强烈对比会在长时间的阅读中让用户产生视觉上的疲劳。如果在光线不好的情况下,还会对用户视力造成一定的困扰。而电子书籍给用户提供了多种阅读模式,比如以柔和的绿色为主基调的护眼模式,以及在夜晚看书时可以降低对比度的夜间模式等。

相较于纸质书籍,电子书籍在GUI设计中需要思考主要问题,即版式设计。众所周知,书籍设计中的版式设计,除了设计正文外,更重要的是设计负空间。所谓的负空间即为留白。合理的留白设计,可以让长篇幅的内容形成一定的秩序性。读者在阅读时,可以通过设计师的留白设计出更好的书籍内容。传统书籍的设计空间是整个书籍的大小。可是,电子书籍的设计空间变成了窄小的移动端屏幕。那么,如何在有限的空间内展示出更好的内容,是电子书籍中GUI设计的一个难点。在此方面,目前国内做的比较好的就是作家韩寒和腾讯合作推出的互联网杂志APP《ONE・一个》(图2)。这款APP最大的特质就是把负空间设计贯彻到整个设计中。《ONE・一个》美术总监何禾认为,从设计的服务目的来看,其特点就是简洁清晰。通过合理的负空间设计,可以让用户清晰、直观地看到内容的分布,以及整个阅读信息的秩序性。所以,《ONE・一个》设计团队在设计这款文艺阅读产品时并没有使用华丽的视觉设计,而是把创建合理、舒适的网络阅读环境作为重点。

功能性是电子书籍版式设计中的另一重要原则。只有从满足读者阅读的功能性出发,电子书籍才能提供给读者以最佳的用户体验。《ONE・一个》在排版上采用简洁的上下结构,一张醒目的大图占据了版式的2/3,下面配有相应的软文。最下面的导航栏简洁、明确地展示了最主要的三个功能,即首页、内容和问题。旁边还有收藏和两个视觉化的图标。这样的布局完全符合美术总监何禾说过的“创建舒适的网络阅读环境”的概念。

简洁性是电子书籍版式设计中的基本要求。如何使用户迅速地获取主要信息,简洁清晰的版面设计是获取观者视觉的必备条件。如用户在第一次使用《ONE・一个》这款APP时,就会被简洁的页面所吸引。但是,这种简洁的页面并不会对用户造成阅读上的障碍。用户可以很直观地看到想要的东西。去掉繁多的交互过程,在首页就展示出用户最想要的东西,并且搭配上简洁明快的图标。《ONE・一个》在版式布局方面很好地解决了电子书籍之前一直被人诟病的重形式、轻内容的问题。

三、电子书籍GUI设计中的交互设计

长久以来,电子书籍得不到传统纸质书籍拥护者认可的主要原因就是,很多人认为纸质书籍和电子书籍之间仅仅是载体上的不同,电子书籍只是在界面视觉方面美化了纸质书籍,并没有在实质上有所突破,彰显出电子书籍本身的价值。所以,在视觉界面不断优化的同时,我们应该更多地思考如何设计出一种更好的人机交互方式来使读者不只是单纯地从字面上了解书籍的内容,而是打通读者和书籍之间沟通的渠道,将内容与读者的交互成为阅读体验的一部分。

国外有一款名为《The Silent History》电子书籍在这方面做出了大胆尝试。设计师在书籍中加入了时下最流行的LBS(Location Based Service基于地理位置服务)功能。《The Silent History》以每日一份“证明书”更新的形式讲故事。要读完120个部分需要跟着连载读上半年的时间。而那些想要进行更深挖掘的用户,则可通过《The Silent History》里包含的数百个“现场报告”做更多的体验。这些在美国及全世界各地发生的较小事故会指向一些诸如小巷、建筑物等地方。而只有用户的移动设备 GPS 定位到“现场报告”的案发地附近时,才能读到这份报告。这种让用户与小说内容发生现实交互的体验,是这本电子书籍最大的创新点。

这种基于地理位置服务的交互方式,给电子书籍中的GUI设计开辟了一块新的领域。读者不再是单纯的阅读,而是真实的参与到书籍的内容中。当然,除了基于地理位置服务的交互方式,设计师还可以有更多的想象空间,比如侦探类的小说。设计师可以把故事内容进行重新解构,用户则可以在阅读时进行选择。在选择不同的场景后,故事也会产生不一样的结局,诸如此类的交互方式会大大提高读者的兴趣以及用户黏度。

四、未来电子书籍GUI设计的发展趋势

书籍是人类思想与智慧的记载与传递。而人类又不断从书籍中获得信息与灵感。这是人与书籍从古至今甚至到未来都不变的关系。书籍的演变过程本身十分缓慢,每一次的变革必须伴随着技术的革新和思想的超越。而电子书籍的出现,除了为读者带来不同于传统书籍的全新的阅读方式和阅读体验,更促进了GUI设计的发展和GUI设计师的思考和探索。数字化的来临将会影响所有的产品设计与服务。未来,更多的产品会从完全实质和笨重的实体转化为更加轻便的信息产品。所以在数字化时代,如何将信息化的内容通过合理的视觉设计以及更好的交互方式传达给用户,将会是未来电子书籍GUI设计将要解决的重大难题。

传统的书籍设计主要包含有版式设计、书籍装帧设计、封面设计等等。传统纸质书籍在阅读中能闻其书香,指尖跃然纸上;在书页的沙沙作响中感受纸张的重量同时聆听翻动的声响,这是由于传统书籍的展现形式所形成的特有的用户体验场景。目前市面上的很多电子书籍不论是在功能上还是阅读体验上还远远没有超越传统书籍,所以如果只是一味的把纸质书籍换另一种载体去呈现是无法满足读者对于电子书籍这种新兴的阅读方式的需求的。日本设计师原研哉曾经说过这样一句话:“设计绝不仅仅是制造技术,而是从生活中发现问题的行为。”这句话很好的诠释了电子书籍GUI设计的处境,电子书籍GUI设计绝不仅仅是为了满足移动端的一种设计,而是为了解决读者在碎片化的互联网时代很难有完整的时间来进行阅读的的问题所做的设计。所以如何利用读者的碎片化时间来给用户带来更好的阅读体验也将是在电子书籍设计中的GUI设计所要解决的问题。

未来电子书籍设计中的GUI设计,不再仅仅是视觉上的优化,而是把更多的交互元素加入其中,在不断优化视觉设计和交互设计的同时,把更多的设计重心放在如何利用碎片化的时间和用户进行简洁有效的沟通方面,让用户与电子书籍之间、用户与用户之间都产生有效互动的用户体验设计。未来的电子书籍会随着科技的高速发展进行革新,但无论电子书籍在形式方面如何改变,其设计核心依然是以用户体验为主,而电子书籍GUI设计将会成为电子书籍能否为大众所接受的关键因素。

弓子健系北京林业大学艺术设计学院2013级视觉传达专业硕士研究生

李湘媛系北京林业大学艺术设计学院副教授