Web前端开发基础知识,设置网页背景图,如何在网页中插入图片
1)background-color定义背景颜色,设置背景图片时,要始终设置背景颜色,确保背景图片没有成功时会显示一个背景颜色2)background-image可以指向一个相对路径或者绝对路径来添加图片。3)background-repeat可以设置背景是否平铺在容器中,包含四个关键字:background-repeat:repeat可以设置背景图片横向和纵向都平铺。bac...
Photoshop打造华丽的透明玻璃文字效果
1、设置黑色背景,然后输入文字,色彩为#00e5ff。图12、Ctrl+J复制图层,设置图层不透明度为65%并且向下和向左移动1像素。图23、重复上述步骤更多次,效果如下。图34、拼合所有复制的图层,设置不透明度为47%。图45、使用不规则套索工具绘制如下一个选区,使用涂抹工具,设置直径19px、硬度100%,...
优雅高贵!Photoshop制作质感文字效果
1、打开AdobePhotoshop软件,执行菜单:“文件”/“新建”(快捷键Ctrl+N),弹出新建对话框,设置名称:ps制作质感文字效果,宽度:800像素,高度:600像素,分辨率:72像素/英寸,颜色模式:RGB颜色、8位,背景内容:白色,设置完毕后单击确定按钮,如图1所示。图12、在图层控制面板击新建图层按钮,新建一个“背景”,选择工具...
Photoshop打造锈蚀的金属网孔文字效果
5、按住Ctrl并点击“2透明”层以载入选区,并按下Ctrl+C复制。进入通道面板,建立新通道。按下Ctrl+V粘贴。然后Ctrl+D取消选择。图56、进入图层面板,现在我们不需要“2透明”这个层,所以将它删除。将PSD层的图案叠加样式设为隐藏,将文字颜色设为白色。这里图层命名为PSD是因为我们输入的是PSD。你可以按你...
Apple Vision Pro设计规范之空间用户界面篇
可以利用Vibrancy表示文本、符号的层次。VisionPro提出三种模式:一级(Primary)、二级(Secondary)、三级(Tertiary)。正文使用一级,二描述文本、备注和字幕使用二级。5.Colors颜色上,我们通常使用白色的文字或符号以保证它们清晰可见。如果你需要使用其他颜色,请在背景层或整个按钮中使用它,以便人们更容易注意看到它。
颜值不输迪丽热巴、杨幂的赵樱子,靠脸吃饭,用脚抠图
按住Alt的同时点击蒙版,进入蒙版页面(www.e993.com)2024年9月20日。这时候按一下Ctrl+V把刚刚复制的烟雾粘贴下来。回到图层面板,我们可以看到烟雾已经被抠出来了,神奇吧?如果觉得烟雾的颜色不好看,可以填充白色。把背景图层的颜色换一下,看这个烟雾抠得多自然。??透明玻璃...
Web端弹框掌握这几点就够了!
长文本提示建议增加标题,表示提示的类型或主题,用户可快速理解主要内容,内容建议不超过4行。Alert默认四种类型的提示(这里颜色是固定的,比如付款成功一般是绿色,用户已经产生这种认知,设计时不要用新的样式让用户重新学习,人性是懒惰的),分别是:普通提示info:用于展示背景条件、政策信息、规范要求、当前状态等...
APP导航栏设计分析:5种设计样式+4种交互状态
在Pad端和网页端中,可以使用嵌套在应用栏右侧的下拉菜单进行切换帐户、语言等操作。二、导航栏的5种设计风格顶部导航栏设计风格需要与与整个产品的UI相匹配,常见的导航栏设计样式有扁平风格、阴影悬浮效果、颜色填充效果、使用半透明导航等。1.扁平风格...
B端设计指南04—— “弹窗” 究竟应该如何设计
模态层通常是一个半透明的黑色,将整个页面进行遮盖,使得用户在使用弹窗或其他控件时会更加专注。同时采用半透明的设计,能通过半透明的模态层让用户了解到自己并没有跳出当前页面,不必慌张。在一个看似简单的模态层中,需要进行三方面的思考1)颜色深度的思考...
一篇就够!实际场景落地适老化设计
当用户进件入网后,语音播报设置后,再进行扫码收款,根据视觉动线规律,重要信息放置左上角,固对功能入口进行前置凸显视觉改造,F模式很重要一个原则就是把最好的内容放置于顶部靠左,因为按照从上到下,从左到右阅读顺序,这是最快速被用户注意到的内容。