页面设计图
1. 网页设计图标怎么做
你指的是 上面的小红圈效果吧?
要点,将小红点父级CSS的position设置为;
将小红点本身的position设置为absolute,然后利用top和right属性来调整位置.
示例代码:
<style type="text/css">
.box{background:#455996; padding:10px; height:20px;color:#eee;font-size: 12px;}
.box div{ float:left; line-height:20px;}
.bt{ background:#405287; padding:0 20px; margin:0 10px; position:relative;}
.bt span{ display:block; position:absolute; line-height:14px; width:14px; height:14px; background:#F00; top:-5px; right:-5px; text-align:center;}
</style>
<div class="box">
<div>欢迎你:欧阳XX</div>
<div class="bt">消息<span>0</span></div>
<div class="bt">注销</div>
</div>
2. 网页设计怎样添加图片
如果你来是在本地查看这自个网页，显示不了图片，很可能要检查一下图片的地址，如果是绝对地址，当网页或图片位置被移动后，查看网页时便无法关联到图片。
如果你是准备把网页放到互联网上的某个网站主机，则应该把图片连同网页也一同上传到网页主机，当然图片的地址也必须保持是正确的。
建议你看看有关html的书籍，很简单便能看懂。
3. 网页设计图是什么
网页复设计图就是要把网制页做成什么样子的一张图，可以是手工在白纸上画的，也可以是用电脑软件制作的。效果多种多样，根据不同的行业进行分析之后制作的。想知道怎么样，可以直接看别人的网站做出来是什么样的，再分析一下是否符合用户需求，方便用户浏览？
步骤是分析行业用户需求，设计内容分布去满足这些用户的需求，画出一张图。
我觉得就这么简单，虽然看起来不怎么专业，但是能解决用户的一些实际的问题了。
4. 网页设计中怎么让一张图片填充满整个画面 求代码
1、如果楼主只是将其当做一张图片显示，可以通过css控制，如img{width:100%;height:100%;}.
否则需要将其作为网页背景的话可以试试如下方法：
2、如果这张图片为背景图片由于背景图片不具有伸缩性，只能通过别的方法绕着解决，在ie中可以用<body
style="filter:progid:dximagetransform.microsoft.alphaimageloader(src='1.jpg',sizingmethod='scale')">，实现背景拉伸铺满整个浏览器，但其它的浏览器不支持。
这时可以拐个弯，设置两层div，底层div当做背景使用，放置一张图片即可。
<div id="background" style="position:absolute;z-index:-1;width:100%;height:100%;top:0px;left:0px;"><img src="1.jpg" width="100%" height="100%"/></div>
再将网页内容放置到第二层上<div id="content">页面内容</content>
3、网页背景图片默认情况下是重复平铺满整个页面。上面2方法是要求图片不重复，但又得占满浏览器所采用的方法。
5. 如何进行web页面原型图设计
简单来说，产品经理进行页面原型设计时，只需要把业务逻辑和交互逻辑讲明白，不需要做得特别精美，而是要把握重点，把重心放在分析用户需求、规划产品功能上。之后交互设计师可以根据产品经理的原型图进行设计。
从使用工具来看的话，产品经理在做原型时其实只需要Mockplus或摹客原型这样的快速原型设计工具。只要提前想清楚主要的功能点和交互逻辑，使用工具内置的现成组件，十分钟就能把原型做完。
交互设计师需要做的是根据产品经理绘制的原型版和相关产品文档，绘制高保真原型，通常交互设计师会使用PS、sketch、XD之类的设计工具，在完成页面设计后上传到摹客等协作平台添加交互。完成后也可以直接发链接给其他成员审阅，这时候主要看的就是原型呈现的视觉效果了。
6. 网页设计这悬浮图怎么做
页面设计的话只抄需要把袭背景透明度降低即可。网页前端的话通过css样式，将背景设置为图片，然后设置opacity:0.4，降低背景透明度，即可实现悬浮效果。0.4是透明度的意思，可以根据情况自行调整数值。
7. 页面设计中图文混排的技巧
1、强化对比
首先网页首屏中的文字必须具备可读性才行，所以你需要确认文字与背景之间的色彩搭配能让用户看得清楚。当你选择一个暗色调的背景，那么你需要使用白色或者浅色的的文字，而当背景比较素雅的时候，文字可以使用深色，这就是我所说的强化对比。当然，对比不仅限于色彩，文字同样存在对比。文字与图像相互配合，才能达到出人意表的效果。
2、令文字成为图片的一部分
有的时候你需要让文字成为图片的一部分，甚至让文字成为图像本身来达到效果。当然这种处理方式所需的条件比较苛刻。要么你使用足够清爽简单的图片来和文字进行搭配，或者使用原本就包含图片的文字(当然，你也可以将文字妥妥儿地P到图片中的主体上，文字的角度、形变和纹理一定要融入进去)。
3、沿着视觉流向排布
沿着视觉流向来排布信息是一项重要的技巧。文字与图片发生逻辑关系，两者相辅相承，所以此时文字不能覆盖到图片的主体部分——比如需要展示的人物，或者产品本身网页图文混排的技巧网页图文混排的技巧。
信息按照视觉流向排布的时候，图片中的主体会引导你去观看文字信息。这两个案例都使用了这种技巧，文字都是沿着人物的面目朝向或者眼神指向来排布的。
4、模糊背景
模糊背景是一种非常简单的处理手法。PS可以很轻易地模糊照片，而照片的模糊带来的直接效果就是让产品本身更加突出，以上的两个案例就是如此。
5、将文字置于框中
当照片中光影交叠，色彩丰富的时候，将文字置于框中会是个不错的选择。根据文字和图片的形态选择圆框或者方框，然后设置好色彩，确保对比度。适当地调整透明度，让框、文字于图片完美地糅合到一起。
6、将文字置于背景中
比起置于前景的文字，将文字融入背景也许是更有意思的”花招”。文字常常易于融入到纯色背景中，还能确保可读性。并不需要太复杂的技巧和改动，你就可以让文字自然地融入背景，你所需要的仅仅只是微妙的阴影效果，正如上述的案例。
7、放大
当你不知道要怎么处理素材的时候，试着放大吧。这不仅仅针对图片，它还适用于文字的处理，放大的元素更容易抓住用户的眼球。正如上述的两个案例，放大的咖啡豆强化了对比，放大的文字则极具冲击力。
8、色彩对比
通过色彩对比可以提高整个首屏的趣味性。以上的两个案例中，一个降低了背景图的色彩对比度，令文字更加突出，而另一个则让这种对比出现在文字内。两种方法同样有效。
9、调色
通过调色让照片的色彩更适宜文字呈现是最近越来越流行的玩儿法。虽然这种方式有点投机取巧，但是它可能带来极其惊艳的效果网页图文混排的技巧美工设计。调色的时候，尽可能选择与图片相近的色彩来调整，确保图片中的内容能够透过又不影响文字的阅读就好了。要掌握好这一”花招”你可能需要尝试不同的色彩，”玩坏”好几张图片才行。不知道用什么色彩?试试从你最喜欢的颜色开始吧。
10、简化
那些历久弥新的平面设计向我们证明了”保持简洁”也是一种有效的设计手段。玩儿太多花哨可能会适得其反，简洁地将图文放到一起可能就很和谐了。处理图像的时候，使用简单直观的排版和清晰明了的照片，确保照片是最重要的组成部分，文字与图片主体之间没有阻碍和干扰，并且文字清晰可读。
8. 如何做好网页的版式设计
网站的栏目策划是在网站制作过程中容易忽视的一个细节，因为在网站制作的过程中都比较重视页面的设计和网站实现的功能，其实网站的栏目策划在网站制作过程中起着决定性的作用，是用户的一个导航索链，有的栏目设置精妙，就可以把用户带入到另一个页面，让用户在网站中停留，使用户更加了解企业。所以，网站栏目也是一个核心要点，下面沃然建站总结了一些关于网站栏目策划的小建议，
1、 网站栏目策划的重点是导航：
在网站策划中要注意导航条的位置要明显且统一，有一些网站是无法做到，这个会给用户带来易进不易出的一个环绕，从而导致用户直接关闭网站，跳出率就会增长。
2、 网站栏目结构要层级分明，条理清晰：
打开一个网站，有的是有很多内容的，有各式各样的产品，而栏目就是方便用户找到所需内容的一个重要导航，所以嘉陵道小程序制作公司建议要做到层次分明、条理清晰，网站栏目最好不要超过三层，不要让用户层层剥茧似的找到所需内容，同时对推广也是有影响的。
3、网站栏目命名要清晰、易懂：
中国文字博大精深，有些企业喜欢别出心裁的取一些栏目名，创意确实很好，但是想要知道名称意思并不是自己为主，这样容易产生反效果，如果你能创造通俗易懂，又有创意的那就更好了。
4、网站栏目在网站建设中布局要合理：
嘉陵道小程序制作公司提醒栏目不是随便放着就可以了，也需要配合网站建设中网页设计的整体搭配，做到二者兼得是最佳的状态。
9. 怎样在网页设计中加入图片
引用的是远程图片还是本地图片？
远程网站图片是插入图像占位符，然后在源代码里修改或者在属性栏里修改图片地址即可。
本地的，直接插入记录〉图像或插入栏〉常用〉图像按钮即可插入
10. 设计一个网页图片提交
<!来DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title></title>
</head>
<body>
<form action="upload" method="post">
<div style="margin: 10px;">
选择自文件：<input type="file" name="" id="" accept=".pdf" />
</div>
<input type="submit" value="上传" />
</form>
</body>
<html>