微信小程序制作
当前位置:网站首页 > APP开发制作 > 电子期刊类APP应具有哪些特征 返回列表

电子期刊类APP应具有哪些特征

作者:admin 时间:2022-08-18 浏览量:256
传递时尚信息是时尚类电子期刊APP的首要功能,色彩正是创造有序视觉信息的重要元素[6],色彩甚至能影响用户的购买决策。美国数字营销公司HubSpot在一项色彩营销试验中[7],尝试测试按钮色彩是否会影响转化率。经过试验,A和B两个页面,除点击按钮颜色不同以外,在界面完全相同的情况下,点击红色按钮的用户比绿色按钮多21%,从中可以看到,色彩引导用户点击的功能不容小视。当前时尚类电子期刊APP的色彩功能存在以下不足:一是主要功能的图标色彩设计不够突出,一些时尚类电子期刊APP设计师在进行导航、菜单、按钮的色彩设计时,未能结合期刊APP的主要功能和读者阅读习惯设计,影响阅读体验的流畅性;二是商品推广区域的色彩设计缺少引导,由于时尚类杂志的内容本身由大量广告商品组成,需要引导用户进行购买以营利,但许多期刊APP促销推广区域的色彩设计缺乏对购买行为的影响研究,色彩很难引起用户注意,降低了期刊APP的商业价值。
色彩设计不符合用户情绪
色彩心理学研究表明,颜色与情绪之间存在一种明确的关系,虽不是一一对应,但某些颜色与某种情绪具有更强的关联[8]。当前时尚类电子期刊APP色彩设计不符合用户情绪主要表现在两方面。一方面是APP色彩情绪设计与大众认知不符。笔者通过对红、蓝、绿3种颜色趋势进行比较,根据百度指数(2016年11月—2017年3月)的数据显示,红色在圣诞节(2016-12-25)、春节(2016-01-30)、元宵节(2017-02-11)期间搜索次数明显高于蓝、绿色,而其余时间段搜索指数下降明显,4月中旬起与另外两色指数接近。数据表明,在中国人心目中,红色有强烈的喜庆、欢乐的情绪,而一些主导快乐幸福的时尚生活方式APP色彩设计却采用黑灰色调设计,显然不符合用户情绪。另一方面是APP色彩情绪过于静态缺乏动感。传统时尚纸质期刊的色彩不会因为位置、操作、观看方式的不同而变化,而移动交互设备的色彩已经从平面的静止状态变为了活跃动态,但众多时尚类电子期刊APP色彩并未转向为同时具有时间及空间维度的动态色彩设计。
时尚类电子期刊APP色彩设计提升策略
针对以上存在的问题,建议设计师在充分了解期刊的办刊定位及特色等基础上,对色彩理论和数据进行科学应用,紧扣时尚类电子期刊APP的特点进行色彩设计。
把握色彩的流行趋势
从20世纪90年代起,流行色在一定程度上能促进市场消费的观点早已成为业界共识。在时尚类APP界面色彩设计时,设计师应通过百度大数据、淘宝大数据了解用户在对色彩的搜索、寻找购买过程中对于某一色彩的兴趣与变化,根据时尚预测机构如WGSN、色彩营销集团CMG等把握下一季度流行色的发展方向,提升整体期刊的时尚格调。根据英国权威时尚趋势预测机构WGSN对2017年色彩趋势的预测,主要有四种色彩趋势:运动活力数码色系、柔和休闲大地色系、海滩亮蓝色系、纯粹浓郁奢侈色系。设计师在进行APP色彩设计时,应当结合期刊的品牌特点选择流行色系。例如,《芭莎男士》APP选择了柔和休闲大地色系,以浅咖色为主体色,搭配灰调的金、蓝等辅助色作为点缀和衬托,将复古质朴的大地色与粗狂硬朗的金属色进行搭配,形成色彩重复、渐变、多元的节奏感,这样简单、独特色彩设计使得APP传递出一种休闲感与都市感并存的色彩风格,丰富了电子期刊的视觉效果,体现出《芭莎男士》APP代表中国成功男士的品位为主流方向的时尚品牌形象。可见,把握色彩的流行趋势,合理地运用流行色可以彰显期刊APP的时尚情趣,避免廉价低俗感。
突出色彩的个性
要想在众多时尚类电子期刊APP中脱颖而出,就要求设计师结合移动端的用户心理和行为与色彩的个性进行设计。时尚电子期刊APP的阅读特点具有个人化、碎片化、场景化等特点。一方面,设计师需要针对读者的年龄、性别、身份彰显色彩个性。研究表明,蓝色是受到最普遍喜爱的颜色,被40%男性和36%女性所喜爱[9],但孤立运用这一规律容易使APP缺乏个性。《时尚旅游》APP色彩设计在众多时尚APP中之所以能独树一帜,就是设计师针对读者是一群积极勇敢、求知欲强的旅行者,采用了现代感、对比度极强的黄黑色彩设计,传递出醒目、主动、不安分的感受。另一方面,设计师需要针对读者在不同时间、场合的阅读需求进行个性化的色彩设计。例如《MaMa》APP,是以孕期女性为受众群体的时尚类期刊,其色彩设计应展现轻松舒适氛围,避免过于强烈的色彩表现,仅以白色为基调局部点缀粉彩色就能给孕妇眼前一亮的感觉。需要注意的是,色彩的设计切勿为了追求个性化走向极端,设计成难以理解的另类风格,这样会失去用户的阅读兴趣,从而削弱电子期刊的竞争力。
区分色彩的功能
可用性实践者们认为行为设计讲究的是效用,其中最首要的因素就是功能[10]。时尚电子期刊APP的功能最主要的就是提供时尚讯息,包括往期阅览、时尚快讯、商品推广等。如何完善色彩功能设计提升APP的效用,对于用户阅读体验的效果起着关键作用。一是利用色彩突出主要功能,弱化次要功能。以《网易时尚杂志》APP为例,它最大的特点是主要功能明确,分为资讯与杂志两大功能,并在顶端用深灰色和浅灰色的Tab按钮作切换,辅助功能隐藏在左上角的菜单,点开辅助功能菜单,可看到用桃红色圆点标注的最新推荐功能,即人物换装。二是利用色彩突出刺激消费的功能。在时尚类电子期刊APP中,促销推广信息随处可见:时髦单品打折、包邮、秒杀、限时抢购等。实际生活中,高明度的亮黄色常被用在橱窗上以吸引顾客的目光,色相明确的大红色常用于打折、促销、清仓的标语制作,《VOGUE》APP的设计师利用色彩对购买行为的影响,将商品的“马上申请”“查看详细”功能以亮黄色区分,“限时折扣”功能以大红色进行强调,让它传递信息更加明确,以吸引用户进行点击,引导用户进行购买,其色彩功能的设计很值得设计师参考。
注重色彩的情感
每种色彩都有其特定的情感表现、深层次的象征意义以及在人们心中的特定含义[11]。单凭设计师对色彩的直觉、使用经验,不足以反应用户的色彩情感。为使用户在操作和使用产品的过程中得到精神满足,使产品成为连接设计者与用户的情感桥梁[12],设计师可通过使用情绪板进行色彩可视化[13],提取与用户情绪关联的色彩,强调交互过程中的情感体验和整体氛围的渲染,弥补界面冰冷的机械感。《LOHAS》APP是使用情绪板“以色传情”的典型成功案例,该刊以引导用户感受与节气相关的时尚健康生活为主题。设计师根据节气、自然、健康等关键词,选择了多张符合主题内容的图片素材创建情绪版,并根据视觉设计所需进行图片的筛选,再采用拾色工具如AdobeColor提取相应色彩元素,最后将所得的色彩方案,即果绿色、樱花粉、米黄色等应用于期刊APP的色彩设计,让用户沉浸在天然、轻松、愉快的情绪中进行阅读。可见,结合期刊的品牌定位,设计师使用情绪板可对色彩情感进行人性化的提炼,科学归纳出色彩的设计方案。
驾驭色彩的动态
时间维度中的色彩认知是一个连续的、单向影响的过程,在交互中用户滑动切屏过程停留时间非常短,屏与屏之间的颜色会相互影响[14]。在时尚类电子期刊APP中有大量需要用户滑动切屏的阅读动作,设计这种动态色彩必须加入时间维度的思考,形成更加科学的色彩设计方案。比如,《GQ24》APP乃是全球男性时尚潮流杂志,传统研究认为男性更偏向于冷峻感的色调,但证据表明[8]人们对颜色的偏好会随时间、空间的变化而变化。《GQ24》色彩设计方案有男性偏爱的蓝色、绿色,也融合了黄色、红色,蓝黄为色环上的互补色,绿红为对比色,但它们在饱和度、明度上非常一致,在跃动中共同传递着男性的速度感和力量感。在不同屏幕切换和色彩短时间流动过程中,让色彩不拘泥于单一印象,用户不仅不会觉得眼花缭乱,反而感到色彩富于跃动感,因此设计师应该学习驾驭色彩的动态性,把握色彩变化,突破传统静态色彩设计思维.寻求合理的动态色彩表现手法。
联系方式:18066528545   029-89298792

阅读过此文章的读者,还阅读过下面的文章

  • 小程序与原生APP那个好?下面我们就来一起了解一下小程序与原生APP那个好。以下是所整理的小程序与原生App的内容,希望对你有所帮助。

    小程序的优点:

    基于微信平台开发,享受微信自带的流量,这个优点最大
    无需安装,只要打开微信就能用,不占手机内存,体验好
    开发周期段,一般最多一个月就可以上线完成
    开发所需的资金少,所需资金是开发原生APP的一半不到
    小程序名称是唯一的,在微信的搜索里权重很高
    容易上手,只要之前有HTML+CSS+JS基础知识,写小程序基本没有大问题
    基本不需要考虑兼容性问题,只要微信可以正常运行的机器,就可以运行小程序
    发布,审核高效,基本上午发布审核,下午就审核通过,升级简单,支持灰度发布
    开发文档完善,社区活跃
    支持插件式开发,一些基本功能可以开发成插件,供多个小程序使用
    小程序的缺点:
    局限性很强(比如页面大小不能超过1M,不能打开超过5个层级的页面,样式单一,小程序的部分组件已经是成型的- 了,样式不能修改,比如幻灯片,导航)只能依赖于微信依托与微信,无法开发后台管理功能
    不利于推广,推广面窄,不能分享朋友圈,只能分享给朋友,附近小程序推广,其中附加小程序也收到微信限制
    后台调试麻烦,因为API接口必须https请求,且公网地址,也就是说后台代码必须发布到远程服务器上;当然我们可以修改host进行dns映射把远程服务器转到本地,或者开启tomcat远程调试;不管怎么说终归调试比较麻烦
    前台测试有诸多坑,最头疼莫过于模拟器与真机显示不一致
    js引用只能使用绝对路径,不能操作DOM
    原生App优点:
    原生的相应速度快
    对于有无网络操作时,譬如离线操作基本选用原生开发
    需要调用系统硬件的功能(摄像头,拨号,短信蓝牙…)
    在无网络或者弱网情况下体验好
    原生App缺点:
    开发周期长,开发成本高,需要下载
  • 小程序和Vue写法的区别?下面我们就来一起了解一下小程序和Vue写法的区别。以下是我所整理的小程序和Vue写法的区别,希望对你有所帮助。

    遍历的时候:

    • 小程序wx:for=“list”,
    • 而Vue是v-for=“item in list”

    调用data模型(赋值)的时候:

    • 小程序:this.data.item // 调用,

    • 小程序:this.setDate({item:1})//赋值

    • Vue:this.item //调用,

    • Vue:this.item=1 //赋值

  • 小程序调用后台接口遇到那些问题?下面我们就来一起了解一下小程序调用后台接口遇到那些问题。以下是所整理的小程序调用后台接口遇到的问题,希望对你有所帮助。

    数据的大小限制,超过范围会直接导致整个小程序崩溃,除非重启小程序

    小程序不可以直接渲染文章内容这类型的html文本,显示需要借助插件
    注:插件渲染会导致页面加载变慢,建议在后台对文章内容的html进行过滤,后台直接处理批量替换p标签div标签为view标签,然后其他的标签让插件来做
  • 分析微信小程序的优劣势?下面我们就来一起简单的了解一下微信小程序的优劣势。下面是所整理的微信小程序的优劣势,希望对你有所帮助。

    优势:

    容易上手,基础组件库比较全,基本不需要考虑兼容问题
    开发文档比较完善,开发社区比较活跃,支持插件式开发
    良好的用户体验,无需下载,通过搜索和扫一扫就可以打开,打开速度快,安卓上可以添加到桌面,与原生APP差不多
    开发成本比APP要低
    为用户提供良好的保障(小程序发布,严格是审查流程)

    劣势:
    限制较多,页面大小不能超过1M,不能打开超过5个层级的页面
    样式单一,部分组件已经是成型的,样式不可修改,例如:幻灯片,导航
    推广面窄,不能分享朋友圈,只能通过分享给朋友,附加小程序推广
    依托与微信,无法开发后台管理功能
    后台调试麻烦,因为api接口必须https请求且公网地址
    真机测试,个别安卓和苹果表现迥异,例如安卓的定位功能加载很慢

  • 简单描述下微信小程序的 相关文件类型。下面我们就来一起了解一下微信小程序的 相关文件类型。以下是所整理的微信小程序的 相关文件类型,希望对你有所帮助。

    wxml 模板文件,是框架设计的一套标签预言,结合基础组件,事件系统,可以构建出页面的结构

    wxss 样式文件,是一套样式语言,用于描述WXML的组件样式
    js脚本逻辑文件。逻辑处理网络请求
    json配置文件,小程序设置,如页面注册,页面标题及tabBar
    app.json 整个小程序的全局配置,包括:
    pages:\[所有页面路径]
    网络设置(网络超时事件)
    页面表现(页面注册)
    window:(背景色,导航样式,默认标题)
    底部tab等
    app.js 监听并处理小程序的生命周期函数,声明全局变量等
    app.wxss 全局配置的样式文件

  • 请谈谈原生开发小程序,wepy,mpvue的对比?下面我们就来一起了解一下原生开发小程序,wepy,mpvue的对比。个人认为,如果是新项目,且没有旧的 h5 项目迁移,则考虑用小程序原生开发,好处是相比于第三方框架,坑少。

    而如果有 老的 h5 项目是 vue 开发 或者 也有 h5 项目也需要小程序开发,则比较适合 wepy 或者 mpvue 来做迁移或者开发,近期看wepy几乎不更新了,所以推荐美团的mpvue。
    而如果如果团队前端强大,自己做一套框架也没问题。

029-86195145 180 6652 8545 西安嘉瑞德网络科技公司
工作时间:周一到周六 8:30-18:30
邮箱:2528823962@qq.com
QQ:2528823962
地址:陕西省西安市未央元朔路明丰伯马都A座10820室
  • 微信小程序制作微信二维码
    扫码咨询
Copyright © 2015 西安嘉瑞德网络科技有限公司 陕ICP备17015187号-1