交付Sketch/XD/PS/Figma/Axure设计稿
原型设计工具，高效易用
UI设计工具，更懂中国设计师
轻松定制规范，高效管理资源
桌面端原型设计软件
内网专用版，高安全性
背景设计，突出界面主体元素的同时，还能轻松营造氛围，帮助设计师更加自然、流畅地介绍产品或公司企业信息。这也是为什么背景设计一直以来都是网页或App设计中至关重要的部分。
然而，作为设计师，究竟如何才能打造美观、高效的背景设计呢？几何图形、渐变纹理、插画、视频以及动画等当下流行设计元素，又该如何自地融入各类App背景设计中呢？
设计师：theMakeApp
类别：学习App
设计特色：中国风设计；烟雾特效
为帮助用户更好的学习中国文化，营造学习氛围，设计师在构建界面背景时，融入了很多中国元素。例如，界面背景大量使用了极具中国特色的水彩画，美观而古朴。水彩山水，搭配随风变化的薄雾设计，让人仿佛置身于烟雾缭绕的仙境，美好而神秘，正如同样神秘
而高深的“道教”，让人向往。
例如这里介绍的iDaoApp，作为一款中国传统道教文化的学习软件，设计师直接选用了极具特色的中式风格进行背景构建，实现了中国文化和中国风背景的完美映衬。
所以，设计师背景设计的过程中，也需考虑产品或软件特色，选择一种合适的背景设计风格，烘托气氛，优化用户体验。
当然，也可适时添加一定的视觉特效（例如这个案例里添加的烟雾特效），增强App界面的视觉魅力，提升App用户的留存率和活跃度。
设计师：JAM
类别：小说、艺术或绘画类App
设计特色：幽默风趣的插画背景设计
美观而极具个性的插画设计，一直都是设计师UI/UX设计的“宠儿”。背景设计，作为UI/UX设计中的重要部分，也是如此。
名画与搞怪风格的完美碰撞，让人眼前一亮。非常适合小说、艺术、展览以及绘画类App使用。
利用插画讲述一个产品或品牌故事，提升产品或品牌辨识度
插画，大都拥有非常丰富的视觉元素，例如色彩、人物以及形状等。设计师充分利用这些元素，不仅能够有效提升App背景的视觉效果，还能轻松讲述一个产品或品牌故事，打造不一样的设计语言，提升产品和品牌辨识度。
设计师：AndreiHoncharuk
类别：旅行类App
设计特色：图形叠加设计；渐变色
ArabicWorldAppBackground是一款设计师专为旅行类App打造的背景设计。丰富的图形叠加设计，搭配不同饱和度的色彩填充，制造出渐变效果的同时，也清晰呈现了阿拉伯世界别样的自然和人文风情，美观而极赋层次感。
添加叠加设计，让背景设计更有层次和深度
相较于网页，手机App界面尺寸往往更小，能供设计师发挥的空间也往往更小。如何利用有限的空间，打造层级丰富又有深度的设计，一直都是设计师们不断探讨和思考的问题。而其中最有效的解决方法就是叠加设计。
无论是色彩叠加、图形叠加，还是组件叠加，都能有效提升App背景设计的空间感和层次感，成功打造更有深度的设计。大家不妨试试看。
如图，给叠加设计添加一定微动画，让背景动起来，也能够有效提升其视觉表现力，增加界面趣味性。
设计师：TubikStudio
类别：教育类App
设计特色：深色主题
NatureEncyclopediaApp是一款典型的深色主题的App设计。
从这一点上讲，相较于拥有复杂色彩的背景设计，深色的背景，显然更能凸显界面主体内容。
利用纯色背景，突出界面主体内容
纯色背景，把背景对用户的干扰降到最低，让他们更专注于界面主体内容，从而促进软件商业价值的实现。
当然，添加纯色背景设计时，设计师也需注意界面色彩的搭配，选用对比度更高的配色，界面易读性才会更强。比如，以深色背景为例，黑白、黑红以及黑黄配色的界面设计，易读性往往更高。这一点上，大家一定深有体会。
此外，有些场合依然可以为纯色背景添加一定纹理或质感，营造更强的界面氛围，而如何把控背景纹理的度，就是考验设计师功底的问题了。
如图，设计师构建电影类App的过程中，不仅选用了深色的背景，还为背景添加了血淋淋的墙面质感，营造出一种恐怖的氛围，吸引用户点击查看更多影视作品详情。
设计师：JulessDesign
类别：充电站查找类App
设计特色：深色背景；红黑配色
这是一款能够帮助用户快速定位、查找附近充电站，并及时支付充电费用的手机端App。
设计师同样也选用了界面噪音极低的纯黑色背景。而叠加的功能卡片设计，主色选用了高饱和度的玫红色。黑红色彩对比带来个性、新潮的设计感受，符合这款APP的年轻用户群体的需求。
设计师：CMARIXTechnoLabs
类别：美食类App
设计特色：简约设计风格；几何图形元素
Foodies是一款由国外设计师打造的美食类App。设计师采用了平面感较强的圆形几何元素进行背景的装饰，同时配合大面积留白，营造出温馨而现代的风格。黑，白，黄三色的搭配又能够保证页面文字的识别度。
而背景中圆形的几何元素，又正好与主体界面的圆形餐盘相互呼应，完美配合，简约时尚，现代感十足。
设计技巧：
选用几何元素，打造简约现代的App背景设计
此外，几何图形设计的门槛也极低，即使是刚入门的设计师，也能轻松组合或叠加各类几何图形，快速打造简约、创意的背景设计。
设计师：VilémRies
设计特色：图片背景设计
WonderApp是一款能够快速搜索最佳旅游目的地的手机软件。
对于此类旅行App，相较于长篇大论的文字介绍，直接呈现代表性的图片或视频，更能吸引用户注意，并帮助他们尽快做出决定。
而设计师就充分认识到这一点，直接选用各个旅游胜地的照片作为App的界面背景，搭配简洁的文字介绍，直观高效，代入感极强。
利用图片背景，营造氛围，提升界面代入感
正如设计师们常说那样：“好的图片，胜过千言万语”。好的背景图片，不仅能够省去大量文字介绍，还能够轻松打造身临其境的用户体验，代入感和表现力极强。
如图，利用代表性的图片背景，呼应手机App的主题，营造独特的软件氛围。
此外，在原型化App设计的过程中，此类图片背景实现起来也极为简单。
设计特色：图片蒙板设计
利用“图片+字母/形状”蒙版背景设计，减少界面噪音
设计师：AlexanderPlyuto
设计特色：动画背景
登陆注册页面，由于涉及用户个人隐私，一不小心，就极易引起用户反感，造成用户流失。所以，设计过程中，为避免此类问题，设计师可以尝试添加趣味性性文字或动画，以分散用户注意，缓解用户负面情绪。
而此款设计就通过微动画的背景设计，分散用户注意，从而减少用户负面情绪，有效提升用户注册意愿。
背景设计添加一定动画，摆脱枯燥乏味，提升用户体验
当然，添加动画背景时，设计师也需要把握一个度。太过博人眼球的动画，反而会带来反效果。总之，太过“抢戏”的背景设计，注定不会是好的背景设计。
类别：骑行类App
设计特色：视频背景
而此案例中，为打造更加引人入胜的旅行类App，设计师直接添加了一个骑行视频作为整个界面的背景，直观炫酷，简约干练，能够有效激发用户对旅行，甚至是骑行的兴趣，促使他们下载并使用软件。
添加视频背景设计，更加生动直观的呼应界面主题
设计师：Norde
设计特色：复古设计风格；手绘插画设计
这款App设计，通过手绘的插画设计，打造出了相当吸睛的复古风格的背景设计。非常适合用于古典戏剧、小说、绘画等带有复古属性的APP。
设计师：YaroslavZubko
设计特色：利用色彩分割背景和功能
此款设计选用了非常流行的色彩分割背景设计。设计师选用绿、蓝、白三种色彩，更加直观的划分和展示界面不同功能模块，炫酷高效。
利用不同色彩划分界面背景和功能
除了以上介绍的App背景设计案例，摹客团队还查看了大量素材网站，为大家搜集了一系列免费的背景模板素材。需要的话，可以直接下载使用:
设计特色：几何图形元素
此款素材模板为大家打包了一系列几何图形的App背景设计，提供多种色彩选择。设计师可直接下载，快速编辑和完成各类简约风格的App设计。
设计师：JaniceJao
类别：费用追踪类App
设计特色：色彩分割背景设计
平时常用AdobeXD的设计师可以收藏起来。
设计师：harvanianjali
设计特色：几何图形背景设计
此款模板的最大特点就是：选用了丰富的几何图形作为界面背景，搭配丰富的明度和阴影变化，简约高效，而极富现代感。提供PSD格式，同样仅供个人免费试用。
设计师：Johnyvino
设计特色：漂亮的插画背景设计
此款免费的App启动页套件，提供了非常漂亮的插画背景设计，色彩丰富，主题明确，支持Sketch编辑和优化。
设计师：wsdesign.in
设计特色：复古风背景设计
设计师：Vaijanath
设计特色：图片背景
设计师：PremGurusamy
设计特色：叠加几何图形设计；渐变色
此款背景模板专为天气类App打造，支持Sketch编辑和优化。
设计师：Oxygenna
设计特色：几何图形设计
此素材包提供30个MaterialDesign的背景设计，色彩丰富，图文选择多样，支持PNG和AdobeIllustrator两种文件格式下载。
设计师：YogeshSolanki
设计特色：插画背景
此款模板专为游戏类App搭建。为了打造轻松愉悦的用户体验，设计师还添加了大量绝美的日出和夜景插画。支持PSD文件格式下载。仅支持个人免费使用。
设计特色：萌萌哒的插画设计
此款高清的H5背景模板拥有非常可爱的美食插画设计。提供JPG和PSD两种文件格式。
设计特色：木纹背景设计
此款App背景设计模板拥有极具质感的木纹设计，提供JPG和PSD两种文件格式，仅支持个人免费使用。
设计特色：黑板报风格的背景设计
这款黑板报风格的手机App背景模板设计，个性而不失艺术性。非常适合用于打造加载或引导类界面设计。提供PNG和AI两种文件格式
类别：学习类App
设计特色：中国风
此款中国风的H5背景设计模板，提供JPG和PSD两种文件格式。
设计特色：深色模式；石头纹理设计
这款纯黑的H5模板拥有极具特色的石头纹理，非常适合设计师用户于打造复古风格的App界面设计。
设计特色：深色模式；金色植物纹理设计
此款深色的App背景模板素材，添加了非常吸睛的景色植物纹理设计，高端大气，非常适合用于表现高端尊贵的感觉，比如医美，地产，奢侈品牌等App设计。
设计特色：深色模式；金色虚拟三角图形设计；气泡设计
此款模板设计采用了炫酷的光效元素，带来太空和宇宙的神秘感。
设计特色：深色模式；几何图形；叠加设计
设计师在此款模板中也融入了很多流行设计元素，例如几何图形、植物树叶、发光特效等，打造出了霓虹感的都市夜晚氛围，给人温馨而神秘的感觉。
设计特色：光点；渐变色；模糊虚化设计
这款H5模板素材利用光点、渐变色和模糊虚化设计，打造出别样的视觉效果。提供JPG和PSD两种文件格式。
设计特色：可爱趣味的火鸡插画设计
此款App设计模板专为Android用户打造。整款设计最大的特色就是：界面中央的拟人化火鸡设计，可爱吸睛，非常适合用于打造感恩节促销之类的活动界面。该模板提供JPG和PSD两种文件格式。
更多手机App背景设计案例：
例如，此款例子已经完成了蘑菇主题设计，设计师们也可以尝试其他类似的主题，制作一个系列。比如如西红柿、青椒、西蓝花等主题系列。想象力有多丰富，设计作品就有多丰富。
如今，圣诞节快来了，添加“大长腿”圣诞老人的设计，也是不错的选择呢。
注意：利用同一动物角色的不同姿态，对背景进行巧妙地填充，也是一个非常新奇的手法。最终效果丰富而滑稽。
获取设计灵感后，设计师究竟该如何一步步打造美观实用的App背景设计呢？显然，高效实用的设计工具必不可少。下面为大家介绍两类App背景设计工具：
很多常用的设计工具都可以帮助设计师们从头打造最佳的App背景设计。例如UI/UX设计师常用的Sketch、PS以及AdobeXD，它们都提供了非常丰富的绘图和编辑工具，能够轻松帮助设计师定制各种风格的背景设计。
由摹客打造的App界面设计案例
选用专业的App背景设计工具
当然，设计师如果认为常用的设计工具不够理想的话，还可选用一些专业的App背景设计工具：
WallpaperMaker是一款能够帮助设计师快速搭建App壁纸和背景的设计工具。提供上千个优质的背景模板。设计时可轻松上传所需图片，快速打造最适合的App背景设计。
GradientWallpaperMaker是一款专业的渐变色手机背景和壁纸设计工具。支持设计师一次性添加5种颜色，打造界面渐变色，并轻松设置渐变范围和参数，快速打造最美的App渐变背景设计。
BackgroundMaker是一款非常实用的手机App背景设计工具。提供丰富的渐变色设计工具。支持多样的几何图形添加工具，例如直线、三角、原型等，能够帮助设计师轻松设计多种多样的App背景设计。