白底网页设计图案（白底图片模板）

本文目录一览：

• 1、网页设计如何制作背景网页设计如何制作背景图片
• 2、25款独特且走心的“关于我们”页面设计
• 3、白色logo图案-ps怎样制作白底logo
• 4、美工设计的配色方案
• 5、如何用PS来设计简单的网页?
• 6、网页美工设计方法

网页设计如何制作背景网页设计如何制作背景图片

1、首先，制作一个只有一个div和一段文本的简单HTML页面。02要添加整个页面的背景图片，我们只能给body标签添加背景，所以我们给body添加了一个叫做BG的样式。

2、使用图片背景的话，如果页面与图片不能极好地融合在一起的话，可以思考图片与页面的方位使用相对的方位，即便在显示屏大小不一样的情况下，相对方位是不变的。轻重分明背景图片对网站建设的作用十分重要，但要懂得轻重。

3、首先，打开Atom编辑器导入项目文件夹，首先创建一个index.html文件。定义html文件的主要信息，如下图所示：然后填写自己的网页内容，设置样式，添加背景=sourcesrc=music.mp3/audio在body标签里。如下图所示。

4、在电脑上打开浏览器，找到需要设置为背景的网页。截图保存下来之后，在电脑上找到刚刚保存的网页图片，并右键打开菜单。在跳出的菜单界面中，找到设置为桌面背景，并点击即可。

5、首先，打开Atom编辑器导入项目文件夹，首先创建一个index.html文件。

25款独特且走心的“关于我们”页面设计

MikeKus的“关于我们”的页面设计采用了独特的双色配色，前景色是黄色，背景色是红色，双色搭配的优势在于它极强的凝聚力，这样的风格通常厚重而复古，而且可以很好地强化品牌色给人的感觉。

Mike Kus 的“关于我们”的页面设计采用了独特的双色配色，前景色是黄色，背景色是红色，双色搭配的优势在于它极强的凝聚力，这样的风格通常厚重而复古，而且可以很好地强化品牌色给人的感觉。

要设计结构化的页面，栅格总是你最好的朋友。Urban Influence 的关于我们页面使用栅格来组织整个页面的信息，需要展示的内容，让用户输入的部分，装饰性的部分和展示用的地图，都界限分明地分布在页面上。

Anakin 的关于我们页面同样是让用户填写联系信息，不过在表单的设计上更加独特，并没有专门的表单，而是使用占位符提示用户各个位置需要填写的内容，贴心、直觉，也非常走心。

白色logo图案-ps怎样制作白底logo

打开PS软件，新建一个600x60072px白色背景的画布。之后，可以使用钢笔或文字工具添加内容，如图。用钢笔工具建立路径后，按键盘的Ctrl+Enter转为选区。之后，设置前景色为红，填充即可。

新建一文件，宽度输入88，高度输入31（单位选“点”或“像素”）。分别率设为72像素/英寸。模式设为RGB，文档背景选白色。新建一图层。

在photoshop中新建个空白文件，把背景图层填充成蓝色。新建军图层一，用椭圆选区工具画四个圆，并填充为白色（注意圆的大小、位置，总之要照着人家的logo画就是了）。然后再调整图层的不透明度为20%左右。

如何用photoshop制作logo 1。

步骤五，进行最后的效果的出来工作，可用photoshop、dpex等软件对图形进行处理，完成设计logo的最后工作。Ps如何制作logo图案？工具：PhotoshopCS6 方法：打开PS软件，新建一个600x60072px白色背景的画布。

美工设计的配色方案

相邻色搭配 在色轮中挨着比较近的就是邻近色，根据红橙黄绿蓝紫这六字顺序，相邻色搭配就是红+橙，橙+黄， 黄+绿，绿+蓝以此类推。

橙色：容易营造轻松、温馨、时尚的氛围。蓝色：体现专业主题，让人感觉清爽、清新，淡蓝色结合白色还可营造浪漫、温馨的氛围。白色：通配色，让人产生明净、清新的感觉。

-单色调配色方案：使用同一种颜色的不同饱和度，比如浅粉色、深粉色、鲜艳粉色等。对比色配色方案 对比色配色方案是使用两种互补色来创建视觉对比的配色方案。

网页美工色彩搭配原则 网页美工设计中，最常用的几个颜色为蓝色、绿色、橙色，以及暗红色。 蓝为主调。蓝色多与白、橙搭配。白底，蓝标题栏，橙色按钮或ICON做点缀；蓝天白云，沉静整洁的感觉。

如何用PS来设计简单的网页?

打开PS，新建空白文档，名称设置为“feifei工作室”，从预设大小下拉列表中选择“1024x768”，模式设计为“RGB颜色”，内容设置为“白色”，点击“好”按钮完成文档的创建工作。

首先打开需要编辑的ps，点击左侧“路径选择工具”选项。然后在该页面中鼠标左键选择要移动图案的整条路径。之后在该页面中鼠标左键按住椭圆边框并移动鼠标即可移动路径。最后点击选中ps网页版，点击确定移动即可。

web网页也是遵循一定的规范的，今天就和大家说下如何做一个有规范的网页，会用到guideguide插件，可以找到，大家安装下即可。我们打开ps软件，新建一个1920*3000的文件，分辨率选择72像素，颜色为白色。

如何使用photoshop制作网页 很多朋友不知道用ps制作网页的规范。下面介绍一下。01打开电脑中的Photoshop界面。首先，我们创建一个画布，宽度为1200，任意高度，分辨率为72。

新建一个六百乘六百像素的黑色背景，新建图层，选择钢笔工具，绘制图形，填充白色，选择文字工具，输入文字。调整好合并图层进行旋转变形。

网页美工设计方法

1、一定要做好网页宽度的设置设计，一般网页宽度有760PX、900PX、1000PX等，最好不要超过1200PX的宽度，高度没有限制。大多数做网站的公司都有一个比较合理的标准。

2、简约的表现形式很多，通常多种结合起来使用，那么在美工设计中如何做到简约设计呢，下面我们一起来看看吧。大标题将大标题作为网页的视觉中心，简洁图片作为大标题的背景，这样很容易将视觉聚焦，让人一眼就能看出这个网页是做什么的。

3、技能解析：网页美工负责整个网站的前台设计，界面设计、规划整个网页的布局。目前使用ps进行界面效果图的设计，AI辅助设计LOGO、以及网标。所以作为网页设计师掌握的重要工具就是photoshop软件。