移动端营销类页面设计布局有哪些?如何设计?

设计营销   2021-10-07

如今手机的功能已经非常强大了,衣食住行都能通过手机来解决,那么手机设计类的营销页面设计布局有哪些?如何更好的设计呢?下面带大家一起沟通讨论一下:


自定义手机软件、APP界面布局方法

接口组成的基本要素:

移动电话软件在其界面管辖范围内的构成,往往可以划分为几个标准的信息区域:标题区、主信息操作区、公共导航区;

标题区:主要是软件LOGO,软件版本,以及相关图文资料。

函数操作区:它是软件的核心,也是布局中面积最大的部分。

公用导航区:这是一个对软件操作进行宏观操纵的区域,在此可随时保存当前运行结果,切换当前操作模块,退出软件系统,实现对软件的灵活操纵。

移动电话的界面设计,很大程度上需要借鉴手机系统界面的设计来创作,只有这样,才能保证整个手机界面的统一。

分解和合成界面元素。

接口排版方式是由界面点线面组成,手机软件由于自身运行环境较小,那就决定了要控制自己的大小。所以我们的界面图形一定要按需切,能用程序实现的效果尽可能用程序来实现,比如单色线和平面。复合图标保留以图片的方式呈现,所以我们在界面设计稿完成之后,一定要与程序员进行紧密的沟通,将图形分解后优化,然后再由程序员完成排版的第二次排版。

视效分析及产品策划

彩色屏幕手机界面的视觉效果,应遵循给使用者舒适、活力的原则,通过视觉感官的刺激,增加使用者的亲和力,适应不同使用者不同的心理特点。


简洁明快(适用于颜色支持较少的彩色屏幕手机):

简洁明快的现代设计潮流,大块面色彩线条组合的方式大气时尚、精确到极简的布局设计,点线面等基本版式设计元素的安排,更能让人轻松地感受到。根据以上风格的设计思想,在设计过程中,在视觉效果设计上应参照以下方法:

与界面风格相结合,图标设计尽量采用平面图形,并有很好的表达能力,让使用者能清楚理解图标的含义,避免操作麻烦。


显示出图形界面的精巧,手机软件的界面设计完全是巴掌大的一块区域,每一个按钮和色块都要精确到一个像素,这就是我们通常所说的细节,只有做到如此准确,所谓的细节决定成败。

黑白灰的设计理念已经深入人心,大块表面的无色会让用户的旅行体验变得十分枯燥,生动的色彩点缀可以起到画龙点睛的作用。


有趣而有创意的

移动界面设计的趣味,主要是指形式趣味。它是一种生动的版面视觉语言。假如版面上没有很多精彩的内容,就要靠制作趣味取胜,这也是调动艺术手法在构思中的作用。在手机界面的设计上,可以考虑使用个性图标或有趣的布局等手法来表现界面的趣味。创造性原则本质上是突出个性的原则。独树一帜,是版面设计创作的灵魂。

根据以上风格的设计思想,在设计过程中,在视觉效果设计上应参照以下方法:

界面上每个按钮的纹理都是设计师精心调试的结果,IOS系统的界面设计似乎成了每个人竞相模仿的对象,玻璃质感和水晶效果更能体现现代设计的方向。

图标制作要尽可能圆润、饱满,避免棱角分明,给使用者生硬的感觉。

界面的整体颜色要再大一点在颜色上调和,千万不要搞得像调色盘,把什么颜色放上去。

设计终极视觉元素。


图件设计原则:风格统一、简洁、直观、隐喻。

图件设计流程:确定样式—决定图标作用—确定图标造型—进行制作。

1.确定方式:

依据界面整体风格来决定图标的风格,风格的统一是首要的。不仅图示风格统一,颜色风格也要统一,最好有一个主调。

2.确定图标功能:

决定图标的功能这一项是非常谨慎的,要保证图标的隐喻,不能有歧义的出现,要让用户在看到图标之后有同样的联想,图标代表的意思一定要用熟悉的意思。在设计时,图标的功能需要我们反复斟酌。

3.标识造型:

在不违背主题的情况下,确定造型的方式有多种。图形设计我们提倡原创,首先使用illustrator来绘制图标,然后photoshop做图标设计的后期效果处理。同属接口,同类型图标我们还要保证表现形式的统一,避免用户视觉混乱。

4.制作界面设计:

在photoshop中,最好的方法是使用绘制界面图形元素的路径工具(以便以后版本定制),根据界面的风格,制作界面。这一步是一段较长的时间,在此阶段可能会发现以前的设计不合理现象,需要制作者在实施过程中不断调试,直到达到最合理的效果。

至此大家应该知道什么是设计类的手机行销版面设计都有哪些以及怎样设计比较好。在手机页面设计上要有亮点,才能吸引消费者的注意。


维好维可-用户体验体验创新设计

联系我们:

关注我们微信

关注我们,一起探索美好

+86-21-51115850
©2010-2021 维好维可 | 用户体验创新设计咨询公司-版权所有
沪ICP备19006116号-1

Hi,  认识一下
请留下需求和联系方式

合作咨询
+86-21-51115850
© 2010-2020  维好维可 | 用户体验创新设计咨询公司
沪ICP备19006116号-1
维好维可-微信二维码