溫州春華教育

春華簡介

溫州春華有限公司**早成立于1994年，是國內(nèi)**的文化與科技融合發(fā)展的高新技術(shù)企業(yè)，公司總部位于溫州軟件園，在香港、北京、上海設(shè)有分支機(jī)構(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國際認(rèn)證體系，是國家認(rèn)定的雙軟認(rèn)證及服務(wù)外包企業(yè)。 春華多年來成功的服務(wù)于溫州電力、魯能集團(tuán)、溫州衛(wèi)視、海信集團(tuán)、雙星集團(tuán)、溫州高速集團(tuán)、紅日集團(tuán)、勝利油田、濟(jì)南軍區(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ù)于北京、上海、濟(jì)南、青島等國內(nèi)眾多文化創(chuàng)意企業(yè)

淘寶美工課程簡介

〇課程簡介：

1 和只修圖的美工說“拜拜”！ PS軟件才不是全部呢！

2 拒絕做只修圖的淘寶美工，來旗聚英才短期迅速掌握淘寶網(wǎng)頁美工所有新技能！

3 專業(yè)和實力才是硬道理！

4 學(xué)習(xí) 系統(tǒng) 專業(yè) 全面的淘寶美工課程，登錄預(yù)約免費試聽體驗，或了解課程詳細(xì)內(nèi)容。

5 針對淘寶天貓開設(shè)的《淘寶網(wǎng)頁設(shè)計師全科班》

6 不需要任何基礎(chǔ)，不需要美術(shù)基礎(chǔ)。

7 從零基礎(chǔ)開始學(xué)習(xí)ps課程，包含工具、圖層美化、合成，色系、飽和度、色相，多種方式摳圖，可以細(xì)致到貓和人物的發(fā)絲。

8 針對淘寶 淘寶店招設(shè)計，商品描述，商品細(xì)節(jié)圖片的制作和細(xì)節(jié)描述的制作。

9 促銷海報及圖文混排的設(shè)計制作。

10 另外學(xué)習(xí)色彩的搭配，讓你的店鋪更“有顏色”，完美。

另外學(xué)習(xí)fl動畫，制作輪番播放的促銷或者展示廣告動畫，讓頁面活起來--火起來

〇課程詳情：

(全日制班、周末班、隨到隨學(xué)班)

招生對象：

0基礎(chǔ)或有相關(guān)網(wǎng)頁、UI設(shè)計工作經(jīng)驗，并且致力于網(wǎng)頁設(shè)計師、淘寶美工設(shè)計人員想快速發(fā)展的學(xué)員

課程目標(biāo)：

我們只培訓(xùn)畢業(yè)后就能獨立工作的景觀設(shè)計師，在天成的這段時間成為您難以忘懷的一段珍貴回憶!

〇主要課程：

Photoshop、Web設(shè)計、Dreamweaver編程

〇課程內(nèi)容：

Photoshop

1、軟件介紹和界面展示

2、人像的制作：摳圖的五種方式、調(diào)色、濾鏡、蒙版

3、海報的制作

4、矢量圖標(biāo)制作方法

5、產(chǎn)品修圖技法

Web設(shè)計

1、banner：基本層級邏輯和規(guī)格;banner排版形式、顏色搭配

2、企業(yè)：界面規(guī)范、企業(yè)站建站方法;markman的使用

3、 電商、基本邏輯、用戶分析、Cutterman的使用 切圖、淘寶頁

面尺寸與詳情頁的制作方法、X main的使用技法

Dreamweaver編程

1、網(wǎng)頁標(biāo)簽、層疊樣式表、浮動元素、選擇器、

2、兩大類型標(biāo)簽和導(dǎo)航制作、表單、超鏈接和圖片元素

3、利用CSS進(jìn)行網(wǎng)頁布局、定位講解、H5新增語義化標(biāo)記、CSS3.0屬性

動效實戰(zhàn)！跟著Tubik Studio學(xué)習(xí)UI動效的常見用法

---

動效是UI設(shè)計中**強(qiáng)有力的工具之一，它強(qiáng)化了界面的互動性和生命力。動效讓用戶可以更快地從界面獲取反饋，提供更快更有效的微交互，讓關(guān)鍵的要素脫穎而出，**實時、動態(tài)的方式創(chuàng)造引人入勝的體驗。巧妙的運(yùn)用動效，能給整個體驗帶來更多的加成?？紤]到屏幕尺寸和使用場景，在移動端上動效的作用就顯得更加關(guān)鍵而有效了。

在我們之前的文章中曾經(jīng)探討過動效和UI設(shè)計之間的關(guān)系，以及它是如何催生高效的微交互。移動端設(shè)備的持續(xù)普及和流行，使得動效的多樣性有了明顯的提升，積極的同用戶共鳴。因此，動效設(shè)計應(yīng)該簡單、清晰、明亮，并且以用戶為中心。

今天的文章，** Tubik Studio 和相關(guān)設(shè)計師的15個概念設(shè)計項目來簡單總結(jié)一下動效常見的類型、風(fēng)格和功能。

1、博客APP概念設(shè)計：震顫

這是一個博客APP的概念設(shè)計。考慮到博客通常包含大量的圖片、內(nèi)容摘要，所以我們在設(shè)計的時候?qū)⑦@些部分作為內(nèi)容主體，還填充了不同主題的彩色磁貼。用戶可以**點擊作者打開相應(yīng)的信息流，信息流會呈現(xiàn)出作者近期發(fā)表的文章，更新的狀態(tài)，并且可以像社交媒體一樣關(guān)注/取關(guān)。整個概念設(shè)計在原有過渡動效的基礎(chǔ)上，借用符合物理規(guī)則的輕微震動回彈效果來強(qiáng)化體驗，相比之下也許不夠顯眼，但是讓整體感覺更加自然生動。

2、社交APP概念設(shè)計：直觀

這是一個社交類APP的交互概念設(shè)計。通常人們希望這類應(yīng)用快速、動態(tài)且清晰。所以，整個界面被設(shè)計得色彩豐富，而動畫的運(yùn)動方式也多設(shè)計得簡單直觀，這使得整個界面顯得可用性更強(qiáng)。些許回彈和震動的加入令動效顯得更富生機(jī)。

3、藝術(shù)圖庫APP概念設(shè)計：統(tǒng)一

正如同我們所熟知的，過多的動效和UI元素都會讓用戶感到迷惑，但是如果使用一種動效來支撐整個UI布局的話，所帶來的轉(zhuǎn)化率會明顯好很多。在這個藝術(shù)圖庫的APP中，交互和動效融為一體，將事件預(yù)覽和詳細(xì)信息的展現(xiàn)以更加統(tǒng)一自然的方式呈現(xiàn)出來。每個區(qū)塊的標(biāo)題背景都采用了色塊來進(jìn)行區(qū)分，使得整個布局的結(jié)構(gòu)更加清晰。

4、運(yùn)動APP概念設(shè)計：動感

體育運(yùn)動類APP 是時下的熱門，越來越多的人開始使用手頭的智能設(shè)備來輔助運(yùn)動和訓(xùn)練，跟蹤數(shù)據(jù)，監(jiān)控運(yùn)動過程是必不可少的。所以，在做運(yùn)動APP的概念設(shè)計的時候，**動效來突出APP的展示功能就相當(dāng)重要了。應(yīng)用的布局并不復(fù)雜：側(cè)邊欄 內(nèi)容展示，側(cè)邊欄從左側(cè)彈出，承載不同的板塊導(dǎo)航的功能。設(shè)計動效的時候，設(shè)計師希望營造出橡膠一樣的質(zhì)感，而配色上也相應(yīng)的更加活潑。處于展示的目的，設(shè)計師希望即使側(cè)邊欄存在也能看到全部內(nèi)容，所以布局更加自由靈活，加上動感十足的過渡效果，整個UI顯得充滿能量，有激勵效果。

5、產(chǎn)品展示UI概念設(shè)計：視覺反饋

在購物類APP中，產(chǎn)品展示是相當(dāng)重要的一個需求。這個產(chǎn)品展示的UI設(shè)計中，將產(chǎn)品展示用卡片式設(shè)計來承載，尺寸和價格也直觀的展現(xiàn)出來了。在這個設(shè)計中，動效的可用性相當(dāng)高：它以視覺反饋的方式，清晰的告知用戶他們的操作已經(jīng)完成。高效快速的微動效和可用性極高的界面布局，讓整個界面顯得好用而易用。

6、日歷APP概念設(shè)計：協(xié)調(diào)

這個日歷APP的概念設(shè)計將日程管理和筆記的功能融為一體，并且加入了更加優(yōu)秀的視覺設(shè)計。豐富而有梯度的色彩設(shè)計賦予界面以足夠的豐度，而流暢的動效則讓色彩由靜態(tài)變?yōu)閯討B(tài)，使之更加富有活力，也更加協(xié)調(diào)了。

7、計時APP概念設(shè)計：視覺化

這是一個相當(dāng)獨特的單頁計時APP應(yīng)用的UI設(shè)計，可以說它的整個交互都包含在動效當(dāng)中了。作為一個單一功能的計時應(yīng)用，設(shè)計師將它的動效設(shè)計發(fā)揮到了**大化，**有趣的動畫展現(xiàn)了時間流逝的過程。用戶可以**點擊按鈕開始計時，也可以**下拉開始計時。當(dāng)然，這樣視覺化的設(shè)計可以更好的吸引對于視覺設(shè)計更加敏感的用戶。

8、UI導(dǎo)航概念設(shè)計：異化

對于一個新聞應(yīng)用的用戶中心而言，這這樣的導(dǎo)航概念設(shè)計是相當(dāng)?shù)莫毺氐?。時尚的色彩如同水一樣流動，操作按鈕像球一樣沿著傾斜的軌跡流動出來，可以稱得上是驚艷。

9、UI側(cè)邊欄概念設(shè)計：交互性

這是同一個城市新聞應(yīng)用的交互設(shè)計，只不過這個是借用了iOS的Force Touch 功能同動態(tài)效果更好的呈現(xiàn)側(cè)邊欄設(shè)計。同樣是流動的色彩，但是Force Touch 讓這種動效具有了更強(qiáng)的交互性。

10、美食設(shè)計APP概念設(shè)計：展示與引導(dǎo)

這是一個基于美食的社交類應(yīng)用，這個APP的UI設(shè)計希望**更加快速便捷的方式以話題為中心，進(jìn)行信息更新。設(shè)計者希望其中包含分享、討論、聊天、關(guān)注、上傳、點贊和收藏等功能，這個時候，流暢的動效成了引導(dǎo)交互、展示功能的手段了。

11、動態(tài)滾動概念設(shè)計：輔助展現(xiàn)

這個概念設(shè)計的亮點在于動態(tài)時間軸的展示。這個動態(tài)滾動的信息流同頂部的插畫風(fēng)時間軸整合到了一起，時間軸被設(shè)計成為一個動態(tài)的信息圖，當(dāng)你向下滾動信息流的時候，時間軸也隨之變化，輔助信息流展現(xiàn)更為豐富的信息。

12、咖啡優(yōu)惠券APP概念設(shè)計：微交互

美食是世界上**美好的事情之一，所以美食也是設(shè)計中**常見的元素之一。這個APP 為用戶提供咖啡優(yōu)惠券，所以設(shè)計師借助動效來強(qiáng)化微動效，加上對于美食的聯(lián)想，創(chuàng)造讓用戶難以忘懷的體驗。

13、聯(lián)系人列表概念設(shè)計：強(qiáng)化交互

這個聯(lián)系人列表的概念設(shè)計中加入了不少橫向和縱向的滾動操作，相比于傳統(tǒng)的設(shè)計有著更強(qiáng)的交互性。動效成為了展現(xiàn)并聯(lián)通不同環(huán)節(jié)的橋梁，充滿電子意味的失真特效也讓整個設(shè)計顯得情懷十足。

14、多界面UI概念設(shè)計：物理規(guī)則

這個移動端APP的概念設(shè)計中囊括一系列不同功能的界面，包括地圖、聯(lián)系人、搜索框。這一系列界面展現(xiàn)了多種不同的交互以及控件的變化，這些復(fù)雜的交互過程中控件的運(yùn)動規(guī)則都盡量模擬物理規(guī)則。

15、健康美食APP 概念設(shè)計：組織

這款A(yù)PP是關(guān)于如何健康飲食的，提供了諸如生活方式、飲食技巧之類的信息。整個APP 為不同的主題分配了不同的色彩，采用簡約直觀的布局來突出視覺特色。APP中的動效設(shè)計則旨在體現(xiàn)不同元素之間的關(guān)系，并不顯眼，但是一系列微小的過渡將整個界面組織到了一起。

結(jié)語

動效設(shè)計千變?nèi)f化，但是動效設(shè)計始終是服務(wù)于UI的，你得時刻記住這一點。它終究是功能性的，你的目的是什么，用戶的需求又如何，你想要營造的效果是什么，這些因素可以引導(dǎo)你思考并設(shè)計出真正合理的動效。

【技多不壓身的設(shè)計師才有高薪資！】

1. 平面設(shè)計：《超贊！設(shè)計師完全自學(xué)指南》
2. 交互設(shè)計：《交互設(shè)計師修煉指南！教你從零開始成為優(yōu)秀交互設(shè)計師》
3. UI設(shè)計：《超實用新手指南！零基礎(chǔ)如何自學(xué)UI設(shè)計？》
4. 前端開發(fā)：《天貓高手來教你！零基礎(chǔ)如何系統(tǒng)地學(xué)習(xí)前端開發(fā)？》
5. 摳圖技巧：《從菜鳥到高手！PHOTOSHOP摳圖全方位攻略》
6. 配色方案：《色彩搭配速成！3個實用方法幫你全面搞定配色》
7. DPI指南：《基礎(chǔ)知識學(xué)起來！為設(shè)計師量身打造的DPI指南》
8. 交互設(shè)計自學(xué)路徑圖：《零基礎(chǔ)入門！給非科班生的自學(xué)路徑圖之交互設(shè)計篇》

原文地址：medium
原文作者：Tubik Studio
譯文：@陳子木

本文由聯(lián)展網(wǎng)原創(chuàng)翻譯，請尊重版權(quán)和譯者成果，轉(zhuǎn)摘請附上鏈接，違者必究。謝謝各位編輯同仁配合。

================關(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è)計微博：擁有粉絲量150萬的@優(yōu)秀網(wǎng)頁設(shè)計 ，歡迎關(guān)注獲取網(wǎng)頁設(shè)計資源、**頂尖設(shè)計素材。
設(shè)計導(dǎo)航：全球頂尖設(shè)計網(wǎng)站推薦，設(shè)計師必備導(dǎo)航：

相關(guān)推薦：

---

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