資訊

手機用華為 ? 推廣找展為

十年專注 提供有品質的服務 13933871212

石家莊網站定制開發

專注:石家莊網站制作 | 咨詢 13933871212(同微信) 2020-10-17 23:20:16

現在,您已經定義了全局樣式,是時候從Figma文件中導出所有資產了。 
 
如果您在工作時一直在努力標記圖像,圖標和其他要導出的資產,只需按Command / Control + Shift + E,不選擇任何內容即可彈出導出對話框。點擊導出按鈕,完成后,Figma會詢問所有這些超棒資產的保存位置。如果要限制導出的內容(例如僅特定父框架上的資產),請選擇該框架并使用相同的快捷方式。
石家莊網站定制開發將這些文件全部導出后,您可以找到正確的文件夾并將其拖到Webflow中,或打開資產面板,單擊“上傳”按鈕,然后以這種方式選擇它們。 
 
專業提示1:繼續建設性能網站,我建議您將所有PNG和JPG拖放到tinypng.com或其他壓縮網站中。是的,它增加了一些步驟,但是您可以節省大量的網站加載時間。一個很小的網站就是一個快樂的網站。‍
 
專業提示2:如果在Figma圖層名稱中使用正斜杠,則在導出時,Figma將自動為您創建子文件夾。因此,請嘗試將圖層命名為“ icon / back”,而不是“ icon-back”。可以節省大量時間。
 
在網頁寄存服務中尋找什么
那里有大量的網絡托管選項-但是您如何知道要尋找的功能?了解如何實現Webflow托管。
 
了解有關托管的更多信息
 
第4步:對您的網站進行分幀
接下來,我想做一些我稱為div-frameing的事情。為此,我查看了Figma文件中所有較大的組/框架,并嘗試在Webflow中使用div復制它們。如果沒有幫助,可以跳過此步驟,但從長遠來看,它可以使我井井有條。
 
對于Hopper站點,我還向每個div部分添加了不全角的容器,因為這是大多數原始文件的定義方式。
 
將這些div放在畫布上后,為每個div指定一個唯一的類名稱。不需要定義這些類,但是您將要轉到“設置”選項卡并給每個ID分配一個ID。如果您要向站點添加錨鏈接,則此功能將在以后派上用場。
 
如果需要石家莊網站定制開發,您還可以在網站上使用grid元素(或將div的display屬性設置為grid)。我不會在這里介紹網格的最佳實踐,但是如果您想探索網格,Webflow的使用網格的登錄頁面教程將使您快速入門。
 
步驟5:設定內容風格
樣式化類是Webflow最簡單也是最困難的部分。它非常容易上手,但是在大型站點中保持整潔可能是一個挑戰。
 
在我的系列文章中,我寫了很多有關如何建立代理網站的文章,這可能會有所幫助。確保使您的類具有通用名稱,干凈且盡可能少。
 
例如,不要命名為“ Black Hero Text”,而應嘗試創建“ All H1 Headings” +“ Black Text”的組合類。這將使您的1類標題能夠處理大小,重量和位置,而無論顏色如何。然后,您可以添加輔助類來更改特定用例的顏色(或其他屬性)。
 
石家莊網站定制開發當我從Figma轉到Webflow時,我發現自己要做的另一件事是更改布局以使事情更容易實現。我幾乎總是設計師和開發人員,因此我可以做出這些決定,但對您而言可能并非如此。
 
無論哪種方式,這都是一個建議:不要嘗試將您的Figma文件的像素與像素匹配。我知道,我知道-每個人都與像素完美有關。但是,如果您是設計師,那么您就有機會查看自己認為簡單的布局實際上帶來的麻煩,而不是值得的。
 
無論您對建立網站的熟悉程度如何,代碼在行為上都與設計工具不同。在Figma中,移動東西就像拖放一樣簡單,每個元素都可以生活在自己的小世界中,而不會影響其他世界。但這不是網絡工作的方式。
 
如果您不是設計師,這將不那么容易。從個人經驗中我知道,我們的設計師總是希望設計中的準確度達到102%,但有時必須有所取舍。Webflow可能為您提供更好的方法來闡明某些事情的實現復雜性。
 
10年建站推廣經驗

讓您每一分投入都有更多回報!

聯系展為,馬上獲得專屬免費推廣方案

咨詢相關問題或預約面談,可以通過以下方式與我們聯系

業務熱線:13933871212 ??固定電話:0311-80836913 ??微信:9196389

兽道人四肖中特 重庆百变王牌开奖 上分麻将代理 双色球复式投注过滤工具 五分赛车计划数据分析 股票风险收益率公式 网络棋牌怎么推广拉人 做网络麻将代理犯法吗 2021彩票走势图 海南七星彩开奖 福彩3d012路走势图2 足彩比分新浪爱彩网 手游棋牌游戏币 体彩江苏7位数开奖直播 山东群英会规则 体彩青海11选5开奖结果 瑞波币未来发展概况