没有更多推荐了，
加入CSDN，享受更精准的内容推荐，与500万程序员共同成长！14种移动APP引导页设计的创意设计方法 -25学堂
14种移动APP引导页设计的创意设计方法
分享一位国内某设计师总结的14种不同的发挥创意设计的方法，都是我们移动app设计师值得借鉴和学习的地方。闲话不多说，开门见山。这14种创意设计方法非常适合用在移动上。可以借鉴下面的这14种方法来设计属于我们自己独一无二的app引导页。
1.直抒胸臆法
在设计里面，一种最常见的表现手法。它将某产品或主题直接如实地展示在设计版面上，充分运用摄影或绘画等技巧的写实表现能力。细臻刻划和着力渲染产品的质感、形态和功能用途，将产品精美的质地引人入胜地呈现出来，给人以逼真的现实感，使消费者对所宣传的产品产生一种亲切感和信任感。
这种手法由于直接将产品推向消费者面前，所以要十分注意画面上产品的组合和展示角度，应着力突出产品的品牌和产品本身最容易打动人心的部位，运用色光和背景进行烘托，使产品置身于一个具有感染力的空间，这样才能增强设计画面的视觉冲击力。
2.突出特征法
运用各种方式抓住和强调产品或主题本身与众不同的特征，并把它鲜明地表现出来，将这些特征置于设计画面的主要视觉部位或加以烘托处理，使观众在接触言辞画面的瞬间即很快感受到，对其产生注意和发生视觉兴趣，达到刺激购买欲望的促销目的。
3.对比衬托法
对比是一种趋向于对立冲突的艺术美中最突出的表现手法。它把作品中所描绘的事物的性质和特点放在鲜明的对照和直接对比中来表现，借彼显此，互比互衬，从对比所呈现的差别中，达到集中、简洁、曲折变化的表现。通过这种手法更鲜明地强调或提示产品的性能和特点，给消费者以深刻的视觉感受。
作为一种常见的行之有效的表现手法，可以说，一切艺术都受惠于对比表现手法。对比手法的运用，不仅使设计主题加强了表现力度，而且饱含情趣，扩大了设计作品的感染力。对比手法运用的成功，能使貌似平凡的画面处理隐含着丰富的意味，展示了设计主题表现的不同层次和深度。
4.合理夸张法
借助想象，对设计作品中所宣传的对象的品质或特性的某个方面进行相当明显的过份夸大，以加深或扩大这些特征的认识。文学家高尔基指出：“夸张是创作的基本原则。”通过这种手法能更鲜明地强调或揭示事物的实质，加强作品的艺术效果。
夸张是一般中求新奇变化，通过虚构把对象的特点和个性中美的方面进行夸大，赋予人们一种新奇与变化的情趣。
按其表现的特征，夸张可以分为形态夸张和神情夸张两种类型，前者为表象性的处理品，后者则为含蓄性的情态处理品。通过夸张手法的运用，为设计的艺术美注入了浓郁的感情色彩，使产品的特征性鲜明、突出、动人。
5.以小见大法
在设计设计中对立体形象进行强调、取舍、浓缩，以独到的想象抓住一点或一个局部加以集中描写或延伸放大，以更充分地表达主题思想。这种艺术处理以一点观全面，以小见大，从不全到全的表现手法，给设计者带来了很大的灵活性和无限的表现力，同时为接受者提供了广阔的想象空间，获得生动的情趣和丰富的联想。
以小见大中的“小”，是设计画面描写的焦点和视觉兴趣中心，它既是设计创意的浓缩和生发，也是设计者匠心独具的安排，因面它已不是一般意义的“小”，而是小中寓大，以小胜大的高度提炼的产物，是简洁的刻意追求。
6.运用联想法
合乎审美规律的心理现象。在审美的过程中通过丰富的联想，能突破时空的界限，扩大艺术形象的容量，加深画面的意境。
通过联想，人们在审美对象上看到自己或与自己有关的经验，美感往往显得特别强烈，从而使审美对象与审美国微软公司者融合为一体，在产生联想过程中引发了美感共鸣，其感情的强度总是激烈的、丰富的。
7.富于幽默法
幽默法是指设计作品中巧妙地再现喜剧性特征，抓住生活现象中局部性的东西，通过人们的性恪、外貌和举止的某些可笑的特征表现出来。幽默的表现手法，往往运用饶有风趣的情节，巧妙的安排，把某种需要肯定的事物，无限延伸到漫画的程度，造成一种充满情趣，引人发笑而又耐人寻味的幽默意境。幽默的矛盾冲突可以达到出乎意料之外，又在情理之中的艺术效果，勾引起观赏者会心的微笑，以别具一格的方式，发挥艺术感染力的作用。
8.借用比喻法
比喻法是指在设计过程中选择两个在本拷贝各不相同，而在某些方面又有些相似性的事物，“以此物喻彼物”，比喻的事物与主题没有直接的关系，但是某一点上与主题的某些特征有相似之处，因而可以借题发挥，进行延伸转化，获得“婉转曲达”的艺术效果。
与其它表现手法相比，比喻手法比较含蓄隐伏，有时难以一目了然，但一旦领会其意，便能给一以意味无尽的感受。
9.以情托物法
艺术的感染力最有直接作用的是感情因素，审美就是主体与美的对象不断交流感情产生共鸣的过程。艺术有传达感情的特征，“感人心者，莫先于情”这句话已表明了感情因素在艺术创造中的作用，在表现手法上侧重选择具有感情倾向的内容，以美好的感情来烘托主题，真实而生动地反映这种审美感情就能获得以情动人，发挥艺术感染人的力量，这是现代设计设计的文学侧重和美的意境与情趣的追求。
10.悬念安排法
在表现手法上故弄玄虚，布下疑阵，使人对设计画面乍看不解题意，造成一种猜疑和紧张的心理状态，在观众的心理上掀起层层波澜，产生夸张的效果，驱动消费者的好奇心和强烈举动，开启积极的思维联想，引起观众进一步探明设计题意之所在强烈愿望，然后通过设计标题或正文把设计的主题点明出来，使悬念得以解除，给人留下难忘的心理感受。
悬念手法有相当高的艺术价值，它首先能加深矛盾冲突，吸引观众的兴趣和注意力，造成一种强烈的感受，产生引人入胜的艺术效果。
11.选择偶像法
在现实生活中，人们心里都有自己崇拜、仰慕或效仿的对象，而且有一种想尽可能地向他靠近的心理欲求，从而获得心理上的满足。这种手法正是针对人们的这种心理特点运用的，它抓住人们对名人偶像仰慕的心理，选择观众心目中崇拜的偶像，配合产品信息传达给观众。由于名人偶像有很强的心理感召力，故借助名人偶像的陪衬，可以大大提高产品的印象程度与销售地位，树立名牌的可信度，产生不可言喻的说服力，诱发消费者对设计中名人偶像所赞誉的产品的注意激发起购买欲望。
偶像的选择可以是柔美风流的超级女明星，气质不凡举世闻名的男吸星；也可以是驰名世界体坛的男女高手，其它的还可以选择政界要人、社会名流、艺术大师、战场英雄、俊男美女等。偶像的选择要与设计的产品或劳务在品格上相吻合，不然会给人牵强附会之感，使人在心理上予以拒绝，这样就不能达到预期的目的。
12.谐趣模仿法
这是一种创意的引喻手法，别有意味地采用以新换旧的借名方式，把世间一般大众所熟悉的名画等艺术品和社会名流等作为谐趣的图像，经过巧妙的整形履行，使名画名人产生谐趣感，给消费者一种崭新奇特的视觉印象和轻松愉快的趣味性，以其异常、神秘感提高设计的诉耱效果，增加产品身价和注目度。
这种表现手法将设计的说服力，寓于一种近乎漫画化的诙谐情趣中，使人赞叹，令您发笑，让您过目不忘，留下饶有奇趣的回味。
13.神奇迷幻法
运用畸形的夸张，以无限丰富的想象构织出神话与童话般的画面，在一种奇幻的情景中再现现实，造成与现实生活的某种距离，这种充满浓郁浪漫主义，写意多于写实的表现手法，以突然出现的神奇的视觉感受，很富于感染力，给人一种特殊的美感受，可满足人们喜好奇异多变的审美情趣的要求。在这种表现手法中艺术想象很重要，它是人类智力发达的一个标志，干什么事情都需要想象，艺术尤其这样。可以毫不夸张地说，想象就艺术的生命。
从创意构想开始直到设计结束，想象都在活跃地进行。想象的突出特征，是它的创造性，创造性的想象是新的意蕴的挖掘开始，是新的意象的浮现展示。它的基本趋向是对联想所唤起的经验进行改造，最终构成带有审美者独特创造的新形象，产生强烈打坳人心的力量。
14.连续系列法
视觉画面，形成一个完整的视觉印象，使通过画面和文字传达的设计信息十分清晰、突出、有力。设计画面本身有生动的直观形象，多次反复的不断积累，能加深消费者对产品或劳务的印象，获得好的宣传效果，对扩大销售，树立名牌，刺激购买欲增强竞争力有很大的作用。对于作为设计策略的前提，确立企业形象更有不可忽略的重要作用。
作为设计构成的基础，形式心理的把握是十分重要的，从视觉心理来说，人们厌弃单调划一的形式，追求多样变化，连续系列的表现手法符合“寓多样于统一之中”这一形式美的基本法则，使人们于“同”中见“异”，于统一中求变化，形成既多样又统一，既对比又和谐的艺术效果，加强了艺术感染力。
0 个人已赞
你可能喜欢
使用社交账户登录您的位置：
如何做好App的引导页？
作者：battle_pan
　　当你第一次打开一款应用的时候常常会看到精美的引导页设计，它们在你未使用产品之前提前告知你产品的主要功能与特点，第一次印象的好坏会极大地影响到后续的产品使用体验。因此各个公司都在努力将这几个页面设计好，从一开始就引人入胜。那接下来我跟大家一起来探讨关于引导页的设计。
　　一、&目的区分
　　根据引导页的目的、出发点不同，可以将其分为功能介绍类、使用说明类、推广类、问题解决类，一般引导页不会超过5页。
　　1.功能介绍类
　　功能介绍类引导页主要是对产品的主要功能进行展示，让用户对产品主功能有一个大致的了解。采用的形式大多以文字配合界面、插图的方式来展现。
　　以易信为例，采用文字与水彩插图结合的方式，文字分为2个层次，大标题与小标题，大标题是对主功能的概括，小文字是对其功能模块的详细描述或进一步补充说明。
　　2、使用说明类
　　使用说明类引导页是对用户在使用产品过程中可能会遇到的困难、不清楚的操作、误解的操作行为进行提前告知。这类引导页大多采用箭头、圆圈进行标识，以手绘风格为主。以虾米音乐的引导页为例，对于较难发现的播放队列、歌词的操作方式进行的箭头引导来说明。
　　3、推广类
　　推广类引导页除了有一些产品功能的介绍外，更多是想传达产品的态度，让用户更明白这个产品的情怀，并考虑与整个产品风格、公司形象相一致。这一类的引导页如果做的不够吸引人，用户只会不耐烦地想快速划过。而制作精良、有趣的引导页，用户会驻足观赏。
　　以淘宝旅行为例，淘宝旅行通过清新、生活化场景的插图营造产品是一款乐享生活、跟着感觉走的出行应用，在你出行前就帮你计划好所有的行程安排，只要一个行李箱，说走就走，与产品的理念相契合。而另外一款应用，选用恬静、安逸的照片配以简洁的文字来渲染产品的基调。
　　4、问题解决类
　　问题解决类通过描述在实际生活中会遇到的问题，直击痛点，通过最后的解决方案让用户产生情感上的联系，让用户对产品产生好感，增加产品粘度。例如QQ浏览器的引导页设计，通过形象的插图直接明了地说明了QQ浏览器解决了其他浏览器所遇到的问题(搜不到小说、看小说花钱、小说更新需要等)。
　　二、表现方式
　　1、文字与界面组合
　　这是最常见的引导页面，简短的文字+该功能的界面，主要是运用在功能介绍类与使用说明类引导页。这种方式能较为直接地传达产品的主要功能，缺点在与过于模式化，显得千篇一律。
　　2、文字与插图组合
　　文字与插图的组合方式也是目前常见的形式之一。插图多具象，以使用场景、照片为主，来表现文字内容。
　　3、动态效果与音乐
　　除了静态页面外，开始流行具有动态效果的页面。在单个页面采用动画的形式，考虑好各个组件的先后快慢，打破原有的沉寂，让页面动起来。同时结合动效可以考虑页面间切换的方式，将默认的左右滑动改为上下滑动或过几秒自动切换到下一页。在浏览引导页的时候，可以试着加入一些与动效节奏相符合的音乐，会是一种更加新颖的方式。
　　4、视频展示
　　在打开后通过播放视频的方式来介绍产品或传递一种理念，这种方式多见于偏生活记录类的应用，如拍照、运动类应用，给人传达青春活力、积极乐观的生活态度。优点：直观，动感，生活化。缺点：应用较大，视频播放会出现卡顿的情况。
　　三、&总结
　　以上已经针对引导页的目的差异以及表现方式进行了相关归类，在具体的设计中还得注意一些原则,它们会让你的设计更加吸引人，信息传达的效果更好。
　　1、文案言简意赅，突出核心。
　　根据爱尔兰哲学家汉密尔顿观察发现的7&2效应，一个人的短时记忆至少能回忆出5个字，最多回忆9个，即7&2个。因此展示的文案要控制在9个字以内，超过后用户容易遗忘、出现记忆偏差。如果表达起来困难，可以辅助一小段文字进行解释或补充。因此在最终文案的确定上，要突出重点，多余的文字尽可能地进行删减。如果文案删减后字数还是过多，因考虑对文字进行分层，通过空格或逗号或换行的方式进行视觉优化。
　　精准贴切的文案也十分重要，将专业的术语转换成用户听得懂的语言。尤其对于通过照片来表现主题的引导页设计，文案与照片的吻合度，直接影响到情感传达的效果。
　　2、视觉聚焦
　　在单个引导页中，信息不宜过多，只阐述一个目的，所有元素都围绕这个目的进行展开。视觉聚焦包括两部分，一是文案的处理，要注意层次，主标题与副标题要形成对比;二是引导页中的界面、场景、文案具象化元素，要有一个视觉聚焦点，多个视觉元素的排布采用中心扩散的方式，聚焦点的视觉面积最大，同时与扩散的元素拉开对比。这样用户能清晰地看到核心文案信息与文案对应的视觉表现元素。同时结合视线流动的规律，从上到下，从左到右，从大到小。因此可以根据这个视线流的规律来进行引导页的设计。
　　如下图为天猫客户端的引导页，分析其视觉流发现，浏览的顺序从插图到主文案，再到辅助文案，缺点在首次看到的是插图而不是文案，插图相对文字理解相对困难，因此未能快速地获取该页的主要信息，可以考虑将文案与插图的位置进行互换，这样会好一些。
　　3、富于情感化
　　A、文案具象化
　　通过具体的元素、场景来表现文案，采用写实、半写实的方式进行表现，有些应用还会配以水彩风格。以天猫为例，天猫是一款购物应用，在设计上通过商场、店铺的实际场景的具体描绘，渲染轻松、欢快的购物过程。
　　B、页面动效、页面间交互方式的差异化
　　之前对于表现方式的归类已经讲到了动画及页面切换方式，如果增加了页面动效，利用动效，包括放大、缩小、平移、滚动、弹跳，表现形式更加多样化，会让引导页更有趣，注意力更为集中。
　　而页面间的切换方式除了传统的卡片左右滑动的方式外，可以结合线条、箭头等进行引导，通常会配合动效。例如网易新闻客户端、印象笔记&食记，它们在引导页的设计上采用了线条作为主线贯穿整个引导页面，小圆点显示当前的浏览进度，滑动的过程中有滚动视差的效果。
　　4、与产品、公司基调相一致
　　引导页在视觉风格与氛围的营造上要与该产品、公司形象相一致，这样在用户还未使用具体产品前就给产品定下一个对应的基调。产品的特性决定了引导页的风格，产品是消费类、娱乐类、工具类还是其他，根据不同的产品特性决定了引导页是走轻松娱乐、小清新，还是规整、趣味性的风格，在最终的表现形式上也就会有完全不同的展现，是插图、界面、动画还是其他。如淘宝的娱乐、豆瓣的清新文艺、百度的工具、蝉游记的休闲等等，通过对比就能发现他们在引导页设计上的差异。
　　这样一方面有利于产品一脉相承，与产品使用体验相一致;另一方面也会进一步强化公司形象。
　　以来往为例，来往是一款针对个人用户的及时通讯应用，主打扎堆、阅后即焚、敲门等与微信不一样有趣的功能，也是想给用户创造不一样的IM沟通方式。因此在引导页的设计上通过趣味性、甚至有点搞怪的动作与表情来表现来往是这样一款有趣、欢乐多的产品。
　　又如网易彩票，引导页的主色选用了与网易自身的红色相一致的红色，在公司产品系统性上保持高度的一致性。
　　总之：想做好引导页的设计，在理解用户对引导页需求的基础上，怀揣热爱产品的情怀，依靠精致的布局，巧妙的构思，贴切的氛围渲染，再加一点点特色。当然光讲是枯燥的，还是需要设计师在具体的设计中不断实践，总结出新的观点与方法，探索出别具一格的引导页设计。
(转载请保留)
置顶推荐热门话题
您刚刚看过
互联网的一些事，已超50万小伙伴关注！引导页视觉流分析APP引导页设计的五种常见表现方式 -25学堂
APP引导页设计的五种常见表现方式
app引导页，想必大家都很熟悉。目前来说，并不是每一个APP的必备设计环节啦。因为一款App是否需要引导页，取决于每一个APP出发点或者说是用途。
比如，在功能引导页和操作引导页上的设计上需要基于一个怎样的目的去展开设计，是产品的功能需要还是页面的样式需要，是产品的锦上添花还是功能的雪中送碳。
所以，这个看似简单的问题实则有着太多的思考价值。这里25学堂不跟大家过深的来讨论啦。有兴趣的可以看看。
今天25学堂要跟大家分享的是5种常见的的表现方式。
第一种：功能产品展示法，图标与重点文字相结合
app案例：one
同时加上了交互按钮。 该案例的表现方式就是分为 上中下的结构。
上面：图标
中间：说明文字或者重点广告词
下面：过渡按钮
第二种：文字与APP UI 界面 立体组合
这是最常见的面表现方式，简短的文字+该功能的界面，主要是运用在功能介绍类与使用说明类引导页。这种方式能较为直接地传达产品的主要功能，缺点在与过于模式化，显得千篇一律。跟上一种是非常简单而直抒胸臆的做法。
APP案例入下：
第三种：文案与插图组合的表现方式
文字与插图的组合方式也是目前常见的形式之一。插图多具象，以使用卡通人物，场景、照片，或者是玻璃大背景为主，来表现文字内容。这种表现方式被设计师采用的居多。这样设计出来的引导页视觉冲击力很强。
app案例：聚美优品APP
第四种：APP上下滑动，线路、轨迹展示的表现方式
比如下面的马蜂窝的旅游攻略APP的引导页设计。采用了自上而下的线路表现方式。
而这个是百度的设计，采用了一条曲线贯穿到底的整体布局设计。
第五种：APp动态效果与音乐、视频融合的表现方式
除了之前静态的展示方式之外，我们的APP也可以采用一些优美的动效效果，比如页面间切换的方式，当前页面的动态效果展示等。还可以加入音乐，微视频等。
总结：这里也是25学堂跟大家做的一下关于设计的布局或者是表现方式整理归类。算是抛砖引玉。也希望大家在具体的设计中还得注意一些原则,它们会让你的设计更加吸引人，信息传达的效果更好。
25学堂之前谈到关于设计的还有：
0 个人已赞
你可能喜欢
使用社交账户登录