溫州春華教育

春華簡介

溫州春華有限公司**早成立于1994年，是國內(nèi)**的文化與科技融合發(fā)展的高新技術(shù)企業(yè)，公司總部位于溫州軟件園，在香港、北京、上海設(shè)有分支機構(gòu)，公司具有20年溫州及國內(nèi)外重大文化創(chuàng)意產(chǎn)業(yè)項目的成功經(jīng)驗，與國內(nèi)外文化創(chuàng)意企業(yè)具有廣泛的業(yè)務(wù)合作關(guān)系，公司業(yè)務(wù)主營創(chuàng)意媒體設(shè)計、軟件開發(fā)、系統(tǒng)集成、文化創(chuàng)意職業(yè)教育及培訓(xùn)。

公司擁有ISO9001,ISO27001國際認證體系，是國家認定的雙軟認證及服務(wù)外包企業(yè)。 春華多年來成功的服務(wù)于溫州電力、魯能集團、溫州衛(wèi)視、海信集團、雙星集團、溫州高速集團、紅日集團、勝利油田、濟南軍區(qū)、溫州大學(xué)、溫州省博物館、溫州省科技館等溫州省知名企事業(yè)單位，得到了客戶及社會各界的廣泛好評。 春華擁有雄厚的科研實力，秉承"創(chuàng)新成就未來"的企業(yè)宗旨，在文化創(chuàng)意產(chǎn)業(yè)積極開展自主知識產(chǎn)權(quán)的創(chuàng)新研究，與溫州大學(xué)合作的"真實感動漫渲染研究與應(yīng)用項目" 已成功入選國家863科技計劃，與溫州大學(xué)、合作的"飛翔影院系統(tǒng)研究與應(yīng)用"項目已成功入選2013年國家文化科技創(chuàng)新工程，公司自主研發(fā)的"新視覺創(chuàng)意媒體設(shè)計系統(tǒng)"及"新視覺創(chuàng)意媒體設(shè)計實訓(xùn)系統(tǒng)"多年來為溫州大學(xué)等多所高等職業(yè)院校培養(yǎng)了大量的文化創(chuàng)意產(chǎn)業(yè)的精英人才，并成功的服務(wù)于北京、上海、濟南、青島等國內(nèi)眾多文化創(chuàng)意企業(yè)

平面設(shè)計課程簡介

行業(yè)前景：

平面設(shè)計是近十年來逐步發(fā)展起來的新興復(fù)合性職業(yè)，涵蓋的職業(yè)范疇包括：商業(yè)環(huán)境藝術(shù)設(shè)計、商業(yè)展示設(shè)計，商業(yè)廣告設(shè)計、書籍裝幀設(shè)計、包裝結(jié)構(gòu)與裝潢設(shè)計、服裝設(shè)計、工業(yè)產(chǎn)品設(shè)計、商業(yè)插畫、標志設(shè)計、企業(yè)CI設(shè)計、網(wǎng)頁設(shè)計等。經(jīng)濟繁榮時期市場對平面設(shè)計師的需求量不斷增加，隨著社會的發(fā)展平面設(shè)計這一職位有增無減，平面設(shè)計師的待遇（月薪）平面設(shè)計師一般以其工作單位的性質(zhì)、工作時間、地域及設(shè)計水平有所差異：高端收入：萬元以上/月、中端收入：4000—10000元左右/月、低端收入：1500—3000元/月。

二、培養(yǎng)目標：

針對廣告公司和專業(yè)設(shè)計公司的需求，培養(yǎng)具備綜合素質(zhì)和技能的平面設(shè)計師，使學(xué)員掌握平面設(shè)計不同職位需求的專業(yè)設(shè)計技能，并具備獨立完成各種設(shè)計項目的能力。學(xué)員畢業(yè)后可以從事廣告公司、企劃公司、圖文設(shè)計公司、出版行業(yè)、企業(yè)宣傳策劃部門及其他需求平面設(shè)計師領(lǐng)域的相關(guān)平面設(shè)計工作。

三、課程設(shè)置：

平面設(shè)計軟件培訓(xùn)：Photoshop技巧篇：

色彩調(diào)整、技巧扣圖、配景融入、制作倒影、濾鏡效果使用、明暗度的調(diào)整、圖層樣式，與 CorelDRAW的結(jié)合使用黃金搭檔。

Coreldraw技巧篇：

輪廓線和填充效果、特殊效果的制作、各類廣告的設(shè)計方案及技巧

Illustrator技巧篇：

基本概述及應(yīng)用，矢量圖形的繪制，文檔的操作。基本圖形屬性應(yīng)用及操作、視覺識別系統(tǒng)應(yīng)用設(shè)計，卡通人物的繪制、小巧信封設(shè)計、文本處理技巧。矢量圖形的色彩處理，漸變網(wǎng)格工具標準添加網(wǎng)格、漸變網(wǎng)格色彩管理、混合技法，對像效果處理，局部與整體變形處理，圖像處理與特效設(shè)計。

Indesign技巧篇：

排版，畫冊設(shè)計、出版物、書籍編輯。

平面設(shè)計理論課程色彩構(gòu)成、圖案；包裝設(shè)計、手提袋設(shè)計、房地產(chǎn)戶外廣告、VI設(shè)計、DM單、POP美術(shù)字設(shè)計、版式設(shè)計、海報招貼、印刷輸出專業(yè)知識等。

平面設(shè)計實踐訓(xùn)練課程獨立完成海報招貼，書籍，名片設(shè)計，產(chǎn)品包裝，企業(yè)LOGO等，各種類型平面廣告設(shè)計任務(wù)

四、培訓(xùn)形式：

1、分全日制和業(yè)余兩種。平面設(shè)計培訓(xùn)全日制班脫產(chǎn)學(xué)習(xí)，學(xué)制兩個半月。平面設(shè)計師培訓(xùn)業(yè)余班學(xué)制四個月，每周上課五個晚上（或周六、周日白天）。共計120多課時。

2、教學(xué)安排采用科學(xué)的課程結(jié)構(gòu)、軟件、設(shè)計同步進行，實行課程穿插上課。

五、資格認證：

**平面設(shè)計師培訓(xùn)認證考試，可獲得如下證書：

1、勞動和社會保障部頒發(fā)的《平面設(shè)計師》認證證書

2、全國高科技教工委高等職業(yè)教育委員會高新人才認定管理辦公室頒發(fā)的《平面設(shè)計師》證書，全國通用，網(wǎng)上可查。

六、教學(xué)設(shè)施：

1、全程采用演示機教學(xué)；

2、專業(yè)教學(xué)用書和學(xué)生用書；

3、高配置教學(xué)和學(xué)生用電腦；

4、收集大量設(shè)計用圖庫、畫冊、包裝等；

5、為學(xué)員免費提供Photoshop**、Coreldraw**、Illustrator**、Indesign**。

拍案叫絕的設(shè)計！聊聊那些讓頁面更加出彩的小細節(jié)

---

編者按：今天的案例不服不行！作者分別從場景打造、文字效果、交互元素等五個方面展開，為同學(xué)們一一剖開游戲網(wǎng)站的設(shè)計細節(jié)，特別強調(diào)，每方面都有對應(yīng)的設(shè)計方法，都是可以拿來自己上手用的，別說我沒告訴你喲。

@暢游VC?：我們在平時瀏覽頁面時，經(jīng)常會為一些優(yōu)秀作品的細節(jié)所驚嘆。這些細節(jié)之處有的看似非常不起眼，但是設(shè)計作品之間的差距有時往往卻正是這些不起眼的細節(jié)所決定的。什么是細節(jié)呢？細節(jié)一定是很細微的方面么？其實不然。個人覺得所謂頁面的細節(jié)之處，并不是頁面所必須包含的部分，但是卻是拉開頁面水平層次的一個重要方面，而且，細節(jié)不一定都是很細微的地方，很多大方面的處理也可以體現(xiàn)出細節(jié)。這篇文章我們就給大家總結(jié)一些在游戲頁面的設(shè)計中所體現(xiàn)出來的細節(jié)之處，大家可以看看這些細節(jié)的地方自己在平時的設(shè)計過程中有沒有注意到。如果有自己沒有注意到的地方，那以后可以自己嘗試一下，相信會幫助你的頁面變的更加出彩！

廢話不多說，我們**下圖來看下本文從哪幾個方面跟大家來聊一聊游戲頁面的細節(jié)。

一、場景打造

關(guān)于場景打造這塊內(nèi)容，這里主要從場景的層次以及對場景進行一些與游戲主題相呼應(yīng)的處理這兩個方面來進行描述。我們來看一些相關(guān)的例子：

上圖綠色圈中的數(shù)字代表遠近層次，即1代表離我們**近，2次之，3**遠。那么此例就**近景的樹葉，中間的人物以及遠景的天空塔，把畫面的層次體現(xiàn)的非常清楚，畫面感很強，而且主次分明。

上面兩張圖大家**數(shù)字的標識也可以清楚地分析出它們的場景層級關(guān)系。這些呢都是**增加一些前景事物的手法來展現(xiàn)場景層級關(guān)系，我們呢還可以利用主體元素與內(nèi)容板塊之間的關(guān)系來體現(xiàn)頁面層級，如下圖：

上圖呢**把其中一個人設(shè)至于背景之外，甚至放在了內(nèi)容區(qū)里，而另外一個人設(shè)則在背景里面，以此而拉開頁面的層次感，也是一種不錯的方法。下圖的處理手法類似，這里不再贅述。

下面我們來看一個關(guān)于對場景進行一些與游戲主題相呼應(yīng)的處理的例子。

這是一個游戲的**網(wǎng)，受內(nèi)容的限制，場景的打造上不像普通專題那么靈活。這里的背景打造用了并不復(fù)雜的手法，但是為了呼應(yīng)游戲激烈熱血打斗的風(fēng)格，設(shè)計師在處理的時候給導(dǎo)航的hover效果、banner的邊緣處及內(nèi)容區(qū)的部分邊緣都做了切割碎片的效果，而且banner的背景也不是通常的矩形，而是下面斜切了一部分，使整體畫面動感十足。

還有，在頁面底部，設(shè)計師還做了一塊面積不大的斜三角，與上面呼應(yīng)這些都是細節(jié)的體現(xiàn)。在游戲網(wǎng)站中利用圓、方、三角打造網(wǎng)頁框架的方法非常流行，想學(xué)習(xí)的同學(xué)來聯(lián)展網(wǎng)搜騰訊美女設(shè)計師 空格 驚喜就可以看到咯。

你說如果沒有這些細節(jié)，頁面就不行了么。不是，只是缺了這些細節(jié)，頁面好像就缺了那么幾分打斗感。

類似的處理形式我們也可以看看下面這個例子。

相信大家從圈圈的標識應(yīng)該也能看出來了，噴濺（血跡）效果幾乎被應(yīng)用到了上圖的所有元素中，背景的血滴、人物邊緣的處理形式、導(dǎo)航條以及切換標簽幾乎無一例外。

二、文字效果

關(guān)于文字效果這塊內(nèi)容，這里主要從字形處理和字效處理兩個方面來進行描述。我們來看一些相關(guān)的例子：

上圖中設(shè)計師就是**結(jié)合頁面主題對字形做了變形處理，使字體看起來較為鋒利且充滿戰(zhàn)斗感。有的朋友可能會說自己在文字變形這塊能力較弱，如果是這樣的話大家可以嘗試在某一種字體的基礎(chǔ)上去進行微變形，如上圖**把文字轉(zhuǎn)化為形狀后，給字形增加一些尖角，或者一些刀子的形狀，這些如果大家自己多去嘗試都還是不算困難的。在效果方面，給字體整體加上了火光，尤其在“火”字的上面加上了一束火焰，使字的整體效果與主題更加貼切。

這個呢用的是比較常用的書法體啦，主要是為了跟游戲的logo質(zhì)感貼近。這里有一點可取得細節(jié)之處就是設(shè)計師為了與血染蒼穹的主題相匹配，特意給文字加上了濺血的效果，看起來是不是有點殺戮的趕腳啊。

這個例子呢字形上我就不多說了，具體的方法呢詳見暢游VC教程《字體變形記！手把手教你用AI繪制Q版的萌萌噠字體》，這里主要講解的一個細節(jié)的地方呢是文字旁邊的一堆娃娃，有木有趕腳本來就挺Q挺萌的字體加上這些搗蛋鬼之后，更加生動了呢？

這個跟上面的那個有相同點哦，這邊也請了娃娃過來，只是不太溫順，拿大斧子砍字，而且這里設(shè)計師還給字做了砍出碎片的感覺，更加生動形象了。這里還有個細節(jié)不知道大家注意到?jīng)]，這里的主標題的字都**一筆拉絲連接起來了，注意看下面的三個圈。是吧，這些小細節(jié)，以后用在自己的作品里，別說是我說的??！

這個處理手法比較簡單，把每個字分離出來，分別做效果，造成一個字壓著一個字的趕腳，層次感立馬就出現(xiàn)了。這種手法可能平時不太容易想到，但是用過一次也許你就上癮了。

壓軸的出場！這種形式在游戲頁面中的出鏡率還是蠻高的，把文字放在主體的后面，來拉開層次。這里要注意的是**好文字左右兩邊的數(shù)量能相同，這樣能保持平衡啊。另外這里也是對文字做了切割效果，大家有木有發(fā)現(xiàn)凡是跟戰(zhàn)斗扯上關(guān)系的，用切割碎片神馬的**貼切了（毛筆字除外）。這個方法很實用，別說我沒告訴你??！

別說我沒告訴你，上面提到的方法這里能找到喲！《玩轉(zhuǎn)字體！BANNER設(shè)計經(jīng)驗分享之字形字體篇》

三、頁面引導(dǎo)

為什么要把頁面引導(dǎo)列出來呢？想必大家在瀏覽網(wǎng)頁的時候**先注意到的應(yīng)該都是圖片吧，應(yīng)該鮮有人去直接掃字，畢竟圖片來的更為直觀。所以呢，頁面的引導(dǎo)性就很重要了。掃一眼畫面，就能猜到專題的大概主題是什么，場景構(gòu)造的有代入感，能夠讓瀏覽者心甘情愿的去閱讀，而且注意各個版塊之間的聯(lián)系，這是優(yōu)秀的頁面應(yīng)該具備的。

這個頁面，**形象的場景打造，讓瀏覽者不用去閱讀文字就能很快明白這是個跟“股票”相關(guān)的頁面，代入感極強。假象下如果去掉圈中的細節(jié)元素，畫面還會風(fēng)采依舊么？下面幾個例子的處理手法跟此例很像，都是**打造一個非常具體的場景來增強頁面的引導(dǎo)性，這種都需要設(shè)計師日常要注意觀察生活中的細節(jié)，能夠聯(lián)想到與各場景相關(guān)的事物，才能打造出精彩的畫面。

上圖是一個非常棒的引導(dǎo)案例，設(shè)計師在處理的時候**素材的拼湊疊加，做出右側(cè)齒輪機關(guān)的導(dǎo)航形式；在交互上**瀏覽者操控錘子去敲擊磬（Qing），增加了頁面的趣味性；而且在場景的打造上，圈1中的近景與圈2所處的遠景拉開層次，近大遠小，近清晰遠模糊，畫面的縱深感比較強。我們再看一下下面這個例子，看看它的引導(dǎo)是怎么做的。

這是一個內(nèi)容比較多的頁面，這里設(shè)計師把每個大部分的內(nèi)容用色塊進行區(qū)分。倘若只是單純的用色塊來分割每一塊的內(nèi)容，那分割處會顯得比較生硬，而且容易給人造成內(nèi)容脫離的感覺，不具有整體性。這里設(shè)計師巧妙地運用鐵鏈 鐮刀的尖頭構(gòu)成一件武器，從而將頁面的各個版塊貫穿起來，這里鏈條不僅起到引導(dǎo)作用，而且還能拉開頁面的層次，這是個非常棒的處理。

此外，大家注意看每兩個色塊的交接處還有一個向下提示的圖標，這個圖標不僅提示瀏覽者下方還有內(nèi)容，而且像紐扣一樣把兩個版塊連在一起。這兩處細節(jié)大家也可以嘗試著運用到內(nèi)容較多且分為幾大版塊的頁面中去。

上面兩個例子跟鐮刀那個在引導(dǎo)方式上很相似，如圈中都是**某種元素把相鄰的板塊連接起來，而**個頁面**右上角的內(nèi)容定位標簽和第二張圖**下方的按鈕也都是長頁面中可以運用的細節(jié)之處，都是非常不錯的引導(dǎo)形式。

四、交互元素

頁面的交互做得好，用戶體驗佳也是考量一個優(yōu)秀頁面的標準之一。那么對于游戲?qū)ｎ}頁面而言，我們對于頁面中重要的按鈕、切換標簽或者其他交互元素進行一些細節(jié)性的修飾，不僅可以使頁面的整體元素風(fēng)格看起來更加統(tǒng)一，也會提高頁面的交互性。

這個頁面的四個按鈕，在形式上都區(qū)別于傳統(tǒng)的按鈕。這里之前在設(shè)計的時候設(shè)計師倒是試過做成傳統(tǒng)按鈕的形式，可是感覺上總是氛圍不足，而且直白地放一個按鈕也感覺比較突兀。后來經(jīng)過進一步的處理，直接**巖石的效果來做成按鈕，調(diào)成與頁面調(diào)性相匹配的顏色與質(zhì)感，再結(jié)合不同按鈕的重要性調(diào)整大小，拉開空間感，不僅看起來與整個頁面風(fēng)格統(tǒng)一，而且相比傳統(tǒng)按鈕，用戶更有點擊的欲望。

這個例子與上一個比較類似，這里選取類似于翅膀質(zhì)感的水晶來作為按鈕。與人物一前一后，拉開了空間，而且風(fēng)格上也是與頁面非常搭配，點擊欲較強。

不知道如果大家不看我畫的框能不能夠發(fā)現(xiàn)上面這個轉(zhuǎn)盤的微小細節(jié)處？

好了，不賣關(guān)子了。這個轉(zhuǎn)盤的**好的細節(jié)處理的地方就在于獎品的名稱那里，通常我們在處理這類圓形路徑上寫字的情況，都是直接畫個圓形的路徑，完了之后在路徑上直接打字，再去調(diào)整文字之間的間距，這樣呢勢必會造成一個問題——會有至多一半的名稱是倒著的。這樣呢會給瀏覽者在閱讀的時候造成一定的障礙，這里設(shè)計師正式考慮到了這一微小的細節(jié)，所以**一定的方法使所有的名稱相對于水平線而言都是偏正方向的，這樣用戶在閱讀名稱的時候就會很容易識別。

這個方法稍后會有教程發(fā)布，同學(xué)們留意下喲。

這張圖的切割與按鈕的形狀搭配的非常巧妙，利用對畫面的一個左右切割，打造出了對戰(zhàn)的感覺，而且利用冷暖調(diào)進行區(qū)分，而下方的“我要報名”按鈕與切割出相呼應(yīng)做成了三角形的形狀，在下面的三個按鈕整體呈梯形狀緊隨其后，這一塊按鈕元素與主圖結(jié)合的非常好。試想如果把這些按鈕換成傳統(tǒng)的方形按鈕，效果還會有這么好么？

五、飛舞的碎碎

看到這個標題大家是不是有點好奇？何為飛舞的碎碎？其實大家應(yīng)該能夠猜到哈，碎碎基本上在90%以上的游戲頁面中都可以見到，例如：樹葉、花瓣、折紙、金幣、火花、碎片等等，這些能夠為頁面造勢，而且拉開空間感的零碎物體，這里我們把它叫做碎碎。還不明白？ok，注意下面例子中框內(nèi)的元素。

**以上這些例子想必大家對所謂的飛舞的碎碎應(yīng)該有一個比較熟悉的了解了吧。有沒有發(fā)現(xiàn)確實好多頁面都有用到這些東西呢？那我們是不是也應(yīng)該給自己的頁面也加上呢？那么問題來了，到哪去找這些碎碎呢？答案，日常收集吧孩紙。平時看到一些類似的素材就搜集起來，以備不時之需，這些元素有的只是**一個原始素材，然后經(jīng)過放大縮小、高斯模糊、動感模糊、水平垂直翻轉(zhuǎn)就可以得到，可見建立一個屬于自己的素材庫是多么的重要。

集大成實例

這是一個很勁爆的校園活動UE，結(jié)合《幻想神域》二次元動漫的游戲風(fēng)格以及活動主題“走進校園玩家沖”的概念，我們在頁面的設(shè)計過程中盡量把頁面的氛圍做的活潑歡快一些，另外結(jié)合校園的主題我們聯(lián)想一些與之相關(guān)的事物例如書本紙張等。那結(jié)合這些考慮的因素，于是乎出來的以下的作品，大家來一起找找頁面中我提到的那些細節(jié)吧。

文章**開始提到頁面細節(jié)的時候也許大家還在想是一些也許只有牛人才會注意到的地方，那現(xiàn)在大家怎么看呢？其實這些細節(jié)大家都是可以做到的，只是有些時候可能想不到，那現(xiàn)在既然提到了，以后是不是可以嘗試給自己的頁面加上這些細節(jié)呢？而且我們**瀏覽別人的作品，發(fā)現(xiàn)那些好的細節(jié)之處也可以自己去試試，那樣不斷的去實踐，**后才能轉(zhuǎn)化為自己的東西，自己的水平也才能夠提高。

暢游VC的超華麗教程合集！

?讓配色變得簡單的小工具使用教程！
《VC教程！教你使用**受歡迎的配色小工具KULER》

木有素材也可以快速創(chuàng)造特有氛圍的設(shè)計方法！
《VC教程！教你快速打造場景氛圍（附PSD**）》

UI設(shè)計師來學(xué)！教你繪制超炫的戰(zhàn)爭按鈕！
《VC教程：超酷現(xiàn)代戰(zhàn)爭按鈕制作過程》

原文地址：vc.changyou

================關(guān)于聯(lián)展網(wǎng)================
“聯(lián)展網(wǎng)“是國內(nèi)人氣**高的網(wǎng)頁設(shè)計師學(xué)習(xí)平臺，專注分享網(wǎng)頁設(shè)計、無線端設(shè)計以及PS教程。
【特色推薦】
設(shè)計師需要讀的100本書：****全的設(shè)計師圖書導(dǎo)航：/book/。
設(shè)計微博：擁有粉絲量85萬的@優(yōu)秀網(wǎng)頁設(shè)計 ，歡迎關(guān)注獲取網(wǎng)頁設(shè)計資源、**頂尖設(shè)計素材。
設(shè)計導(dǎo)航：全球頂尖設(shè)計網(wǎng)站推薦，設(shè)計師必備導(dǎo)航：
———————————————————–
想在手機上、被窩里獲取設(shè)計教程、經(jīng)驗分享和各種意想不到的”福利”嗎？
添加 優(yōu)秀網(wǎng)頁設(shè)計 的全拼
您也可以**掃描下方二維碼快速添加：

相關(guān)推薦：

---

溫州平面設(shè)計培訓(xùn)   溫州平面設(shè)計培訓(xùn)班   溫州平面設(shè)計培訓(xùn)機構(gòu)