企業網站前端頁面設計psd

1、前端工程師怎麼知道psd中各個位置的寬度和距離

這位網友你好，前端工程師一般都是用ps中的矩形選框工具，結合圖片的信息測量大小的，都是需要精確到1像素的。你說的快速測量各個模塊的大小和模塊間距只能用這種方法~

2、請各位前輩推薦幾本前端書籍，我現在能根據psd設計圖寫靜態頁面和一些

哪些方面比較耗時、費力？我所猜沒錯的話應該是樣式、布局方面有待加強，推薦回CSS方面的答書籍：《CSS 權威指南》、《精通 CSS》；javascript方面，考慮到你有java/c++的基礎，關鍵是轉變語言風格，了解特性，所以推薦《JavaScript高級程序設計》

3、有什麼重構練習或者面試的psd適合前端菜鳥

這個在後盾網有詳細寫到過，你可以去搜索後盾網查找哦

4、前端開發中：psd轉化為html網頁字體大小要怎麼設定？

這個要根據你psd的解析度算，但是演算法也蠻復雜的，你就自己看著差不專多算吧。網頁規格字屬體是12px，不過現在電腦屏幕也越來越大，一般也都用14px了。標題文字要更大一些，自己把握吧。

說實話，你應該噴噴設計網頁的人，做網頁設計的基本規則都不懂。

5、關於網站前端(美工)的問題,psd到html的過程

html css 網頁中最根本的，少不了就js 、jQuery什麼的
現在最新的技術就是html5 css3 ,支持的瀏覽器也越來越多了
至於下面說的切圖什麼的是不支持用，不靈活 榮譽的東西太多，
現在的職位是 設計 美工 前端 後端 分的再細會把js分出來 ；
設計就是出整體的設計方案，美工根據方案出設計圖，前端根據美工出的設計圖 用html css js 來轉化成靜態頁面，後台來實現動態化
不過現在很多公司都是將設計 美工和前端拼合成一個職位 為了節省成本吧 ，也就是要求你需要會 設計，ps ，html、css，js ，也有將js分給後端來實現的。
至於你說的psd到html的過程 就是拿到設計圖寫頁面，自己搭個頁面框架，經常都會用的一些樣式提出來，這樣每一個項目都可以用，一個一個div寫呀，你說的會一些基礎就夠了，很多不會的度娘就行，知道怎麼去實現某個東西就可以，至於js 其實i也是一個很深的東西，技巧，在於積累，比較快的方法沒有就是多寫，遇到問題查，最好是能有一個人給你講從拿到一張圖開始，一步步的講一遍，基本兩三張圖完了你也就差不多了
寫頁面的時候不要什麼都卸載html中 css是css js是js
其實設計蠻重要，實現頁面會了就覺得很簡單，像最近會有用到less css 有點偏程序化的語言，層次比較清楚，最後在生成以下，還有字體圖標，不用圖片 只要字體就可以生成圖標直接用，不會在程序里佔用太大的空間

6、Web前端拿到的是一份怎樣的psd文件

psd只是一個圖片的格式。
你平常練習的應該是jpg 或png
而實際企業中都是psd 的格式
文字都是可編輯的
圖片都可以取出半透明的
分層的 等

更多關註：新航路師徒學院

7、網頁設計師給的是1920寬的psd設計稿，我是完全按照裡面測量的像素設置css樣式嗎？

一般的網頁做1000 或者1200px
網頁設計師給的1920 是有那種全屏的banner 或者圖片背景之類是是1920寬，內，普通的內容一般是我上面說容得兩種像素 做頁面的時候定寬1000或者1200px 設計上1920的部分 你要做成100% 適應不同解析度的屏幕

8、前端拿到的psd是怎麼做出來的?

http://www.ui.cn/
Photoshop專用格式，怎麼做出來的，上面的網站里有教程
關鍵回在於你想做什麼，而不是怎麼做。答
怎麼做的回答只能是用PS和AI

9、對於 前端 搭頁面來說，美工是給他psd源文件方便些，還是一張markman 標注好的jpg方便些？

相對來說 標記齊全的jpg會好一些 但是有些地方可能就需要psd切圖 所以最好還是psd吧 也不用設計標注了. 所以綜合就是 簡單的頁面 標記齊全的jpg是好的選擇 復雜的psd吧

10、ui設計banner圖怎麼給前端?

一般設計師給前端的只有psd，沒有其它多餘的東西，連基礎的文檔都懶得給。前端期望中的設計能給予的除了psd之外，還有設計上游崗位傳遞下來的東西。比如：產品原型，需求文檔，交互文檔等等。
一般在真正的代碼開發進行之前，前端期望中設計給的東西有：
1. 1份jpg文件:
里邊有各個psd的動作分解圖，包括頁面邏輯，或交互分解。設計師放成這樣的目的在於在做設計時方便的拷貝，但對開發人員來說，如果分級過於隱藏就會漏掉某個部分的開發。
2. 1份psd文件: 一份好的psd文件是分層清晰，設計規范的文件。
3. 1份需求文檔: 需求文檔是對當前開發功能的基礎介紹或邏輯詳細描述。
4. 1份原型文檔:
原型設計文檔一般是由產品經理對最初功能設想的一份粗稿，這份稿只是對布局或交互做簡單的設計，需要經過設計進行藝術的加工之後，才成為一個可以呈現給用戶的完整界面。
當然這些所有的結果，需要經過層層開會審核，徵得各個項目組leader的同意之後通過郵件的方式發送給各個成員，最粗笨的辦法就是放在區域網的共享地址可以去拿psd文件。
恩，然後所有的中間需求變更、界面變更都要抄送相關人員，免得中間再次溝通，浪費時間。
基本流程：
1、需求提出，產品跟產品leader溝通需求
2、產品leader跟開發、測試、ui/ue要人，要排期
3、要來的人大家一起開發，挑戰產品經理，跟批鬥似的，產品拿著需求文檔講ppt
4、需求回歸
5、繼續批鬥(4、5一直重復)
6、需求ok了，開始ui/ue設計
7、評審ui/ue
8、ui/ue回歸
9、開發
10、提測
11、回歸
12、上線
13、有問題回滾。
另外公司的設計是這樣的：通常PSD要把交互效果的圖層都做好，出JPG的時候，
都會把默認狀態，交互狀態，管理員狀態各自出一個，然後彈窗布局出一個，都做得很精細。
這樣導致的結果是想犯錯都沒有機會。