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

前端設計圖用什麼打開

發布時間: 2022-08-21 22:00:49

前端在拿到UI的設計圖是1920*1080的,效果是全屏的,如何來開發

如果都是圖片的話 用背景圖
backgroud-size:cover
填充
如果是內容的話 就要用媒體查詢了!
@meadia sreen and (max-winth:1200){}
寫不同屏幕下的樣式
手機碼字不容易
忘採納!

❷ web前端開發設計圖

用coreldraw軟體的「度量」工具標註:

❸ 前端專業平時都是用的什麼軟體

前端一般用的是Dreamweaver,ps,Fireworks這幾個軟體,還有的公司用其他軟體,這個根據使用環境來說,還有不少軟體。

❹ 大家用什麼好的網頁前端草稿設計圖軟體

我用的是Axure,用這貨你可以做界面的原型草圖,也可以做高保真效果圖。可以導出設計為圖片或HTML供演示。

如果你是Mac平台的話,可以用Sketch,雖然我沒用過,但看到很多高手推薦過。

❺ 有沒有朋友在大公司做前端工程師的,他們切圖一般都用什麼軟體哦,用什麼方法切的,這個有

我們用的專門的摹客PS插件,可以一鍵下載所有切圖。支持Sketch、Adobe XD、PS的設計稿,設計師只需在設計稿上進行切圖標記,然後上傳就可以了。

以PS為例,主要是這樣操作:
1.在摹客官網安裝並打開插件
插件安裝好後打開PS,在「窗口>擴展功能」找到摹客插件,選擇並打開。使用摹客平台賬號登錄。
2.標記切圖
在完成的設計稿上,選中需要切圖的圖層或編組,點擊「標記切圖」。將在名稱前增加「-e-」,「標記切圖」變為「取消切圖標記」,則標記切圖完成。
3.上傳至摹客
標記切圖後,一鍵將設計稿上傳至雲端項目中,開發工程師就可以自主下載切圖,只需在右側面板中選中切圖,點擊即可下載。

摹客切圖支持:
1.切圖壓縮:在右側面板中選中切圖
2. 切換平台和選擇倍率:iOS、Android、Web
3. 下載選中切圖,一步到位。

❻ 要學習網頁設計,需要用到什麼軟體

前端設計主要的工作無非就是按照效果圖使用前端的代碼來做出符合要求的靜態頁面,使用的軟體大致如下(不同人是使用的可能不同):

1、以Photoshop為代表的圖片處理技術。

網頁設計的第一步是按照客戶的需求來設計網站效果圖,這個工作是由美工來完成的,現在網頁設計嚴格的來說不包括美工的工作,即美工只負責設計效果圖網頁的設計師只負責嚴格按照效果圖將效果圖的樣式以網頁的形式做出來,那可能有人會問為什麼網頁設計師還需要ps呢?那是因為網頁設計師也就是前端設計師需要將美工製作的效果圖(一般是psd格式的)使用ps的切片功能將其中用的到的圖片裁切出來放到網頁上去用,此時就要使用photoshop來完成這個工作,所以作為網頁設計師或者前端設計師會一些基本的Photoshop知識還是很有必要的。

3、一些更高級的前端工具和軟體我們也需要學習。

在實際的開發過程中,以上的工具並不能完全滿足我們的需要,尤其是開發一些大型的項目的時候,我們需要使用和藉助更多的工具來幫助我們進行開發,這里簡要說一些。例如當我們進行團隊合作的時候,我們可能還會使用一些版本控制工具來進行團隊合作,如svn、github等,在進行項目管理的時候我們可能還需要一些前端的包管理工具如grunt、webpack等。這些工具都是一個專業前端工程師應該學些的。

總結:簡單的介紹了一些網頁設計中需要使用的軟體和工具,可能不是很全面,但是可以給大家作為一個參考。

❼ 前端攻城師切圖的時候需要用到什麼格式的文件呢一般都是psd吧用Jpg是為了方便還是因為他不夠專業

基本都是psd的 用的photoshop 有時候 設計稿樣稿出來會是jpg的 但是不是給前端切圖用的,主要的區別就在圖層那裡,有的地方圖層疊加,psd就直接可以圖層單獨切出來
特別是涉及到 半透明,png,圖標之類的地方,可以摳出純凈的圖標,還有就是字體什麼的,字體大小顏色,都會直接找出來