行业领跑者!

案例:这么有品牌感的启动页设计,你尝试过吗?

文章来源:沪嘉秉里网 发布日期:2019-11-09 18:10:27
浏览次数:4977

本文以大量案例为基础,介绍了启动页面的设计和设计方法。

启动页面,用户打开产品看到的第一页。它可以作为品牌传播的重要载体。例如,淘宝和支付宝的闪屏往往会成为品牌传播之外的品牌广告资源,带来商业价值。今天,让我们分享下一个发布页面的一些方向!

发布页面是用户对品牌最直观的感知,也是向用户介绍产品内容的最佳领域。在用户界面设计中,它是用户打开应用程序的初始页面。发布页面的标题和副标题口号是一个很好的融合品牌音调和应用介绍的地方。这里你可以想象一个舞台。

如前所述,这种设计有一个非常核心的原则,那就是体现品牌感,而不是画笔设计的存在感。

这种类型巧妙地将功能与品牌结合起来。在许多要求用户注册和登录的新应用程序界面中,产品通常与注册和登录相结合。微信在中国很常见。

该页面的启动页面具有上下结构化的登录和闪屏图像。上面的启动页面的品牌形象使用通用图标平铺样式模式。每个图标都清晰地与业务集成在一起。这看起来很简单,但实际上有很多设计细节。最早的手摇摄是用类似的设计方法设计的。

这个页面也是一个顶部和底部的结构,顶部填充了背景图片,下面是注册和登录入口,这也是一个实用的设计。

这个产品的背景装饰不多。它看起来像一个简单的页面。事实上,设计细节已经到位。页面结构采用分层组合设计,结构采用斜切设计,突出了不同之处。同时,核心登录按钮是清晰的,引导用户直接操作。

斯泰勒的设计也采用倾斜布局,而背景的选择是使用图片和彩色掩膜的设计趋势,整体设计非常透明。

Lonut zamfr采用深色,logo是一个图形组合注册登录页面,在传递品牌的同时很好地结合了功能。

这种类型的启动页面适合介绍新功能和早期的朋友圈。你还记得由几张照片拼接而成的照片吗?新功能可以以各种形式进行指导,例如视频、图片或插图。通常,这些功能以类似于讲故事的形式传达给用户。

Feynaub在引导新功能时需要用户输入位置,并以插图的形式很好地表达了新功能和启动页面的情感色调,不那么生硬,自然地传达了品牌。

Numero在新的功能指南页面上使用字母和字符相结合的设计技术。线条文本和图形结合得很好,给人一种精致时尚的感觉。

这个启动页面的设计也是一个新的功能介绍。整体设计具有强烈的形式感和图形感,通过叙事导向很好地传达了功能。

入职页面的设计很好地利用了连续感觉。每张图片和图片直接平滑连接。同时,采用2.5d设计技术。但是,处理不是那么重和轻,这更适合当前的快速浏览场景。

咖啡应用程序的启动页面采用了当前常见的设计方法、插图和文本显示。中国有许多这样的设计,但是咖啡在色调和图形处理上相当精致,同时也有许多有趣的设计。

当然,现在已经是小视频时代了。目前,许多应用程序启动页面都是以短视频的形式直接交付给用户的,这使得视频更直观地呈现和沉浸其中。

潜望镜巧妙地将界面中的功能与插图结合起来,这也值得学习。

我非常喜欢日本应用程序名sooshi。指南页面的设计非常好。图片的选择、图片的光处理和文字处理都是非常高的标准。因此,没有必要将照片用作非常低的背景图片。如果你处理得好,它们也很高。

这种结构也更多地、直接地、简单地使用品牌图形和副本来传递,这更适合一些知名产品。他们的图标符号已经是一种品牌传播,没有太多的修改,如苹果、推特、脸书等。

简单而粗糙的品牌颜色+标志足以传达共同表达的内容。用户也可以很好地接受这种简洁的品牌表达。

添加一点背景色,或者一些大型工厂经常使用标志的形式。

它也是与品牌颜色相结合的相同标志图形。有时用户最迫切的需要是简单快速地进入主页。

我不得不说,外国设计师正在将品牌图形设计到极致。简单的符号和图形已经是最好的品牌表达。

这种方法在国内电子商务中应用广泛,其结构相对固定。上面是品牌营销,下面是品牌标志。通常,这个启动页面有两种情况:默认状态和品牌营销状态。上述结构可以是容器能够承载的任何形式,例如视频、图片、广告等。

(左)正常情况下,淘宝的盒子打开,五彩缤纷的商品飞出,象征着淘宝的普及。(右)营销状态:淘宝盒子关闭。它与double 11的广告操作图一起显示。用户可以跳过它。

(左)天猫默认正常;(右)在营销活动中,徽标被折叠到底部,顶部固定在图片区域。

(左)微博默认状态;(右)正常微博活动。

(左)虾默认正常;(右)虾活动正常。

顾名思义,它是品牌颜色和图标的展示。事实上,上面提到过一些情况。这种标志很常见。通常,徽标会添加在白色背景上。当然,它也可以是反色的。品牌颜色+白色标志是一种更常见的形式。

以上是一个简单的例子。有4种常见的设计技术:

这些都是通过品牌色彩和品牌已经存在的标志和卡通形象的比较好的通用设计方法。事实上,他们仍然非常富有。关键在于设计师对细节的处理和控制。

图片比文字更容易传达情感。例如,莫莫每次的画面调性都很好,微信就是一个很好的例子。

一张好的图片可以形成该产品用户的第一记忆,有时它可以像电影中的经典图片一样成为经典,但它必须很好地表达功能的特点,否则就毫无意义。

目前,这种插图被广泛使用,也是一种主流形式。它通常与节日情感相协调,并能很好地反映页面的音调。然而,插图和图片形式需要定期更换,否则很容易造成审美疲劳。

图标模式也是一种经典技术。背景采用一些图形表达,可以很好地传达产品的功能。最早的手动平移和当前版本是相似的样式。

图形演变通常基于品牌标志。徽标图形用作视觉容器,并根据图形进行设计,例如普通的猫头、qq音乐的音乐光盘、qq空间中的星星等。这种类型需要更高的标志图形,必须足够简单,易于扩展。

事实上,在单个启动页面的简单设计背后有很多设计考虑。当我们做类似的设计时,我们应该首先弄清楚产品的内容和色调,以选择一个合适的,然后进一步缩小基于这个框架功能的设计目标,这样我们的设计就可以被证明是合理的,并且在正确的方向上。

天空,微信公众号:我们的设计日记(身份证:你好SKYS),每个人都是产品经理专栏作家。支付宝体验设计专家,阿里巴巴天猫设计专家;在知名互联网公司有十年的设计经验,在产品0-1、品牌定位、金融产品、设计规范、操作规范、推广等方面有丰富的实践经验。

这篇文章最初发表于《人人都是产品经理》。未经允许禁止复制。

主题地图来自unsplash,基于cc0协议。

江苏快3开奖结果 天津11选5开奖结果 新疆十一选五投注 重庆幸运农场购买 八大胜