产品 2018年02月16日
0 收藏 222 点赞 662 浏览 1960 个字
摘要 :

文章开始我们来说说应用市场图的名称,它即被叫作市场图、应用市场图,也有被称为应用截图、上架图等。所以当大家听到这几个名词时,就可以知道说的是什么了。 一. 平台……

春节专题!App 设计系列之应用市场截图设计原则

文章开始我们来说说应用市场图的名称,它即被叫作市场图、应用市场图,也有被称为应用截图、上架图等。所以当大家听到这几个名词时,就可以知道说的是什么了。

一. 平台规范

移动端应用市场无非就是安卓与iOS系统之间的区分。iOS 中 APP STORE的应用规范比较一致,适配便捷,而安卓的应用市场就比较多。

需强调Google Play除了市场图之外,另外还有一张Banner图。

二. 设计原则

应用市场存在的目的,是方便与驱使用户下载应用的行为。那么市场图存在的意义,就是帮助用户更好的了解产品属性、产品定位和产品的功能。

那么要设计出优秀的应用市场图,需要了解以下七大设计原则。

1. 首屏原则

在选择应用时,进入应用市场映入眼帘的必定是首屏图片。,在同行业竞品竞争激烈,同质化严重的现今,对于用户来说,怎么样在几百上千款应用中挑出喜欢的,必然是要有所不同,甚至让人耳目一新。除了利用更加出彩的设计作为首屏,还可以使用宣传视频作为首屏。

春节专题!App 设计系列之应用市场截图设计原则

△ 以视频为首屏的百度、抖音

作用:利用最短时间吸引用户关注。

2. 亮点原则(重点)

当用户选择进入应用的详情页时,必然是对应用产生了兴趣,这时候用户所关心的是能否获取想要的信息,亮点原则是突出产品亮点。「能用两个字说完的特性,就尽量不要写两句话」,用户的时间很宝贵,尊重用户时间的同时,也为产品自身创造了不错的自我介绍时间。

春节专题!App 设计系列之应用市场截图设计原则

作用:让用户捕捉重点,便于用户了解产品核心功能特性,收获有价值的信息。

3. 简洁原则

化繁为简是设计大势所趋,其重点是为了更加强调重点信息,摒弃冗杂的无价值信息,更加高效地引导用户完成浏览、下载等操作。

如App上架标题,迭代的更新说明等。

春节专题!App 设计系列之应用市场截图设计原则

△ 微信读书

作用:增加内容信息的易读性与可读性,不易使用户视觉疲劳。

4. 对比原则

对比是设计的基本原则之一,是区分类似与不同的基本方法。文字与截图的对比,背景与元素的对比,正如展示时是重界面展示,还是重文案说明的区分,推荐可以去看看格式塔心理美学设计

春节专题!App 设计系列之应用市场截图设计原则

△ Prisma:字与元素的对比

作用:对比和等同是视觉展示的重要部分,是用户明确信息展示的重要方式。

5. 统一原则

统一原则是UI设计中最常见,也是最基本的原则,这点不做详解。试想下大阅兵,如果大家穿着五颜六色,步伐杂乱无章,那画面一定辣眼睛。这里的统一原则包括风格统一、样式统一、字体统一等。

春节专题!App 设计系列之应用市场截图设计原则

△ 得到

作用:视觉上的统一,能增加易读性,不易增强阅读难度。

6. 配色原则

色彩心理学对于人所产生的影响这里就不做详解,有兴趣的朋友可以自行翻阅书籍,这里推荐《色彩心理学》、《设计色彩》、《FPA性格色彩》等书籍,相信能对大家色彩搭配有所帮助。

春节专题!App 设计系列之应用市场截图设计原则

△ 咕噜咕噜

作用:通过色彩抓住用户心理活动,满足用户心理需求。

7. 元素原则

擅长利用元素丰富画面的设计师必定是个好设计,或者是个老司机。元素对于界面的影响是如虎添翼,并不是说不添加元素就是差的设计,只是某些模块利用元素来进行用户视觉聚焦,能够达到不错的效果。

春节专题!App 设计系列之应用市场截图设计原则

△ 微博

作用:元素能够丰富画面,让画面更加活泼。

三. 设计样式

这里只讲常见的6种样式,不予评价优劣。

1. 原生界面

原生界面——仅应用内截图界面。

春节专题!App 设计系列之应用市场截图设计原则

△ Dribbble

2. 截图+说明

截图+说明——应用内截图配上相关的说明文案。

春节专题!App 设计系列之应用市场截图设计原则

△ 美颜相机

3. 截图+手机框+说明(常用)

截图+手机框+说明——戴上手机框,更贴近生活使用情景。

春节专题!App 设计系列之应用市场截图设计原则

△ QQ音乐

4. 截图+手机框+焦点/元素放大+说明(常用)

截图+手机框+焦点/元素放大+说明——利用元素或者界面焦点来强调视觉主题中心。

春节专题!App 设计系列之应用市场截图设计原则

△ 腾讯动漫

5. 跨屏界面

跨屏界面——跨屏界面能够很好的吸引用户的关注。近几年比较火的设计,因为应用市场中一级导航展示的一般为前两个页面。

春节专题!App 设计系列之应用市场截图设计原则

△ 贴吧

6. 截图或元素的应用

截图或元素的应用——直接采用功能性元素或者界面截图。

春节专题!App 设计系列之应用市场截图设计原则

△ bilibili

总结

通过平台规范、设计原则与设计样式,能够对应用市场图有更好的理解。在设计应用截图的时候,如果能先通过以上三点进行分析,那么相信你也能设计出不错的市场图,不过设计样式并不一定适用于所有应用,可酌情采纳。

作者微信号:JJ865477301

欢迎关注作者的微信公众号:「JAYGO」

春节专题!App 设计系列之应用市场截图设计原则

「新年专题合集」

  • 《新年第一发!2018年1月设计圈超实用干货大合集》
  • 《为前端而生!2018年1月超实用前端干货大合集!》
  • 《春节福利!2018年2月设计圈超实用干货大合集》

================明星栏目推荐================

极致设计教程网: UiiiUiii.com 是极致设计旗下优质中文教程网站,分享了大量PS、AE、AI、C4D等中文教程,为零基础设计爱好者也准备了贴心的知识树专栏。开启免费自学新篇章,按照我们的专栏一步步学习,一定可以迅速上手并制作出酷炫的视觉效果。

设计导航:国内人气最高的设计网址导航,设计师必备: http://hao.uisdc.com

微信扫一扫

支付宝扫一扫

版权: 转载请注明出处:https://www.jizhisheji.com/53670.html

相关推荐
推荐
如何让设计转化更高?大厂高手总结了这5个知识点!
经济的发展造成的消费导向变化,具体表现为“以消费为目的”到“通过消费过更好的生活”。影响用户线上转化的维度看似很多。仔细的研究发现完全有规律…
日期:2022-04-20 点赞:161 阅读:432
最新
万字读书笔记!产品设计宝典《上瘾》全面解读(下)
《上瘾》这本书从大量的实验案例调研中,总结出那些让用户上瘾的产品设计原则,最后提炼出了一个让用户上瘾的模型,读完以后,真的恍然大悟,原来习惯…
日期:2022-04-20 点赞:224 阅读:665
优质
华为高薪招聘的「UX文案设计」,5个阶段帮你进阶掌握!
在了解了人物性格语气的重要性以及在大厂中的应用场景之后,大家一定很关心,要如何在自己的业务中从 0 开始创建文案的人物性格语气呢?下面会结合…
日期:2022-04-19 点赞:210 阅读:209
精选
当 3D 成为未来!如何成为沉浸式体验设计师(下)
继续话题,“你好,沉浸式体验设计师”的第二与第三部分。曾在第一篇当中提到后两部分不做全译,因对我个人而言稍稍涉及敏感,相关部分跳过(上下文中…
日期:2022-04-17 点赞:30 阅读:521
优秀
有哪些看似有用,实则毫无效果的调研问卷题目?
我去年做过一次关于敏捷开发的问卷,其中 2 个问题是: 结果发现,很多用户先是选择「非常熟悉,团队使用标准的敏捷开发」,后面又选择「借鉴其理…
日期:2022-04-16 点赞:10 阅读:330
佳选
万字读书笔记!产品设计宝典《上瘾》全面解读!(上)
为什么人们每天都会刷朋友圈、刷抖音,而且一刷就是几个小时,根本停不下来?像微信、抖音这样的现象级产品又是怎么设计出来的,是巧合吗,还是这样会…
日期:2022-04-15 点赞:58 阅读:854
发表评论
暂无评论

还没有评论呢,快来抢沙发~

助力内容变现

将您的收入提升到一个新的水平

点击联系客服

在线时间:8:00-16:00

客服电话

400-888-8888

客服邮箱

ceotheme@ceo.com

扫描二维码

关注微信公众号

扫描二维码

手机访问本站