當前位置:首頁 » 網頁前端 » 前端psd
擴展閱讀
webinf下怎麼引入js 2023-08-31 21:54:13
堡壘機怎麼打開web 2023-08-31 21:54:11

前端psd

發布時間: 2022-02-12 20:28:49

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

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


『貳』 對於 前端 搭頁面來說,美工是給他psd源文件方便些,還是一張markman 標注好的jpg方便些

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

『叄』 前端拿到psd之後應該怎麼切圖

用PS的切片工具,把要用到的圖標啊或者其他圖片啊之類的切下來就可以了

『肆』 WEB前端工程師拿到PSD後的需要做什麼當然切片是肯定的!

分析頁面模塊
判斷通用模塊和獨立模塊
然後開始寫html代碼
先搭框架再往裡面填充內容
<div class="wrapper">
<!--頭部-->

<div class="header"></div>

<!--/頭部-->
<!--主體-->
<div class="container"></div>

<!--/主體-->
<!--尾部-->
<div class="footer"></div>

<!--/尾部-->
</div>
然後再根據搭好的框架去寫css樣式

『伍』 前端開發中:psd轉化為html網頁字體大小要怎麼設定

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

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

『陸』 前端拿到的psd是怎麼做出來的

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

『柒』 關於網站前端(美工)的問題,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 有點偏程序化的語言,層次比較清楚,最後在生成以下,還有字體圖標,不用圖片 只要字體就可以生成圖標直接用,不會在程序里佔用太大的空間

『捌』 網頁設計師給的是1920寬的psd設計稿,我是完全按照裡面測量的像素設置css樣式嗎

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

『玖』 前端開發中photoshop cc2015怎麼切psd圖

photoshop cc2015切psd圖的方法是:
1、打開ps軟體,打開psd格式圖片;
2、選擇要切片的圖層,關閉其它圖層;
3、打開左邊工具欄「切片工具」,設置切片大小,雙擊「Enter鍵」確定;;
4、「文件--存儲為web使用格式」;
5、打開「我的文檔」,找到一個叫「image」文件夾,打開,里就有切好的圖片了。

『拾』 2016百度前端技術學院任務六的psd文件怎麼使用

psd文件是Photoshop軟體專有的生成文件格式,需要藉助Photoshop軟體才可以打開或者修改編輯。
只看裡面的內容又不想下載PS軟體的話,可以下載iSee圖片專家,isee可以瀏覽PSD格式的文件,但是不可以修改內容。
望採納!