A. web端設計和web前端開發的區別
1、Web前端開發工程師，主要職責是利用(X)HTML/CSS/JavaScript/DOM/Flash等各種Web技術進行產品的界面開發。
2、web設計 是使用Photoshop或Fireworks等設計軟體，將網頁的視覺效果、排版等工作呈現出來。
也就是說Web端設計指的是設計圖，而前端開發指的是根據設計圖以代碼的方式寫出來，實現真正的網頁而不是圖片，實現出來的效果跟設計圖幾乎是相同的。這是兩者之間最大的區別。
B. 界面設計，web設計
第一，你字體太大了。如果是一個軟體的話，可以用微軟雅黑，如果是在線版的話，宋體的象素字12號，標題14號就夠了。
第二，用1像素修飾邊緣。
第三，盡量減少圓角，不然挺麻煩的。除非你有很好而且不怕麻煩的程序員
C. web端交互設計頁面布局對比分析2018-04-07
頁面布局
頁面布局大致可分為網頁（web）、軟體、手機三類，其中web和軟體有較大相似性，不作區分。軟體界面布局依功能而決定，布局復雜。因為定義種類的標准和方式不同，頁面布局類型分類較多，先總結比較常用和普遍的布局方式，以其他方式做補充。
頁面布局的定義
頁面布局是指，在設計頁面的過程將頁面各要素通過合理、有效、統一的規則進行排版，產生很好的傳播信息的視覺效果。一般來說，都會基於下原則進行頁面布局設計：
（1）對比：是防止頁面元素過於單一或沒有差異性。假如空間、大小、形狀、字體、線條、顏色等設計元素都要各不相同，那麼就要製造較大的差別，要讓頁面引人注目。
（2）重復：可W重復顏色、形狀、線寬、字體、大小和圖片等等。既能夠増加條理性，也可増強頁面的統一性。
（3）對齊：在頁面上，不同元素不能孤立存在，而應當構建特殊的視覺關聯效果，從外觀上給予用戶更為清爽、稽巧和情緒化的體驗。
（4）親密性：頁面上的元素不應當孤立的存在，彼此之間存在親密性，形成一個視覺單元。這樣可有助於信息的架構，減少信息組織的混亂。
網頁布局類型
網頁版式的基本類型主要有骨骼型、國字型、拐角型、框架型、滿版型、分割型、中軸型、曲線型、傾斜型、對稱型、焦點型、自由型等12種。
1. 「國」字型布局
也可以稱為「同」字型，是一些大型網站所喜歡的類型，即最上面是網站的標題以及橫幅廣告條，接下來就是網站的主要內容，左右分列兩小條內容，中間是主要部分，與左右一起列到底，最下面是網站的一些基本信息、聯系方式、版權聲明等。這種結構是我們在網上見到的差不多最多的一種結構類型。
口字型、同字型、回字型都可歸屬於此類，是一些大型網站所喜歡的類型，即最上面是網站的標題、導航以及橫幅廣告條，接下來就是網站的主要內容，左右分列一些小條內容，中間是主要部分，與左右一起羅列到底，最下面是網站的一些基本信息、聯系方式、版權聲明等。這種布局的優點是充分利用版面，信息量大，缺點是頁面擁擠，不夠靈活。這種結構是我們在網上見到的差不多最多的一種結構類型，常用於門戶網站的設計。
2.拐角型 匡型布局或T型布局可歸於此類，在匡型布局中，常見的類型有上面是標題與導航，左側是展示圖片的類型和最上面是標題及廣告，右側是導航鏈接的類型。這種版式在韓國的網站中常見。T布局就是指頁面頂部為橫條網站標志與廣告條，下方左面為主菜單，右面顯示內容的布局，因為菜單背景色彩較深，整體效果類似英文字母T，所以稱之為T形布局。這種布局的優點是頁面結構清晰，主次分明，是初學者最容易上手的布局方法。缺點是規矩呆板，如果在細節色彩上不注意，則很容易讓人感覺枯燥無味。
2.1「匡」字型布局
這種結構與上一種其實只是形式上的區別，它去掉了「國」字形布局的最右邊的部分，給主內容區釋放了更多空間。這種布局上面是標題及廣告橫幅，接下來的左側是一窄列鏈接等，右列是很寬的正文，下面也是一些網站的輔助信息。
2.2.T型布局
「T」結構布局形式。所謂「T」結構，就是指頁面頂部為橫條網站標志+廣告條，下方左面為主菜單，右面顯示內容的布局，整體效果類似英文字母「T」，所以稱之為「T，形布局。這是網頁設計中用得最廣泛的一種布局方式。這種布局的優點是頁面結構清晰，主次分明，是初學者最容易上手的布局方法。缺點是規矩呆板，如果不注意細節色彩，很容易讓人」看之無味「
3. 「三」字型布局
是一種簡潔明快的網頁布局，在國外用的比較多，國內比較少見。這種布局的特點是在頁面上由橫向兩條色塊將網頁整體分割為三部分，色塊中大多放置廣告條與更新和版權提示。
4. 「川」字型布局
整個頁面在垂直方向分為三列，網站的內容按欄目分布在這三列中，最大限度地突出主頁的索引功能。
5， 封面型布局 （滿版型/海報型/POP型）
POP布局屬於此類。就是指頁面布局像一張宣傳海報，以一張精美圖片作為頁面的設計中心，頁面以圖像充滿整版。主要以圖像為訴求點，將少量文字壓置於圖像之上。滿版型給人以舒展、大方的感覺，視覺傳達效果直觀而強烈，缺點就是速度慢。隨著當今網路帶寬不斷變大，這種版式在商業網站設計尤其是網路廣告中比較常見。
這種類型基本上是出現在一些網站的首頁，大部分為一些精美的平面設計結合一些小的動畫，放上幾個簡單的鏈接或者僅是一個「進入」的鏈接甚至直接在首頁的圖片上做鏈接而沒有任何提示。這種類型大部分出現在企業網站和個人主頁，如果說處理的好，會給人帶來賞心悅目的感覺。
6. Flash布局
這種布局是指整個網頁就是一個Flash動畫，它本身就是動態的，畫面一般比較絢麗、有趣，是一種比較新潮的布局方式。其實這種布局與封面型結構是類似的，不同的是由於Flash強大的功能，頁面所表達的信息更豐富。其視覺效果及聽覺效果如果處理得當，會是一種非常有魅力的布局
7. 標題文本型布局
標題文本型布局是指頁面內容以文本為主，這種類型頁面最上面往往是標題或類似的一些東西，下面是正文，比如一些文章頁面或注冊頁面等就是這一類。
8. 框架型布局 ,
採用框架布局結構，常見的有左右框架型、上下框架型和綜合框架型。由於兼容性和美觀等因素，這種布局目前專業設計人員採用的已不多，不過在一些大型論壇上還是比較受青睞的，有些企業網站也有應用。
框架型版式常用於功能型網站，例如郵箱、論壇、博客等。1）左右框架型這是一種左右分別為兩頁的框架結構，一般左面是導航鏈接，有時最上面會有一個小塊標題或標志，右面是正文。我們見到的大部分的大型論壇都是這種結構，一些企業網站也喜歡採用。這種類型結構非常清晰，一目瞭然。
2）上下框架型與左右框架類似，區別僅僅在於這是一種上下分為兩頁的框架。
3）綜合框架型這是上述兩種結構的結合，是一種相對復雜的下型框架結構，較為常見的類似於「拐角型」結構的，只是採用了框架結構。常見的郵箱網站的版式都是綜合框架型。
9. 頂部大圖Banner+簡單的柵格
無論屏幕多大，這種布局都能夠為用戶展示充足的內容，供用戶瀏覽和探索。雖然這種布局隨著屏幕、設備而有所差異，有的設計師會傾向於設計成固定寬或者橫跨整個頁面的布局，但是總體的模式都大同小異。
·導航欄·頂部大圖，圖片上疊有文字標題·2~4個分欄，承載不同類別的信息，有的會有圖標·主要的內容區域·頁腳
這種布局設計干凈清爽，有足夠強的視覺表現力，並且常常採用的響應式設計，斷點也很好控制。頂部大面積的輪播圖或者Banner 也有許多插件或者應用來幫你實現。
原理：這種布局中，每個元素都各司其職，並且整個流程是富有邏輯的，頂部大圖足以營造氛圍，給予用戶特定的體驗，下面的次一級元素能夠做的很好的支撐。
相關趨勢：越來越多這類網頁開始採用色彩豐富的插畫式的圖標，而扁平化的設計和這種布局頁面有著天然的契合。
10. 單頁設計，單欄布局
單頁式設計這幾年非常火，它非常適宜於展現極簡的內容，或者專注呈現一個主題。當網站的主題集中，內容也比較固定的時候，無需復雜的布局來呈現，單頁單列式的布局足以應付一切。
·導航·主要內容區域，文字+圖片為主·頁腳
採用這種布局模式的時候，空間的控制至關重要，相當考驗設計師設計留白和布局平衡的功力。元素和元素之間的疏密關系是需要設計師反復推敲的，如果空間控制不合理會給用戶一種混亂的感覺，如果過於緊密則會產生局促感。
原理：單頁式設計適合於小網站或者小型項目的展示，它可以用來製造一個簡單的介紹頁面，讓簡單的內容顯得不那麼單調，強化內容的形式感和重量感。對於內容簡單的博客網站而言，單頁式設計也是不錯的選擇。
相關趨勢：和單頁設計結合最緊密的應該是動效設計和視差滾動，他們可以讓單頁式設計更加生動有趣，淡化單調的設計，賦予頁面更強的生命力。
11 、自定義柵格
方塊元素被用來組織排列他的作品。這是組織排列任意數量內容的簡單途徑，讓事物保持簡潔。
到處都是方塊，移動滑鼠時還有個有趣的動畫效果。不過除了組織內容之外，你會發現方塊元素也成為了設計風格的一部分。它是這種風格關鍵的決定性元素。
那些被整齊分割出來的網頁布局從來都沒有過時過。無論是分割得細碎的網頁區域還是大塊的頁面區塊，大多都需要藉助一套干凈整齊的柵格來支撐。在此基礎上，內容按部就班地被置於不同的區塊中，被精心地組織展示出來。
在設計師的作品集頁面中，你可以發現各種各樣自定義的柵格布局。自定義柵格展示內容的優勢在於，它可以同時呈現大量的視覺化的內容，看起來足夠豐富又不會落於下乘。下面這個圖庫的效果看起來就相當震撼。
在柵格中填充色彩，還可以用來承載文字內容。不同的區塊之間不一定非要用線條進行分割，可供選擇的方案有很多，不過千萬要控制好柵格尺寸和間距。控制不好的細節，整個設計的平衡感可能會被破壞。
原理：柵格的優勢在於它的組織性，對於用戶而言，它具有規律性和可預期性。一個漂亮的柵格系統能夠讓用戶更快找到需要的內容，在視覺上也更加協調自然。
相關趨勢：柵格很容易被人視為卡片這樣的元素，可以為其加入翻轉等各式各樣的動效，呈現出更多的信息和視覺層次。
12. 經典的F式布局
傳統的布局方式，依賴布置視覺線索，「控制」用戶的視覺路徑，相較之下，F式布局更加自然，更加友好。F式布局符合用戶的瀏覽習慣，更自然。符合「從上到下，從左到右」的閱讀模式。
研究表明，用戶在瀏覽網頁的時候，習慣於沿著F式的閱讀軌跡來瀏覽信息，也就是說，用戶喜歡從左到右閱讀，然後向下移動，再繼續從左到右閱讀。
這種F式的閱讀模式對應的網頁布局就是F式布局，最關鍵的信息靠左顯示，從上到下盡量保持在一條線上。
·頁頭和導航·靠左的一欄相對較寬，展示主要的內容·靠右常為側邊欄，展示相關鏈接等內容·頁腳
原理：人的行為很容易受到習慣的影響，而研究也證實了人思考、行為確實是模式化的。從左到右，自上而下，人們大多習慣了這種行為模式。F式的布局模式擁有良好的適用性，便於用戶理解和交互。
相關趨勢：F式布局中側邊玩法很多，有的設計師會將導航與之結合，或者在頁面頂部加上大圖Banner。
13 、極簡分層
極簡化的設計一直都在流行，它的流行不是沒有原因的。開放式的空間讓用戶感覺更加輕松，也使得其中展現的內容更容易被聚焦。如果極簡化的頁面中加入不多的幾個並列的內容層，可以讓信息更有層次，也使得極簡的頁面擁有了細節。
這種設計並不復雜，但是讓頁面更加有趣了，它可以適配更多不同類型的項目了。這也解釋了為什麼用戶如此的喜愛類似Apple 官網這樣的設計。
原理：極簡化的頁面中加入簡單的幾個分層，讓頁面有了視覺焦點，尤其是當設計者想要引導用戶關注到某個關鍵的內容的時候，這種頁面布局很很容易實現這一點。
相關趨勢：微妙的陰影和漸變常常被用在這樣的頁面當中，強化元素之間的層次感。雖然這些設計手法一度「過時」，但是現在大有卷土重來之勢，而Material Design 這樣的設計風格就是它們的沖鋒號。
14. Z-模式
Z-模式是最簡單、最通用的模式,普遍用於任何基於文本的網頁。讀者首先橫向的瀏覽頂部，接著回到左邊，然後再橫向地瀏覽整個底部。
理解通用的Z-模式很重要，因為它解決了網站的核心需求：層次結構、品牌化和用戶行為號召。它的美在於既簡單又具有「用戶號召」型網站的理想布局。當然，對於更復雜的或包含大量內容的網站，Z-模式可能過於簡單。
考慮一下Z-模式是否適合你的網站？下面有一些最佳實踐可以更好的優化該模式：
背景：保持背景在它應該處於的位置：隱蔽在內容之下。不讓它分散讀者的注意力。
要點1：作為第一個要點，將Logo放置在固定位置。
要點2：雖然主要的用戶號召應該放在後面，這對二級用戶號召來說是一個好位置，可強調或突出導航條（一個漂亮的圖形或圖像滑塊將有助於分割頁面的頂部和底部，鼓勵讀者按照Z模式所期待的方式來瀏覽）。
要點3：選取最佳位置來吸引讀者對其它鏈接的注意，或者吸引讀者的目光到網站的最終目標：要點4。
要點4——作為「終點」，這是一個完美的放置主要用戶號召的地方。
首先你需要做的是把頁面上的元素按照重要性進行排序。然後，從結果中挑選出適當的「熱點」就會變得很簡單。
此外，Z-模式可以重復和擴展到整個頁面。我們來看看Evernote是如何按「之」字型向下放置他們的「用戶號召」和賣點的。
DropBox沒有使用任何背景圖片，很簡單地實現了這種「曲折」的模式。相反的，更多功能型的設計內置在了布局中，比如用戶號召「瀏覽更多」，當用戶瀏覽整個網頁時，它幫助用戶鏈接進入每一板塊的細節部分。這也有助於通知讀者點擊到下一個相關頁面，而不需要先去通讀頁面所有內容。
15.分割屏幕
在這類中，我們精選的網站都用了垂直分隔線來分割屏幕。可能這么做有很多原因，通過研究大量此類案例，我發現主要有兩點。
原因之一，有時候在一套設計中，的確存在兩個同等重要的主體元素。網頁設計的通常方法，是按照重要性給內容排序。然後重要性會體現在設計的層次和結構上。但是假如你就是要推廣兩樣東西呢？這種方式，可以讓你突出兩者，並讓用戶迅速在其中做出選擇。
原因之二，有時你要表現出一種重要的兩重性。以Eight and Four網站為例。他們在此要表達的是，他們的核心競爭力來自植根數字領域，還有多才多藝的員工。這兩點成就了他們。通過屏幕分割來表現這一點，是種令人愉快的方式。
16. 去界面化
網頁設計中的主要元素之一，就是容器元素：方塊、邊框、形狀和所有類型的容器，用於將內容從頁面中分離開。想像一個古板的頁頭，元素剛好容納其中，與內容分隔開。如今的一項普遍趨勢，就是去除所有這些額外的界面元素。
這是種極簡主義的方式，但它更進一步，帶來一些有趣的轉變。
17. 基於模塊或網格
接下來這些排版方式，建立在模塊化或類似網格的結構上。在這些設計中，每個模塊都力圖根據屏幕尺寸伸縮調整。實際上這並不是什麼新的方式，不過響應式網頁設計讓它變得更加有用。它暗示了一種自適應布局模式，可以像搭積木一樣，由各種模塊組件創建而成。
這個案例更加激進。當然，它也包含了模塊化的方式，讓他們能夠根據需要輕松增減內容。但此處還有一個重要的設計元素在發揮作用，之前的案例是沒有的。模塊通過尺寸變化，來反映其重要程度和在各層級中的地位。這類模塊化的布局方式存在一種風險，它使每樣東西尺寸都相同，這意味著無法強調任何事物。相反，這個案例還是清晰地突出了主要元素。
18. 一屏以內
最後，還有一些網站採用這樣的方式，讓設計完全在一屏內展現。這是響應式設計的一個分支，因為它會適應屏幕尺寸。不過在這個絕佳案例中，整個設計的適應方式完完全全吻合屏幕，沒有產生滾動條。沒有滾動，意味著內容必須極度聚焦，而且要建立清晰的內容層次。我發現這些網站的聚焦能力和清晰程度，令人耳目一新。
D. 新手做web後台界面設計，切圖應該輸出什麼格式
一般動態的圖片切成gif，
如果是大圖作為背景就用jpg，
如果是有透明度的圖片，切成png，
如果是一般集合背景，沒有特殊要求，jpg，png都可以。
一般切圖的時候，先考慮一下，會不會設計到上面的情況，如果很普通一張圖，什麼格式都無所謂。不用太相信教程，他們可能也是忽悠人的。看自己的需求來就好。
可能我回答的不夠全面，以後有新的發現的時候再來補充。希望採納！
E. 如何做web應用程序界面設計
我們需要先製作背景圖片。也就是網頁背景那塊藍色的部分。我們需要單獨做出來。 新建一個1920px*400px的文件 我們拉一個一個藍色（#506dbb）到白色的一個漸變
F. 前端設計是什麼
問題一：前端開發 是什麼？ 前端工程師，就是前端開發工程師，就是WEB前端開發工程師簡稱。
前端工程師是一個很新的職業，在國內乃至國際上真正開始受到重視的時間不超過5年。Web前端工程師開發是從網頁製作演變而來的，名稱上有很明顯的時代特徵。在互聯網的演化進程中，網頁製作是Web 1.0時代的產物，那時網站的主要內容都是靜態的，用戶使用網站的行為也以瀏覽為主。
一位好的Web前端工程師在知識體繫上既要有廣度，又要有深度，所以很多大公司即使出高琺也很難招聘到理想的前端工程師。現在說的重點不在於講解技術，而是更側重於對技巧的講解。技術非黑即白，只有對和錯，而技巧則見仁見智。
以前會Photoshop和Dreamweaver就可以製作網頁，現在只掌握這些已經遠遠不夠了。無論是開發難度上，還是開發方式上，現在的網頁製作都更接近傳統的網站後台開發，所以現在不再叫網頁製作，而是叫Web前端開發。前端工程師在產品開發環節中的作用變得越來越重要，而且需要專業的前端工程師才能做好，這方面的專業人才近兩年來備受青睞。
Web前端工程師工作是一項很特殊的工作，涵蓋的知識面非常廣，既有具體的技術，又有抽象的理念。簡單地說，它的主要職能就是把網站的界面更好地呈現給用戶。
前端工程師所需要掌握的技能，最基本的是javascript html css
如果能熟悉一門後端語言加資料庫比如 php + mysql 更好
主要工作是把UI的設計圖按照w3c標准做成html頁面，並且用javascript腳本語言實現頁面上的前端互動。
互動效果包括，彈出層，頁簽切換，圖片滾動，ajax非同步互動等。
高級前端工程師還要承擔前端優化的工作，優化的知識就會更多一些，比如文件過期Expires，緩存，非同步緩存，js和css以及圖片的壓縮等。
前端工程師目前是需求遠大於供應，是比較有前景的工作之一。在北京可以拿到較高的薪水。
前端工程師這幾年新起，人才緊缺，但也不乏高手。
很多前端高手都隱匿的比較深。
你可以去看看：【七月前端】，這個人很不錯，會技術，重構，又有商業頭腦。
別的，你去他們博客上面看友情鏈接吧，很多。
問題二：網頁設計跟前端開發有什麼區別 網頁製作可以大體上分成四個工種：
1 美工
美工的主要任務是設計。了解用戶的意圖，分析網站配色，基本布局。繪制出一個網站效果圖。
美工需要掌握的知識體系應該包括網頁設計，UI（User Interface）用戶界面人機交互、操作邏輯、界面美觀的整體設計，UED（user experience design）用戶體驗設計--簡單來說就是如何使得網站更加便於交互。
2 前端開發
美工在完成設計效果圖之後，由前端開發人員將其製作成為適合瀏覽器查看的HTML頁面。
由於現在移動互聯網的大規模流行，加上各個不同廠商的瀏覽器的激烈競爭，前端開發的主要任務簡單來說就是使網頁在不同瀏覽器不同解析度不同設備上提供相似或相近的瀏覽體驗。
前端開發需要掌握的知識體系主要是兼容性問題的解決，流暢完美的交互體驗。具體到技術細節上就是HTML，CSS，JavaScript，各大公司各種不同內核的瀏覽器、各種各樣的JS庫、簡單的與後台交互的知識。
3 後台開發
前台開發完成之後，就是後台程序員的工作了，相比較前端來說，後台更像傳統意義上的程序員。後台的工作簡單來說就是網頁文件對資料庫的增刪改查。
後台需要掌握的知識體系應該包括，編程基礎，基本HTML語言，至少一門主流網頁語言（C#,C++,JAVA,PHP等），資料庫的操作等等。
4 宣傳推廣
前三個步驟完成之後，網站一定要推廣，簡單說就是營銷。
營銷人員應該掌握的知識體系應該包括SEO,SEM,線上線下推廣，事件營銷，危機公關等等復雜的知識。我對這個部分涉獵不多，不多說了。
另外，大型網站通常會在這四個崗位之間設立經理或有的公司叫網頁架構師，經理主要是用來協調，溝通，領導這四個崗位。
至於四個崗位有多少人就完全取決於公司的網站的規模了，我自己在2000年的時候做網頁基本上是四個活一個人做，除此之外還兼公司網管，電腦維修，有一段時間還兼司機，命苦啊~~
問題三：UI前端設計是什麼怎麼做 UI(User Interface):即用戶界面，也稱人機界面。是指用戶和某些系統進行交互方法的 *** ，這些系統不單單指電腦程序，還包括某種特定的機器，設備，復雜的工具等。
軟體設計可分為兩個部分：編碼設計與UI設計。編碼設計大家都很熟悉，但是 UI設計還是一個很陌生的詞，即使一些專門從事網站與多媒體設計的人也不完全理解UI的意思。UI的本意是用戶界面，是英文User和interface的縮寫。從字面上看是用戶與界面2個組成部分，但實際上還包括用戶與界面之間的交互關系。
界面設計。在漫長的軟體發展中，界面設計工作一直沒有被重視起來。做界面設計的人也被貶義的稱為「美工」。其實軟體界面設計就像工業產品中的工業造型設計一樣，是產品的重要買點。一個友好美觀的界面會給人帶來舒適的視覺享受，拉近人與電腦的距離，為商家創造賣點。界面設計不是單純的美術繪畫，他需要定位使用者、使用環境、使用方式並且為最終用戶而設計，是純粹的科學性的藝術設計。檢驗一個界面的標准即不是某個項目開發組領導的意見也不是項目成員投票的結果，而是最終用戶的感受。所以界面設計要和用戶研究緊密結合，是一個不斷為最終用戶設計滿意視覺效果的過程。
User interface也可以稱之為用戶介面或使用者介面，是系統和用戶之間進行交互和信息交換的媒介，它實現信息的內部形式與人類可以接受形式之間的轉換。
用戶介面是介於使用者與硬體而設計彼此之間互動溝通相關軟體，目的在使得使用者能夠方便有效率地去操作硬體以達成雙向之互動，完成所希望藉助硬體完成之工作，用戶介面定義廣泛，包含了人機交互與圖形使用者介面，凡參與人類與機械的信息交流的領域都存在著用戶介面。
用戶和系統之間一般用面向問題的受限自然語言進行交互。目前有系統開始利用多媒體技術開發新一代的用戶界面。
更多信息可登陸上海海淘科技網站查詢。
問題四：前端開發和網頁設計有什麼區別 前端開發工程師獨立出來主要就是做數據交互、後台處理、SEO優化等工作，要熟練各種腳本語言和運行環境，熟悉XML、SQL、ORACLE等資料庫，熟悉AJXA、Jquery、Slivelight、Struct2、CSS4、Html5等網站處理技術。
網頁設計（web design，又稱為Web UI design，WUI design，WUI），是根據企業希望向瀏覽者傳遞的信息（包括產品、服務、理念、文化），進行網站功能策劃，然後進行的頁面設計美化工作。作為企業對外宣傳物料的其中一種，精美的網頁設計，對於提升企業的互聯網品牌形象至關重要。
網頁設計一般分為三種大類：功能型網頁設計（服務網站&B/S軟體用戶端）、形象型網頁設計（品牌形象站）、信息型網頁設計（門戶站）。設計網頁的目的不同，應選擇不同的網頁策劃與設計方案。
網頁設計的工作目標，是通過使用更合理的顏色、字體、圖片、樣式進行頁面設計美化，在功能限定的情況下，盡可能給予用戶完美的視覺體驗。高級的網頁設計甚至會考慮到通過聲光、交互等來實現更好的視聽感受。
網頁設計主要以Adobe產品為主，常見的工具包括FW、PS、FL、DW、CDR、AI等，其中DW是代碼工具，其他是圖形圖像和FL動畫工具。還有最近幾年Adobe新出的EdgeReflow、EdgeCode、Muse。
問題五：web前端設計的流程是什麼? 前端的開發的大致流程如下：
1、美工根據客戶的需求設計出客戶滿意的效果圖（此步為美工的工作，不屬於前端工程師的工作）。客戶滿意後作出最終的版本和客戶簽訂協議。
2、美工講設計好的效果圖，一般是一些psd文件給前端工程師，前端工程師根據效果如開始構思如何實現，並且開始使用Photoshop進行切圖，切出需要的圖片。
3、前端使用html、css、js等技術開始實現效果圖的頁面，同時需要和後台人員交流為後台數據留下借口和數據填充的區域等，或者獲取後台數據等，這需要和後台人員合作好。
4、最終前端完成頁面交給後台，由後台人員填充後台數據，一個完整的工程完成。
問題六：什麼是web前端 其實web前端是一個新詞彙，剛開始的時候只有美工和程序，後來隨著web的發展，對用戶交互的需求越來越高，就衍生出了ui（用戶交互頁面）這除了視覺效果還要有交互體驗，就需要js去實現，畢竟一個人的精力是有限的，這么多的工作不可能由一個人去實現，於是出圖就成了前端美工，切圖出html css就成了前端切圖，js就成了前端交互。一般情況下出圖和html頁面是一個人完成，而js效果由程序員去寫，因為畢竟都是程序腳本，程序員學起來相對容易一些。
問題七：愛情在失敗中需要找回 10分 很簡單
你現在給他打一個電話
讓她親口說：「我不愛你了！」
如果她什麽都不說 你就說：「我還愛者你，如果你還愛我請你和我繼續好碼？ 如果你已經不再愛我 請你說出那幾個字 讓我徹底死心！
如果她說了---------對不起 你已經沒有機會了，放棄把 記住有時候放棄並不是結束而是重新開始
如果你覺得還是忘不了她 你可以到網路的帖吧「失戀」吧去看一下 也許你會覺得好受些 時間會沖淡一切的 記住 每一個人都有自己的另一半 只是你的那一邊還沒出現而已，不是安慰你，這是真理！ （別用繁體）
問題八：web前端開發什麼意思 用互聯網來做比喻,凡是通過瀏覽器到用戶端計算機的統稱為前端技術.相反存貯於伺服器端的統稱為後端技術.
前端技術包括JavaScript、ActionScript、CSS、xHTML等「傳統」技術與Adobe AIR、Google Gears,以及概念性較強的互動式設計,藝術性較強的視覺設計等等.
Web前端開發的職責是什麼既然Web前端開發有很多的職位，那麼不同的職位其各自的職責又是怎樣的呢？我們以「前端開發工程師」、「資深前端開發工程師」和「前端架構師」這三種職位為例，來分析一下其各自的職責。
前端開發工程師（或者說「網頁製作」、「網頁製作工程師」、「前端製作工程師」、「網站重構工程師」），這樣的一個職位的主要職責是與交互設計師、 視覺設計師協作，根據設計圖用HTML和CSS完成頁面製作。同時，在此基礎之上，對完成的頁面進行維護和對網站前端性能做相應的優化。另外，一名合格的前端開發工程師，應該具有一定的審美能力和基礎的美工操作能力，能很好的與交互及視覺協作。
問題九：前端工程師與視覺設計師有什麼區別？具體都做哪些工作 前端屬於程序開發，是寫代碼的，負責把設計師（注意一定是設計師，你丫才美工，你全家美工）的設計稿用代碼實現出來。視覺設計師就是純粹從美學角度出發結合商業目的進行設計的，輸出設計稿交給開發。
這兩個職位屬於是流水線的前後環節，一般座位會靠得比較近，以方便交流。
問題十：web端設計和web前端開發 的區別 (詳情) 嗨你好
web前端分為網頁設計師、網頁美工、web前端開發工程師
首先網頁設計師是對網頁的架構、色彩以及網站的整體頁面代碼負責
網頁美工只針對UI這塊兒的東西，比如網站是否做的漂亮
web前端開發工程師是負責交互設計的，需要和程序猿進行交互設計的配合。
web前端需要掌握的有腳本技術javascript DIV+CSS現下最流行的頁面搭建技術，ajax和jquery以及簡單的後端程序等。 後端的話可供開發的語言有 asp、php、jsp、.NET 這些後端開發語言的話搭建環境都不一樣，具體如果你想學的話看是想從事前端部分還是後端程序部分。後端開發如果有一定的條件的話可以轉為軟體開發。不過要有一定的語言基礎，類似java語言。C#等。關鍵是看你的興趣愛好。。
這個到後期不會區分這么細，做前端到後期也會懂一些後端的技術，反之，後端也是。
在我們實際的開發過程中，我們當前這樣定位前端、後端開發人員。
1）前端開發人員：精通JS，能熟練應用JQuery，懂CSS，能熟練運用這些知識，進行交互效果的開發。
2）後端開發人員：會寫Java代碼，會寫SQL語句，能做簡單的資料庫設計，會Spring和iBatis，懂一些設計模式等。
現在來看，我們對前後端的要求還是蠻低的，尤其是後端，新員工經過培訓之後都是可以參與到後端開發的，沒有太高的技術門檻，唯一需要做的就是先變成熟練工種，這個階段沒有涉及到設計模式、架構、效率等一些列問題。
還是先google一下，看看網上對Web前端開發、Web後端開發分別是什麼？
Web前端: 顧名思義是來做Web的前端的。我們這里所說的前端泛指Web前端，也就是在Web應用中用戶可以看得見碰得著的東西。包括Web頁面的結構、Web的外觀視覺表現以及Web層面的交互實現。
Web後端：後端更多的是與資料庫進行交互以處理相應的業務邏輯。需要考慮的是如何實現功能、數據的存取、平台的穩定性與性能等。
我們再來看看大公司對前後端人員招聘的要求，通過這個角度看看前端、後端的技術要求：
Web前端：
1）精通HTML，能夠書寫語義合理，結構清晰，易維護的HTML結構。
2）精通CSS，能夠還原視覺設計，並兼容業界承認的主流瀏覽器。
3）熟悉JavaScript，了解ECMAScript基礎內容，掌握1~2種js框架，如JQuery
4）對常見的瀏覽器兼容問題有清晰的理解，並有可靠的解決方案。
5）對性能有一定的要求，了解yahoo的性能優化建議，並可以在項目中有效實施。
6）......
Web後端：
1）精通jsp，servlet，java bean，JMS，EJB，Jdbc，Flex開發，或者對相關的工具、類庫以及框架非常熟悉，如Velocity，Spring，Hibernate，iBatis，OSGI等，對Web開發的模式有較深的理解
2）練使用oracle、sqlserver、mysql等常用的資料庫系統，對資料庫有較強的設計能力
3）熟悉maven項目配置管理工具，熟悉tomcat、jboss等應用伺服器，同時對在高並發處理情況下的負載調優有相關經驗者優先考慮
4）精通面向對象分析和設計技術，包括設計模式、UML建模等
5）熟悉網路編程，具有設計和開發對外......>>
G. 如何設計web界面才好看
符合頁面設計規范，注重用戶體驗，交互設計方面做到人機和諧。