網頁設計稿

1、網頁平面設計的方案怎麼寫

網頁設計的兩大要點是：整體風格和色彩搭配。 一、確定網站的整體風格 在這里，我提供給大家一些參考經驗： 1．將你的標志logo，盡可能的放在每個頁面上最突出的位置。 2．突出你的標准色彩。 3．總結一句能反映貴站精髓的宣傳標語！ 4．相同類型的圖像採用相同效果，比如說標題字都採用陰影效果，那麼在網站中出現的所有標題字的陰影效果的設置應該是完全一致的！ 二、網頁色彩的搭配 1．用一種色彩。這里是指先選定一種色彩，然後調整透明度或者飽和度，這樣的頁面看起來色彩統一，有層次感。 2．用兩種色彩。先選定一種色彩，然後選擇它的對比色。 3．用一個色系。簡單的說就是用一個感覺的色彩，例如淡藍，淡黃，淡綠；或者土黃，土灰，土藍。 在網頁配色中，還要切記一些誤區： 1．不要將所有顏色都用到，盡量控制在三至五種色彩以內。 2．背景和前文的對比盡量要大(絕對不要用花紋繁復的圖案作背景)，以便突出主要文字內容。

2、網頁設計師給的寬度1440的設計稿，前端怎樣來寫

給一個width:1440;

3、HTML5移動網頁的設計稿尺寸應該是多少

HTML5的移動端網頁設計稿，通常情況下，內容區為750px或960px或者1080px的，一般不小於750px像素大小（寬度）
設計稿可以比750px大，但是絕對不能比750px小，這個主要是由於當前手機的解析度相對較高（iPhone 6是375物理像素，但實際像素為其兩倍，也就是750，這個750就是這么來的）
如果設計圖稿過小，前端在實現圖稿的時候裡面的圖片大小在高解析度的情況下會顯得模糊不清，所以這也是為何要「大」解析度
此外需要注意的是，要保證頁面的基準字體大小，在320px的設計稿當中，最小字體不宜小於12像素，其他像素的設計稿當中，等比例換算即可（12/320px*設計稿像素值）

4、什麼是網頁設計的設計稿？用什麼來做？

就是整體效果圖，用製作圖片的工具弄的，常用PHOTOSHOP

5、請問 自適應網頁 設計稿尺寸做多大啊？

一般是按最小的尺寸和最大的尺寸做2套設計，如果自適應過程中有些元素的變化較大也需要把變化的部分設計出來。

6、網頁UI設計稿里的標注是用什麼軟體標注的

在國外做項目的時候，同事都在用zeplin，使用體驗也是非常順暢的。國內的開發設計流程環境不同，zeplin反而水土不服，現在團隊主要在用摹客iDoc，除了基礎的標注切圖功能以外還有交互原型和需求文檔功能，能夠很好地應對目前的產品開發環境，整體使用體驗比不上國外已經成熟zeplin，但是還是算易用

7、網頁設計和美工的區別

網頁設計是根據客戶的要求設計出一張網頁設計稿出來，這些網頁設計稿就包括了移動端和PC端的頁面，然後這些頁面就會交給前端工程師，通過代碼去實現。所以，我平時手機瀏覽的頁面一般有幾個步驟產出，客戶交流，確定頁面效果，網頁設計師設計初稿，迭代跟客戶確認需求，直至確定為止，交給前端工程師實現，完畢。
廣義上的網頁設計師，其中就包含了美工這個職位，也就是說，網頁設計師不只要設計網頁，有可能在公司中還會兼任處理圖片，攝影，甚至手繪等，做一些海報。
美工的話一般就包括圖片處理，海報設計還有一些是以照片的後期處理，以及包括攝影等。

8、根據psd網頁設計稿製作網頁怎麼製作？

PS自動切圖，注意：PSD里每個圖層名稱你要清晰並修改清楚，一些共同的部分，比如背景顏色，字體，超鏈接顏色等等統一寫在css里

確定用html 還是html5語言來寫這個網頁

確定這PSD從頭到尾的排版設計，好規劃自己<div>分層劃分以及css的編寫。

總體還是先規劃好，搭建框架，再細寫代碼。

9、響應式網頁設計稿一屏多少像素

問的不太清楚，是網頁的寬度像素，還是字體顯示像素？ 如果是網頁寬度像素，現在比較流行的，1000像素寬度和1300寬度，還有一種就是響應式，自適應設備的寬度，字體大小的話，如果是以1000像素寬度為主的設計，字體12像素就OK了，如果是1300像素寬度的話，字體可以考慮為14像素，如果是響應式設計的話，字體的默認大小為14像素，然後設置成響應式，根據設備寬度大小自動變化。

10、做網頁時設計稿解析度144對前端的輸出有影響么

做網頁時設計稿解析度144對前端的輸出影響不大，需要用到的工具，photoshop，通過以下兩張圖片的比對你就知道影響結果：

通過phpotoshop製作一幅300x300解析度為144的jpg格式的圖片，如下：

2.300x300解析度為72的圖片如下圖：

注意事項：網頁所有圖片的解析度一般都是72px，太大畢竟載入起來慢！