假期要開始了，很多學(xué)子都在為自己的前途奔波，今天小編也整理了很多關(guān)于上海設(shè)計網(wǎng)頁信息，以及大家所關(guān)心的這些問題上海哪里網(wǎng)頁設(shè)計培訓(xùn)好，上海網(wǎng)頁設(shè)計3年經(jīng)驗工資大概多少呢？，上海網(wǎng)頁設(shè)計師平均工資待遇是多少，上海網(wǎng)頁設(shè)計師月薪工資待遇一般是多少？如何？，專業(yè)上海網(wǎng)頁設(shè)計流程有哪些?，專注網(wǎng)頁設(shè)計——網(wǎng)頁布局大盤點，網(wǎng)頁設(shè)計/配色/UI界面/圖形樣機網(wǎng)站集合大公開！??

1.上海哪里網(wǎng)頁設(shè)計培訓(xùn)好

有基礎(chǔ)的話 看書 然后 自己照抄寫代碼開始 而后用工具比如dw等 沒基礎(chǔ) 你可以隨便選個培訓(xùn)的地方 很簡單的學(xué)習(xí)下 而后 在自己買書 重要的是抄襲 抄多了就熟悉了 你沒聽說過一句話 10句程序9句抄。。。 工具更簡單了 每天用 多用就熟悉了真正的問題不是語法 算法 編寫風(fēng)格 都是假的 只要努力了 總能學(xué)會 如果是網(wǎng)頁設(shè)計 麻煩的是美感。。。 有時候 就是弄不好看 你自己覺得滿意 其實很多人覺得很土。。。 這就是程序員 和美工的區(qū)別。。。

2.上海網(wǎng)頁設(shè)計3年經(jīng)驗工資大概多少呢？

看LZ在其行業(yè)中到底有多么專業(yè)了。 如果在行業(yè)中有網(wǎng)站制作的名氣，那么在上海這個城市，6000應(yīng)該是基本的吧。 我們網(wǎng)站的美工都有6000多，我們是深圳南山區(qū)，應(yīng)該和上海水平差不多。

3.上海網(wǎng)頁設(shè)計師平均工資待遇是多少

為什么平面設(shè)計，網(wǎng)頁設(shè)計，的工資怎么底，勞動量怎么大? 為什么要他們管吃管住，3000元一個月，什么時候有房有車沒壓力? 因為大家都要生存，算算每年藝術(shù)學(xué)生畢業(yè)千千萬萬，不把公司壓低怎么和他們競爭! 除非像人家溫州人一樣搞個什么什么聯(lián)盟，設(shè)計師聯(lián)盟怎么樣，工資可以有個明確了。

4.上海網(wǎng)頁設(shè)計師月薪工資待遇一般是多少？如何？

上海這邊普遍應(yīng)該是3千到5千！應(yīng)該是這個數(shù)字！設(shè)計行業(yè)，靠的就是經(jīng)驗和技術(shù)好，那就容易錢，技術(shù)不好，就差點了。在技術(shù)上不是說軟件使用如何熟練就是好技術(shù)，我們說的技術(shù)是對設(shè)計的技術(shù)，要求不僅僅是針對軟件，更針對設(shè)計，也就是網(wǎng)站。找工作都需要提供案例，也就是作品，從作品中就可以看出一個人的能力、技術(shù)，當(dāng)然你的工資也是根據(jù)你的能力來訂的，在網(wǎng)絡(luò)公司做網(wǎng)頁設(shè)計工資底薪一般在1200-4500之間（這里說的是底薪，看個人經(jīng)驗閱歷來決定底薪），當(dāng)然還有額外提成。在一些專業(yè)的設(shè)計公司工作，最低的工資一般都是在2000以上，也會有設(shè)計提成，當(dāng)然這要看所在的區(qū)域了。有的地方也只有幾百塊，那可能是實習(xí)崗位，或純作圖的美工（美化工人），這不能一句概括。請一定記?。汗べY跟你的能力是平等的，希望我的回答能夠幫到你，以上均為個人看法，不喜誤怪。

5.專業(yè)上海網(wǎng)頁設(shè)計流程有哪些?

一個專業(yè)網(wǎng)頁設(shè)計的流程，其實更多情況下是必須要遵循該有的一些程序和步驟，對于絕大多數(shù)的人而言，如果這個網(wǎng)頁的設(shè)計不需要太過專業(yè)的話，那么其實完全能夠自己自學(xué)來做到這件事情。如果實在不知道這其中的流程的話，不妨讓我們一起來了解一下。 1、域名注冊　　不管是想要設(shè)計成一個什么樣的網(wǎng)頁網(wǎng)站，在第一部的時候一定要做的事情就是注冊一個域名，注冊一個域名，從專業(yè)的角度出發(fā)，要具備一些特點就是容易記，簡單明了，而且要做到盡可能的簡短，除此之外也要符合公司對外的品牌形象。雖然現(xiàn)在很多的網(wǎng)站在選擇域名的時候，已經(jīng)把那些比較好記或者比較簡單的名字給選掉了，但是從公司的角度出發(fā)，直接選用公司的拼音或許會比較合適。　　2、租服務(wù)器　　一般租服務(wù)器是需要根據(jù)用戶實際需求來進行選擇的，根據(jù)用戶能夠給到的價格來確定是否選擇性價比比較高的還是相對比較便宜的，但是任何服務(wù)器的選擇一定要讓用戶搞清楚這其中的利弊關(guān)系，畢竟專業(yè)網(wǎng)頁設(shè)計服務(wù)器是一個非常重要的成分?！　?、網(wǎng)站設(shè)計　　網(wǎng)站確定的類型和整體的風(fēng)格基本上都需要根據(jù)網(wǎng)站設(shè)計的需求來確定，一個網(wǎng)頁當(dāng)中所包含的文字或者圖片內(nèi)容之類的，都必須要跟他所需要呈現(xiàn)出來的效果是相符合的，這樣才能夠更好地被大眾所熟知，接受今后再進行再次需求探索的時候才能夠更加的方便直接。不過一定要將前端設(shè)計做好?！　【W(wǎng)站所存在的兼容性或者是后臺的搭，建能夠更好的體現(xiàn)在日常的維護和選擇上，用戶雖然會有不一樣的需求，但是如果能夠讓網(wǎng)站的兼容性確定好，這樣用戶就能夠有更好的體驗。一個公司的品牌對外所呈現(xiàn)出來的網(wǎng)絡(luò)印象，或許就有這個網(wǎng)站而表達(dá)。因此專業(yè)網(wǎng)頁設(shè)計最關(guān)鍵的過程還是在于網(wǎng)站的內(nèi)容設(shè)計部分，也就是我們所說的網(wǎng)頁部分，這個部分做好了，那問題就不大。

6.專注網(wǎng)頁設(shè)計——網(wǎng)頁布局大盤點

所有的布局都是為了用戶體驗，而在現(xiàn)階段各種效果圖泛濫的時代，能準(zhǔn)確抓住用戶的設(shè)計才是好設(shè)計。只要用戶用的方便、用的舒服的設(shè)計，都是好設(shè)計。那么問題來了，對于網(wǎng)頁設(shè)計，設(shè)計師需要考慮哪些用戶需求呢？內(nèi)容的不確定性：我們很多界面的文字和圖片都不是固定不動的。比如圖片的寬高尺寸比例，比如文字內(nèi)容的長短都有可能發(fā)生變化，所以我們要做的，就是注意容錯處理。長時間停留：很多設(shè)計都是過眼云煙，潦草快速的掃一眼。而設(shè)計師要做的，就是如何留住用戶，讓他們長時間瀏覽觀看，除了本身的內(nèi)容之外，設(shè)計上要做的就是規(guī)整、耐看。閱讀效率：現(xiàn)在都是掃描式閱讀，所以提高效率很關(guān)鍵，能夠在最短的時間內(nèi)獲取最多的信息，不能只注重炫酷的形式感，在形式上還要考慮閱讀效率，設(shè)計上要做的就是緊湊、易讀。模塊層級多樣：模塊層級不是越多越好，嵌套太深反而容易誤會，所以要保持統(tǒng)一性，設(shè)計上要做的就是多樣、有規(guī)律。各種網(wǎng)頁布局都有各自的優(yōu)缺點，要在合適的模塊選擇合適的布局。來看一下常見的網(wǎng)頁布局吧！標(biāo)簽式布局標(biāo)簽式布局也稱之為網(wǎng)格式布局，適用于重要元素模塊的布局，注意的事項是同層級的標(biāo)簽風(fēng)格一定要統(tǒng)一，且圖標(biāo)要精致、識別性高?！緝?yōu)點】展示清晰，方便快速查找?！救秉c】擴展性有限，標(biāo)題名稱不易過于繁瑣，還有就是數(shù)量精簡不易過多。列表式布局列表式布局在門戶類的網(wǎng)站比較適用，比如新聞列表性的頁面，尤其適用于文字較長的內(nèi)容組合，但要注意分割，要避免出現(xiàn)視覺誤差?！緝?yōu)點】信息內(nèi)容展示直觀，節(jié)省空間，瀏覽效率高，文字?jǐn)?shù)量比較，長稍微自由一些?！救秉c】樣式較單一，容易產(chǎn)生視覺疲勞，可適當(dāng)穿插其他版式?？ㄆ讲季挚ㄆ讲季志褪前秧撁鎰澐珠_來，一個模塊一個區(qū)域，要注意可適當(dāng)圖文混排，視覺上保持一致?！緝?yōu)點】避免信息層級過多時造成的視覺誤差，有視覺一致性?！救秉c】對頁面空間消耗比較大，內(nèi)容太多時會降低效率。瀑布流布局在很多電商或者圖片素材網(wǎng)站，或者視頻類網(wǎng)站，經(jīng)常用瀑布流布局。主要是瀏覽欣賞型的，給人豐富、漂亮、華麗的感覺?！緝?yōu)點】節(jié)省交互效率，圖片或者視頻漂亮，讓人一飽眼福?！救秉c】太依賴于圖片，所以質(zhì)量過低的時候影響視覺效果，同時不適合以文字為主的產(chǎn)品。多面板布局多面板布局也稱之為Tab切換，同等大小的模塊，多面板布局可以展示更多的信息量，多用于分類或者篩選頁面?！緝?yōu)點】減少了頁面之間的跳轉(zhuǎn)，承載了更多的網(wǎng)頁內(nèi)容，大大提高了工作效率，分類明確直觀。【缺點】如果分類過于多的話，會較為擁擠，增加當(dāng)前頁面流量的負(fù)擔(dān)。手風(fēng)琴布局手風(fēng)琴布局，就是一級可以控制二級內(nèi)容的展示和閉合，可以自由選擇二級內(nèi)容的隱藏和顯示。【優(yōu)點】承載信息多，可以保持界面簡潔，減少點擊次數(shù)，提高操作效率?！救秉c】如果展開模塊比較多的時候，一級標(biāo)題分類不好找，容易混亂。以上就是我們的網(wǎng)頁布局分類，所以我們要多欣賞別人做出來的東西，總結(jié)別人的巧妙精致之處，集他們的長處，在此基礎(chǔ)上合理的利用和創(chuàng)新，才能做出好的設(shè)計。希望大家以后在網(wǎng)頁中能進行合理的布局，讓用戶用起來方便易讀、喜歡耐看。上海非凡教育教師簡介張老師8年前端項目實戰(zhàn)經(jīng)驗；做過三百多個大小各類的網(wǎng)站；曾獨立負(fù)責(zé)過多個項目（包括客戶溝通、設(shè)計、前端），如大瀚建筑設(shè)計/美設(shè)國際/中美仕家/好一家浦東中環(huán)商辦項目/上海酒超網(wǎng)

7.網(wǎng)頁設(shè)計/配色/UI界面/圖形樣機網(wǎng)站集合大公開！

此篇內(nèi)容一共分為四大類：網(wǎng)頁設(shè)計、配色網(wǎng)站、UI圖標(biāo)網(wǎng)站、圖形&樣機資源網(wǎng)站 。喜歡的請點贊喲~一、網(wǎng)頁設(shè)計網(wǎng)站1.Reeoo是我本人最喜歡的優(yōu)秀網(wǎng)頁設(shè)計網(wǎng)站之一啦，它是可以根據(jù)配色篩選好的網(wǎng)頁，其實不考慮色彩，Reeoo上已經(jīng)都是頂級設(shè)計網(wǎng)站了，非常非常多牛逼設(shè)計師提供的頂級設(shè)計，讓Designer們長期追捧。而按照顏色篩選這個功能，簡直是讓人歡喜到無以復(fù)加，真心的非常方便。 - Web design and website gallery 2.如果你喜歡日本的設(shè)計，那你一定要關(guān)注這個網(wǎng)站，這里多半都是日本設(shè)計師的作品分享。網(wǎng)站也帶有日本設(shè)計的優(yōu)雅與公整，且整個網(wǎng)站分享的作品質(zhì)量也較高。Web Design Clip Pixelwww.flypixel.com4.提供網(wǎng)頁設(shè)計趨勢、教程和免費資源、站內(nèi)文章涵蓋了從品牌和用戶體驗設(shè)計到營銷和社交媒體的網(wǎng)頁設(shè)計等各個方面，免費資源包括UI工具包、博客站主題樣機、圖標(biāo)和矢量圖。..com5.提供各種類型的智能手機、平板電腦和顯示器的屏幕尺寸。Screen Sizeswww.screensiz.es6..fltdsgn.com7.免費的PSD、圖形、平面、網(wǎng)頁設(shè)計資源 。 | Free PSD, Graphic & Web Design Resources 8.網(wǎng)頁設(shè)計的網(wǎng)站The Multi-Purpose WordPress Theme 9.程序員和設(shè)計師都可以看的網(wǎng)站，主要是Web開發(fā)、移動開發(fā)、性能優(yōu)化、體驗報告等。凹凸實驗室Aotu.io10.網(wǎng)頁設(shè)計和開發(fā)博客，有最新的一些技術(shù)、特效代碼和文章。 Archives | Codrops二、配色網(wǎng)站網(wǎng)頁設(shè)計師25配色工具：1.ColorHexa 鏈接： www.colorhexa.com2.Coolors 敲擊空格即可換配色 鏈接： www.coolors.co3.Palettte 鏈接： palettte.app4.Materrial UI Colors 鏈接： Supply 鏈接： Safe 鏈接： Hunt 現(xiàn)成配色 鏈接：www.colorhunt.co8.Open Color 鏈接： scheme designer 鏈接： 鏈接：網(wǎng)頁設(shè)計常用色彩搭配表 - 配色表 | 小影的工具箱11.SDC優(yōu)設(shè)網(wǎng)配色工具 鏈接：網(wǎng)頁配色,設(shè)計配色,配色圖表,配色卡,配色方案圖譜生成-SDC優(yōu)設(shè)網(wǎng)配色工具 12.Color Hunter 鏈接：Color Hunter13.Adobe Color CC 導(dǎo)入任何圖像以生成顏色主題，或者使用其色盤生成不同的主題如：單色、鄰近色、三元色、互補色、復(fù)合色和陰影! 鏈接：www.color.adobe.com14.自稱是最大的官方品牌顏色代碼合輯，單擊喜歡的顏色會立即復(fù)制到剪貼板。鏈接：www..net 15.Coolors快速顏色方案生成器，幾秒內(nèi)創(chuàng)建、保存和共享不同的調(diào)色板。鏈接：www.coolors.co 16.Flat UI Colours提供多種設(shè)計項目調(diào)色方案，與全球13位設(shè)計師合作設(shè)計和演示提供了共280種顏色的搭配鏈接：www..com17.Colour Lovers一個國際社區(qū)網(wǎng)站，提供了設(shè)計靈感資源和執(zhí)行所需的工具，擁有豐富的用戶分享內(nèi)容、色彩搭配靈感以及制作工具。鏈接： www..com18.Palette Creator右鍵單擊目標(biāo)圖片，選擇“調(diào)色板創(chuàng)建器”選項，然后選擇調(diào)色板所需的顏色數(shù)，即可提取圖片風(fēng)格配色。 鏈接： www.chrome.google.com/webstore/detail/palette-creator 19.配色：Web安全色該網(wǎng)站列舉了216種網(wǎng)頁安全色，分Html和RGB兩種進行標(biāo)識。20.配色網(wǎng)-致力色彩搭配方案的交流與學(xué)習(xí)這個配色網(wǎng)站有些名字起得挺有文采的，能給人直觀的想象，方便記憶。除此之外，首頁下方，還有一些關(guān)于配色的相關(guān)知識和方法。21日系配色 鏈接： 鏈接： Free Gradients by itmeo.com23.圖片顏色提取 鏈接： ColorFavs 24.日系配色 鏈接： FLAT ICON DESIGN -フラットアイコンデザイン-25.香葉紅 - 中國色 - 中國傳統(tǒng)顏色 中國色 － 中國傳統(tǒng)顏色三、UI界面網(wǎng)站1.阿里巴巴圖標(biāo)網(wǎng) Iconfont-阿里巴巴矢量圖標(biāo)庫 Iconfont-阿里巴巴矢量圖標(biāo)庫2.專業(yè)用戶體驗設(shè)計平臺 。這里是UI設(shè)計、圖標(biāo)設(shè)計規(guī)范、用戶體驗設(shè)計研究，教程學(xué)習(xí)的網(wǎng)站。UI中國UI中國用戶體驗設(shè)計平臺 3.icons8 免費圖標(biāo)下載免費圖標(biāo)，音樂，素材圖片，矢量4. Iconstore 系列圖標(biāo)Free icons by first-class .扁平化圖標(biāo) 超過130000個矢量圖標(biāo)，1849個打包資源。, the largest database of free vector icons6.Iconsfeed iOS風(fēng)格圖標(biāo)Iconsfeed- iOS icons gallery7. - 博客 - 飛屋設(shè)計飛屋博客博客 - 飛屋設(shè)計9. Search Engine10.Easyicon 735,802 free icons, desktop icons, download icons, social icons, xp icons, vista icons12.強大的ICON搜索功能，集眾人之力為所有詞繪制矢量圖。提供免費會員資格，訪問超過100,000個不同主題的圖標(biāo)，付費升級后可無限制訪問目錄。Noun Project Most-Popular Icon Sets to Download (SVG, PNG, AI, PSD)211+ Most-Popular Icon Sets to Download (SVG, PNG, AI, PSD)14.Pttrns IOS UIDesign Pttrns15.豐富的圖標(biāo)資源，從網(wǎng)絡(luò)、企業(yè)、社交等常見項目到一些不尋常的主題，如美容、美食等均有涉及。Endless Icons16.非常詳細(xì)的UI收集網(wǎng)站，關(guān)鍵是分類做得非常好。網(wǎng)站左側(cè)的一個導(dǎo)航列表，里面基本上涵蓋了各種常見的UI界面，細(xì)致到共有167個種類！UI收集網(wǎng)站：Collectui App ..com2.矢量圖形、徽標(biāo)設(shè)計和PSD圖形的集合網(wǎng)站，從商業(yè)圖標(biāo)集和免費平面UI工具包到網(wǎng)頁圖像和Facebook封面，有大量可以瀏覽和下載的資源。365PSDwww.365psd.com3.提供免費UI工具包、圖標(biāo)、模型、模板和字體，同時用戶也可以提交自己的作品Designer Millwww..com4.免費矢量圖庫，自稱矢量圖搜索引擎網(wǎng)站先驅(qū)，高質(zhì)量的免費的矢量藝術(shù)，插圖，圖標(biāo)，PSD等素材資源，擁有超過一百萬個免費矢量圖和照片資源。.freepik.com5.擁有大量圖標(biāo)和矢量圖形、圖形設(shè)計、和網(wǎng)頁設(shè)計模板。Pixeden Premium & Free Design and Web .提供圖標(biāo)，矢量圖形，字體，庫存圖像和紋理，用戶可選擇免費資源下載。Design ..com7.主要匯集一些大品牌的logo，例如 Facebook、Spotify、Dropbox等公司的標(biāo)識。..es8. 從字體、圖標(biāo)、插畫等PS資源到樣機、網(wǎng)站模板，一應(yīng)俱全。..com9. 提供各種圖標(biāo)、UI工具包、背景圖片和樣機PSD資源。Psdddwww.psddd.co10.一個樣機PSD包，可以免費用于商業(yè)和個人項目，所有圖像都是在C4D中創(chuàng)建而成，并使用Octane Render進行渲染，由美國設(shè)計師 Aaron Covrett 提供。Granite Bundlewww.behance.net/Free-Granite--Bundle11..screely.com12.Yoartswww.yoarts.com13.由設(shè)計師Alex Andr提供的，四個免費名片樣機。Business Card Mockupwww.behance.net/4-Free-Business-Card-Mockup14.一款線上框架合成工具，提供智能手機、電腦、筆記本、名片、杯子、招牌、袋(箱)子等上百種逼真樣機，可將自己的產(chǎn)品或截圖置入到免費樣機中。 iPhone Photo Mockupwww..com16.免費樣機（國外） World | The best free Mockups from the Web17.PSD Repo該網(wǎng)站是收錄了很多工作中可能會用到的高質(zhì)量PSD素材，包括網(wǎng)頁、界面、圖標(biāo)、模型等豐富的素材，素材質(zhì)量也是很豐富的。PSD Repo - Free Quality PSDs Available For Download 18.云端設(shè)計設(shè)計樣機_Mockup模板_樣機模板-云瑞設(shè)計19.設(shè)計小咖Mockups_樣機_展示模型-設(shè)計小咖20.PSD樣機 ,免費的矢量圖、徽標(biāo)設(shè)計、插畫等 - 全部免費供個人和商業(yè)使用。 Vectors & PSD Graphics 527258 graphics in one place!21.淘寶網(wǎng) - 淘！我喜歡在這上面找素材比百度都方便。 Deco Bundle Offer 機械幾何裝飾邊框圖案合集矢量格式鏈接： 密碼：td5jA1127矢量Art Deco復(fù)古花紋邊框紋樣字母logo線條 AI設(shè)計素材+psd鏈接: 密碼: csw8221套VI貼圖合集：鏈接： 密碼：蘋果TPU手機殼智能貼圖樣機40效果展示VI標(biāo)志PSD模板素材文件下載鏈接： 提取碼：7x14完。

以上都是我為大家細(xì)心準(zhǔn)備參考的，希望對你們有所幫助。