网站设计手稿_什么是网页设计的设计稿用什么来做

1、网页设计图是什么

网页设计图就是要把网页做成什么样子的一张图，可以是手工在白纸上画的，也可以是用电脑软件制作的。效果多种多样，根据不同的行业进行分析之后制作的。想知道怎么样，可以直接看别人的网站做出来是什么样的，再分析一下是否符合用户需求，方便用户浏览？
步骤是分析行业用户需求，设计内容分布去满足这些用户的需求，画出一张图。
我觉得就这么简单，虽然看起来不怎么专业，但是能解决用户的一些实际的问题了。

2、网页设计模仿百度首页如下图

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>无标题文档</title>
</head>

<body>
<style>
body{
    text-align:center;
}
#header{
    width:100%;
    text-align:end;
    margin-bottom:100px;
}
li{
    display:inline;
}
li a{
    margin:10px;
}
#content{
    width:600px;
    height:200px;
    margin:0px auto 250px;
}
#content img{
    margin-bottom:90px;
}
#content #searchitem input{
    line-height:30px;
    float:left;
    border:1px solid #00F;
}
#content #searchitem button{
    background-color:#00F;
    color:#FFF;
    width:60px;
    height:35px;
    float:left;
    border:1px solid #00F;
}
#footer{
    width:100%;
    margin:0px auto;
    clear:both;
}
</style>
<div id="header">
  <ul id="nav">
    <li><a href="http://www.baidu.com">a</a></li>
    <li><a href="http://www.baidu.com">b</a></li>
    <li><a href="http://www.baidu.com">c</a></li>
    <li><a href="http://www.baidu.com">d</a></li>
    <li><a href="http://www.baidu.com">e</a></li>
    <li><a href="http://www.baidu.com">f</a></li>
  </ul>
</div>
<div id="content"> <img height="50px" src="../img/music.gif" />
  <div id="searchitem">
    <input name="search" size="70"  />
    <button>搜索</button>
  </div>
</div>
<div id="footer">
版权所有仿冒必究
</div>
</body>
</html>

3、网页设计是不是就是做图？

网页来设计是不是就是自做图？只能说是有一部分，那么什么是网页设计呢？

什么是网页设计，

网页设计是一种视觉体验的设计，特别讲究编排布局和视觉交互，网页设计不等同平面设计，它们和平面设计有许多不同之处。网页设计是版式设计通过文字、图形的空间组合，表达出和谐与美。想学网页设计的就直接点它，都给你安排好了一份资料。

“网页设计（web design，又称为Web UI design，WUI design，WUI），是根据企业希望向浏览者传递的信息（包括产品、服务、理念、文化），进行网站功能策划，然后进行的页面设计美化工作。”

网页设计一般分为三种大类:功能型网页设计、形象型网页设计、信息型网页设计。设计网页的目的不同，应选择不同的网页策划与设计方案。

网页设计是互联网发展的产物，虽然移动端已是主流，但网这重要地位重要地位。

4、根据psd网页设计稿制作网页怎么制作？

PS自动切图，注意：PSD里每个图层名称你要清晰并修改清楚，一些共同的部分，比如背景颜色，字体，超链接颜色等等统一写在css里

确定用html 还是html5语言来写这个网页

确定这PSD从头到尾的排版设计，好规划自己<div>分层划分以及css的编写。

总体还是先规划好，搭建框架，再细写代码。

5、HTML5移动网页的设计稿尺寸应该是多少

HTML5的移动端网页设计稿，通常情况下，内容区为750px或960px或者1080px的，一般不小于750px像素大小（宽度）
设计稿可以比750px大，但是绝对不能比750px小，这个主要是由于当前手机的分辨率相对较高（iPhone 6是375物理像素，但实际像素为其两倍，也就是750，这个750就是这么来的）
如果设计图稿过小，前端在实现图稿的时候里面的图片大小在高分辨率的情况下会显得模糊不清，所以这也是为何要“大”分辨率
此外需要注意的是，要保证页面的基准字体大小，在320px的设计稿当中，最小字体不宜小于12像素，其他像素的设计稿当中，等比例换算即可（12/320px*设计稿像素值）

6、急求网页设计的原稿？

网页设计的原稿，可以

7、什么是网页设计的设计稿？用什么来做？

就是整体效果图，用制作图片的工具弄的，常用PHOTOSHOP

导航:首页 > 万维百科 > 网站设计手稿

网站设计手稿

与网站设计手稿相关的知识