網站設計手稿_什麼是網頁設計的設計稿用什麼來做

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

導航:首頁 > 萬維百科 > 網站設計手稿

網站設計手稿

與網站設計手稿相關的知識