高端响应式模板免费下载

响应式网页设计、开放源代码、永久使用、不限域名、不限使用次数

什么是响应式网页设计?

怎么设计小程序的背景(汇总)2篇

2024年怎么设计小程序的背景 篇1

你好我是一名UI设计师,有时也会做一些小程序之类的原型图设计和设计稿设计的工作。

不管是做什么样的小程序设计,首先要明白小程序的设计规范和原则。

我在这里简单介绍一下小程序设计规范(若有遗漏勿怪):

小程序中首页不能有广告、海报、商业 banner;

首页的功能区按钮只能放核心功能按钮,并且层级不可以过深,以免使用户寻找某一版块产生阻碍;

不得使用非模态操作模式(打断用户操作进程和强制用户操作的方式)的弹出层;

风格统一;

文字统一;

颜色文字和背景之间不能采用色相相近或饱和度相近的颜色,以免造成可读性差或视觉对比不强烈的效果;

按钮的内容不得带有强制性操作内容,必须由用户选择才能进行下一步操作;

大概比较重要的就是这几点了。

如果大家有任何不明白的地方可以在下方评论区就要问我,我一定会为您详细解答。

如果您觉得我说的有道理请千万记得给我一个赞呦~快关注我快关注我~

2024年怎么设计小程序的背景 篇2

如果只是文字加背景图的话,简单的美图秀秀和光影魔术手都可以做到。以美图秀秀为例

1、打开美图秀秀。

2、选择美化图片。

3、点击打开一张图片,选择你要作为背景的图片即可。

我选择了一张古风背景图,打开后如下图:

4、点击上方工具栏文字

5、点击左边输入文字,下方图片中会出现蓝色方框,里面有白色请输入文字的字样,此外会弹出一个文字编辑框。

6、在文字编辑框中输入你想要的文字即可,文本框下方有字体、样式、字号、颜色、透明度等选项都可以自己选择和调整。

7、右下方有高级设置,和删除本文字,高级设置可以调整文字横排、竖排,或者加阴影。删除本文字,会将你选择的文本框中的文字都删掉。

8、如果只是要输入文字到这里就可以了,下面有预览和对比,可以对你制作好的图片,进行预览,或者与之前的图片对比。

对比:

预览:

9、如果想要进一步修饰文字,可以根据自己的风格选择左边的漫画文字、输入文字、动画文字、文字模板或者自己导入模板,也可以选择右边的文字特效。

10、如果想对加好文字的图片进行调整。可以选择最上方工具栏中的美化对图片进行美化,可以选择工具栏中的边框选项,加边框。可以选择工具栏下方的旋转、裁剪与尺寸,调整张图片的方向、尺寸。如果操作失误,可以点击撤销,撤销刚刚的操作。

最后一步,点击右上方保存与分享,进行保存,保存的画质默认是90%,想要更好的画质,可以调整为100%。右边可以选择把图片分享到QQ空间、微博和人人网。

如果是更加复杂的,想要自己做一张古风的图片,加上各种想要的元素与文字,那需要用PS,太过复杂,建议直接上网找ps自学教程学习。

如果觉得有用,点个赞吧~

猜你喜欢