不是專業(yè)的美工，一般前端工程師設(shè)計(jì)網(wǎng)頁(yè)的時(shí)候，要用什么設(shè)計(jì)呢？針對(duì)這個(gè)問題，我想談?wù)勎业慕?jīng)驗(yàn)和看法：網(wǎng)頁(yè)設(shè)計(jì)師將網(wǎng)頁(yè)原型轉(zhuǎn)化為實(shí)際渲染，而前端工程師將實(shí)際渲染轉(zhuǎn)化為靜態(tài)頁(yè)面。它們是前者和后者之間的關(guān)系

不是專業(yè)的美工，一般前端工程師設(shè)計(jì)網(wǎng)頁(yè)的時(shí)候，要用什么設(shè)計(jì)呢？

針對(duì)這個(gè)問題，我想談?wù)勎业慕?jīng)驗(yàn)和看法：

網(wǎng)頁(yè)設(shè)計(jì)師將網(wǎng)頁(yè)原型轉(zhuǎn)化為實(shí)際渲染，而前端工程師將實(shí)際渲染轉(zhuǎn)化為靜態(tài)頁(yè)面。它們是前者和后者之間的關(guān)系。在實(shí)際工作中，很少有人兩方面都精通。我接觸過很多同方向的設(shè)計(jì)師和工程師，但他們是不同的，網(wǎng)頁(yè)設(shè)計(jì)師更重要的是，他們決定網(wǎng)頁(yè)是否好看。

國(guó)內(nèi)外的Photoshop設(shè)計(jì)師沒有必要說只有一個(gè)理由。有人說Photoshop很難做，其實(shí)只要網(wǎng)頁(yè)的基本結(jié)構(gòu)、PSD源文件層規(guī)范、內(nèi)部元素都能達(dá)到網(wǎng)頁(yè)的標(biāo)準(zhǔn)，但要達(dá)到高端的要求，就需要把握更多的客戶需求和更多的創(chuàng)意，這是比較困難的。

怎樣才能在網(wǎng)頁(yè)設(shè)計(jì)時(shí)設(shè)計(jì)清晰的圖層結(jié)構(gòu)？

真誠(chéng)邀請(qǐng)

！推薦方法：圖層分組

網(wǎng)頁(yè)通常使用切片來(lái)輸出圖案，這樣繪圖時(shí)就可以將圖案分成類別。例如，header是一個(gè)圖層文件夾，menu是一個(gè)圖層文件夾，sidebar是一個(gè)圖層文件夾，等等。

當(dāng)最終草案確定且切割計(jì)劃準(zhǔn)備就緒時(shí)，根據(jù)情況按要素劃分。

網(wǎng)頁(yè)設(shè)計(jì)主要干什么的？

網(wǎng)頁(yè)設(shè)計(jì)的說法不準(zhǔn)確。隨著科技的不斷發(fā)展精細(xì)化，網(wǎng)頁(yè)設(shè)計(jì)有了更加細(xì)致的分工。筆者將其分為以下三類：第一，網(wǎng)頁(yè)視覺設(shè)計(jì)。通常，這類人才具有較強(qiáng)的審美意識(shí)和藝術(shù)技能。它們可以解決色彩搭配和視覺舒適的問題。更多的頁(yè)面可以知道什么樣的設(shè)計(jì)可以帶來(lái)視覺沖擊，比如廣告和促銷頁(yè)面。

2、網(wǎng)頁(yè)設(shè)計(jì)的前端部分。他們主要負(fù)責(zé)將草稿和原始設(shè)計(jì)裁剪成真實(shí)的網(wǎng)頁(yè)。達(dá)到所需的特殊效果。并負(fù)責(zé)后端數(shù)據(jù)對(duì)接?？梢允鬼?yè)面“活躍”。

3、網(wǎng)頁(yè)的后端設(shè)計(jì)。我認(rèn)識(shí)程序員，負(fù)責(zé)業(yè)務(wù)邏輯的實(shí)現(xiàn)，堆代碼。他們負(fù)責(zé)各種數(shù)據(jù)的集成、計(jì)算、傳輸和存儲(chǔ)。它們實(shí)現(xiàn)了你看不見但必須使用的功能。然后與前端連接。這樣一套完整的網(wǎng)頁(yè)設(shè)計(jì)流程就完成了。

前端是做什么的，前端和UI設(shè)計(jì)有什么區(qū)別？

前端工程師：開發(fā)工程師。是一名具有網(wǎng)頁(yè)開發(fā)能力的工程師。主要任務(wù)是將用戶界面設(shè)計(jì)、應(yīng)用軟件開發(fā)技術(shù)和計(jì)算機(jī)語(yǔ)言的效果制作成一個(gè)能夠?qū)崿F(xiàn)深度交互的原型頁(yè)面。

UI:屬于交互設(shè)計(jì)師的職位。主要做界面設(shè)計(jì)。指軟件的人機(jī)交互、操作邏輯和美觀界面的總體設(shè)計(jì)。界面設(shè)計(jì)分為實(shí)體界面和虛擬界面。互聯(lián)網(wǎng)上常用的用戶界面設(shè)計(jì)是虛擬用戶界面，是用戶界面的縮寫。一個(gè)好的UI設(shè)計(jì)不僅要使軟件具有個(gè)性和品位，更要使軟件的操作舒適、簡(jiǎn)單、自由，充分體現(xiàn)軟件的定位和特點(diǎn)。

大三計(jì)算機(jī)妹子，一開始想做java方面的，后來(lái)想做前端，求教？

（1）站在我自己的立場(chǎng)來(lái)回答這個(gè)問題，我在我們學(xué)校注冊(cè)的時(shí)候，一直都是走java開發(fā)的道路，最后拿到了好幾份工作。因?yàn)槲乙呀?jīng)獨(dú)立做了在線網(wǎng)站，我可以做前端和后端，但我得到的最后一個(gè)提議是前端開發(fā)。事實(shí)上，我真的很想試試前端。我不排除最后一個(gè)報(bào)價(jià)更好，所以我選擇了前端開發(fā)。

（2）進(jìn)入公司后，我以為我會(huì)寫HTML、CSS、JS、jQuery和bootstrap，但我發(fā)現(xiàn)我太年輕了。JQuery強(qiáng)烈依賴于DOM操作，但現(xiàn)在不使用它。CSS完全連接到CSS3。有時(shí)引導(dǎo)程序僅用作參考，您需要自己打包組件。當(dāng)時(shí)，我發(fā)現(xiàn)前端并不像我想象的那么簡(jiǎn)單。

（3）于是我開始了一條無(wú)盡的學(xué)習(xí)之路。首先，GIT版本管理工具，GitHub操作。然后，擁有龐大系統(tǒng)的angularjs升級(jí)到angular2。Angular2是基于typescript的，所以我必須學(xué)習(xí)typescript。Typescript是基于ES6的，所以我必須學(xué)習(xí)ES6。

（4）當(dāng)您為自己知道angular而感到自豪時(shí)，react Native再次出現(xiàn)，這是對(duì)前端開發(fā)的顛覆。我還不習(xí)慣它的寫作，所以我還沒有做太多的研究

（5）然后你大神創(chuàng)造了Vue，Vue也呈現(xiàn)出自己的生態(tài)，比如vuex、Vue路由器、Vue資源等，Vue非常適合移動(dòng)開發(fā)

（6）你覺得只要有這么多？太年輕了。前端文件編寫完成后，如何打包發(fā)布，出現(xiàn)了grunt、gulp、webpack、Yeo、browse等前端構(gòu)建工具，更新速度很快。

（7）現(xiàn)在nodejs是如此的活躍，以至于如果它不能編程node，那么說它知道前端就太尷尬了。你想再學(xué)一遍嗎？

（8）總之，無(wú)論是前端還是后端，關(guān)鍵要看自己的利益。也有人說前端像水一樣深，真的很好，但我真正想說的是歡迎大家到坑里來(lái)，哈哈

一般來(lái)說，建筑是指建筑模式，自創(chuàng)的建筑很少。了解架構(gòu)模式，以便有心處理項(xiàng)目的開發(fā)。玩的太詳細(xì)了，可以參考官方網(wǎng)站的時(shí)代源代碼