專業(yè)課程顧問干老師，qq：2290425711，課程咨詢微信：ffeduhaha
Web全棧工程師就業(yè)班培訓內(nèi)容：
1.美工設(shè)計：設(shè)計美學、色彩搭配、網(wǎng)頁創(chuàng)意思維、網(wǎng)頁設(shè)計軟件、網(wǎng)頁元素設(shè)計、網(wǎng)頁界面設(shè)計、商業(yè)項目設(shè)計實訓、階段考核
2.前端開發(fā)：HTML5+CSS3布局與樣式、JavaScript交互開發(fā)、Web前端整站項目實訓
3.移動端開發(fā): H5高級功能、CSS3動畫詳解、webAPP開發(fā)、微信公眾號開發(fā)、微信小程序開發(fā)、Vue.js實戰(zhàn)運用、階段考核等
4.高級框架與后臺交互：Angular.js、React.js、PHP入門、DedeCMS等綜合應(yīng)用
5.就業(yè)指導：心態(tài)與服務(wù)、商務(wù)禮儀、畢業(yè)設(shè)計、行業(yè)分析、面試技巧、實習工作等
培訓目標：能系統(tǒng)全面的學習界面設(shè)計、前端開發(fā)、移動端開發(fā)、后臺交互開發(fā)、網(wǎng)頁美工設(shè)計，結(jié)業(yè)后相當于有半年左右工作經(jīng)驗，能成功勝任設(shè)計、前端、移動端開發(fā)等職位。
認證證書：《網(wǎng)頁設(shè)計師》《網(wǎng)頁美工設(shè)計師》《Web前端工程師》
.......................................................................
網(wǎng)頁設(shè)計知識分享：網(wǎng)頁設(shè)計中冷暖色調(diào)運用
網(wǎng)頁設(shè)計中的色彩如何搭配是一件令設(shè)計師有些困擾的事情。用保守的色彩搭配，擔心客戶不買賬，因為溝通的時候他們總喜歡籠統(tǒng)的說‘總之我要我的網(wǎng)站高大上，看起來和別人不一樣’；用別出心裁的搭配手法，又擔心客戶欣賞不了，zui后各種挑刺。也許，只要你的設(shè)計在第yi眼能給予客戶一種舒適感，之后的合作就能一路綠燈。
以下是AnyForWeb為你搜羅的關(guān)于網(wǎng)頁設(shè)計中冷暖色調(diào)運用的相關(guān)案例，希望能為你帶來靈感，第yi時間抓住客戶的心。
1.Nelly Rodi的網(wǎng)站用真實照片作為背景大圖，整個頁面呈現(xiàn)明顯的冷色調(diào)，少量的文字也用了百搭的黑色或白色。這樣的做法比較保守，雖然不會用錯，但也沒有什么出彩的地方。而設(shè)計師很巧妙地在頁面右側(cè)加了一個幾何形狀的暖色系色塊，不僅能讓瀏覽者一眼找到視覺重點，也讓原本中庸的網(wǎng)頁變得更特別。底部的幽靈按鈕設(shè)計同時表現(xiàn)了極簡網(wǎng)頁的國際趨勢。
2.橙色總能給人一種溫暖陽光的視覺感受，但如果使用過度就會產(chǎn)生一種復雜拖沓的感覺。這個案例中雖然使用了很大面積的橙色，但設(shè)計師加強了色彩本身的透明度，并且結(jié)合了小部分的紋理設(shè)計，讓畫面更加時尚別致。
3.當同時出現(xiàn)五彩繽紛的多種色彩時，頁面就會變得很熱鬧，正如案例所示，無所謂冷色調(diào)還是暖色調(diào)，又或是中性色，一旦將這些顏色結(jié)合在一起，網(wǎng)頁就會可愛起來，為用戶帶來好心情。
4.這個案例選用了較冷的淺藍色漸變作為主色調(diào)，中間的紅色波浪線順理成章的成為視覺重點。這是一個典型的冷暖色調(diào)的搭配使用手法，用大部分的冷色調(diào)來強調(diào)突出小部分的暖色調(diào)元素。
5.這個網(wǎng)站分成了左右兩個部分。背景選用了Metro風格的設(shè)計，上面鋪了一層透明度很高的白色和黑色色塊。黑白都屬于中性色彩，黑色和紅色又是一種色彩學中的經(jīng)典配搭，因此，用戶的視角完全會被吸引到紅色的部分上。
6.這個網(wǎng)站的風格比較夢幻迷離，主色系偏暗，設(shè)計師借助“鐵塔”本身的燈光，用濾鏡效果營造出了更加唯美的畫面感，很容易讓瀏覽者融入氣氛，幽靈按鈕與頁面整體的匹配度也很高。
7.灰色系屬于偏冷的中性色，而案例中的灰色屬于暖灰。在大面積暖灰中，紅色顯得格外搶眼，起到了引導用戶視線的作用。
8.Metro風格有時會讓人覺得過于規(guī)整，因此，設(shè)計師用漸變暖色讓頁面變得更活潑生動。畫面中從上到下的色彩由淺到深，讓我們的視線轉(zhuǎn)移有了指向性。
9.這個案例融合了Metro和幾何元素的設(shè)計，冷暖色彩相間，形成了一個色彩豐富的場景，減緩了用戶產(chǎn)生視覺疲勞的速度，更利于吸引用戶點擊和查看。
10.Airnauts的網(wǎng)站首屏用一條zui簡單的分割線將頁面切割成兩個幾何形狀，這兩個形狀的色彩之間完全沒有過渡，直接銜接在一起，但卻不覺得很生硬，反而有一種獨特的設(shè)計感在其中。
網(wǎng)頁中的冷暖色調(diào)只要使用得當，就能很自然的為瀏覽者營造出一種舒適的視覺享受，并且深深的融入網(wǎng)站的情境中。
網(wǎng)頁設(shè)計中的數(shù)學：
1.確定頁面寬度
在你設(shè)計任何一個網(wǎng)頁之前有一些東西你是應(yīng)該盡快做出決定的。其中zui主要一個東西應(yīng)該是頁面的寬度，我個人是比較喜歡960px作為寬度，即使用戶使用的是1024＊768的分辨率，網(wǎng)頁也不會出現(xiàn)橫向移動 － 當然你可以使用任何寬度。
第yi步已經(jīng)完成了，我們進入第二步。
2.劃分區(qū)域
接下來我們要把這個960px的寬度縱向劃分為12或者16個區(qū)域，請看下方圖示。今天我會選擇12縱向區(qū)域，所以每一個縱向區(qū)域應(yīng)該是60px寬，而且每一個縱向區(qū)域的左邊和右邊都有一個10px的空間，用數(shù)學的語言來表達就是： 12*60+24*10=960px， 總和等于我們的頁面寬度－960px。
也許有人說這第yi和第二步我?guī)缀跆焯煊?，還要你教－不要著急，好戲在后面 － 一般設(shè)計師做完這兩步就要開始設(shè)計了，而對真正的高手而言這只是開始。
3.確定橫向區(qū)域，請看下方圖示
橫向區(qū)域的高度通常會比我們字體尺寸略大一點，為什么呢？因為如果我的字體是14px，橫向區(qū)域也是14px，那你的字與字的行距會變得很小，讓人沒法正常的閱讀。字的行距對于平面設(shè)計和網(wǎng)頁設(shè)計有著不同的意思－由于篇幅有限會在將來的文章中繼續(xù)探討這個話題。如果你懂前端 （html & css)， 你可以把橫向區(qū)域當作的css中的line-height屬性。經(jīng)過反復思考，我們這里會用18px作為我們橫向區(qū)域的高度.
小小的總結(jié)一下，我們已經(jīng)有了頁面寬度，縱向區(qū)域，也有了橫向區(qū)域。
4.確認這個設(shè)計中的“域”
通過對”域”的實現(xiàn)會使我們的網(wǎng)頁布局更合理更美觀， 比如通過”域”我們可以大概計算出如何擺放一些頁面中的重要元素。（切記，”域”是起輔助作用，而不是唯yi標準）。
平面設(shè)計師，雜志設(shè)計師，圖書設(shè)計師在設(shè)計之前一般都會把A4，A3等的頁面從上到下劃分為幾個區(qū)域（也就是我們所說的”域”），這樣在設(shè)計的時候設(shè)計師可以很好的控制頁面中每一部分元素的平衡（視覺，內(nèi)容和布局平衡），從而使這個設(shè)計達到不錯的效果； 但是在網(wǎng)頁中這些理論就非常的不實用，比如設(shè)計雜志的話都是用的A4紙大小，那么寬度和高度都是確定的，而在網(wǎng)頁設(shè)計中，高度是不定的，那應(yīng)該怎么辦？?。。?！
數(shù)學的魅力在這個時候再次給予我們無窮的力量！———— 黃金分割線。要是你和我一樣，在上數(shù)學課的時候老是做小動作，千萬不要被這個名字給嚇到。
通過第yi步，我們已經(jīng)確認了我們的頁面寬度是960px, 所以我們可以通過黃金分割的原理來確定我們的”域”的高度。誰知道黃金分割的系數(shù)是多少？！ － 答案是1.618。 于是我們可以把我們的頁面寬度（960px)除以 黃金分割的系數(shù)1.618來得到”域”的高度 － 960／1.618=593px。
通過運算我們知道了”域”的高度,如果你把593px除以我們的橫向區(qū)域的高度（18px – 查看第三步)， 593/18=32.94444444，也就是說每一個”域”的里面有接近33個橫向區(qū)域。
但是現(xiàn)在擺在我們眼前還有一個問題，如果把593pxzui為我們設(shè)計中”域”的高度，那么你會發(fā)現(xiàn)我們的頁面也許一般也只能放下一到兩個域，顯然這對我們的布局不能起到很好的指引作用－要知道不少頁面的高度小于593px，那要這個域還有什么用？！
5.”三分法“改進”域“
我們只要把現(xiàn)在”域”的高度（593px）除以 3 － 593／3＝197.6666667， 約等于 198px， oh yes!!!!!，然后我們只要把 198-18=180px, 這個就是我們”域”的高度了。為什么要在zui后減去18px，那是因為我們會給每個”域”之間加一個空白空間，就像在我們的每個縱向區(qū)域的左邊和右邊都有一個10px的空間一樣，而且同時18px也是我們的橫向區(qū)域高度，請看下方示意圖。
通過以上的5步我可以很負責的告訴你————你可以開始做視覺上的設(shè)計了。大家可以用以上的理論做出一套適合自己項目的頁面寬度，縱向區(qū)域， 橫向區(qū)域，”域”，通過他們的輔助把你的設(shè)計水平提升到一個新的層次！切記———— 規(guī)則是死的，人是活的，怎樣遵守規(guī)則的同時破壞規(guī)則是決定你是否能成功的關(guān)鍵。簡約的東西通常是通過復雜的過程得到的。
免責聲明：以上信息是由學考網(wǎng)平臺用戶自行發(fā)布，所有內(nèi)容均由發(fā)布者對信息的真實性負責，學考網(wǎng)僅提供信息發(fā)布、展示，不對用戶信息內(nèi)容的真實性負責,請用戶自行甄別,謹防受騙!!
