溫州春華教育

5個(gè)平面設(shè)計(jì)的未來(lái)發(fā)展趨勢(shì)

1、服務(wù)于殘障人士的建筑會(huì)不斷涌現(xiàn)

給健全的人設(shè)計(jì)房子并不是什么新鮮事，但殘疾人和老人同樣需要舒適、便捷的生活空間。未來(lái)的五年，會(huì)有更多的設(shè)計(jì)師關(guān)注這個(gè)領(lǐng)域。

2、智能的會(huì)變得更智能

如果恒溫器都會(huì)說(shuō)話，為什么我們所坐的椅子和會(huì)議室不能？無(wú)所不在的傳感技術(shù)、機(jī)械自動(dòng)化和新型的材料會(huì)幫助我們實(shí)現(xiàn)這一點(diǎn)。很快，枕頭就能自動(dòng)調(diào)節(jié)到我們想要的軟硬度，會(huì)議室也會(huì)告訴你這次的會(huì)議開(kāi)的是否成功，并為你即時(shí)調(diào)整室內(nèi)光線和溫度。

3、瀏覽器會(huì)變得更聰明

Google 已經(jīng)在不斷地迭代它的產(chǎn)品了。在將來(lái)，瀏覽器的功能會(huì)更強(qiáng)大。大部分的 APP 會(huì)儲(chǔ)存在云端，但使用起來(lái)的時(shí)候，會(huì)像是儲(chǔ)存在硬盤(pán)中一樣方便。

4、對(duì)每一家公司來(lái)說(shuō)，設(shè)計(jì)都會(huì)變得至關(guān)重要

大型的科技公司越來(lái)越注重設(shè)計(jì)，他們有了不少新動(dòng)作。Chrome OS Beta 上的 Files app 在更新后，會(huì)成為**個(gè)換上 Material Design 風(fēng)格的 Chrome app，這個(gè)設(shè)計(jì)小組是由 Matias Duarte 領(lǐng)導(dǎo)的，John Donahoe 則領(lǐng)導(dǎo)了 eBay 的設(shè)計(jì)小組，IBM 也開(kāi)始發(fā)力了，他們新建了由 Phil Gilbert 領(lǐng)導(dǎo)的設(shè)計(jì)小組，想拾回他們?cè)谠O(shè)計(jì)領(lǐng)域的榮耀。

5、產(chǎn)品變得比任何時(shí)候都更重要

產(chǎn)品的功能變得比以往復(fù)雜，良好的設(shè)計(jì)才會(huì)吸引人去使用它。產(chǎn)品的樣態(tài)、交互的細(xì)節(jié)……這些都是你吸引用戶去反復(fù)使用它的關(guān)鍵。

有越來(lái)越多的工程師在設(shè)計(jì)領(lǐng)域初露端倪，這在十年前幾乎不能想象。比如 Inkling 的Peter Cho，Opower 的 Deena Rosen ， Flipboard 的 Marcos Weskamp。

春華，以**于業(yè)界的管理理念、優(yōu)質(zhì)的教學(xué)質(zhì)量和卓越的品牌意識(shí)，使集團(tuán)得以迅速發(fā)展，獲得了“中國(guó)民辦特色學(xué)?！?、“中國(guó)教育集團(tuán)十大品牌”、“中國(guó)十大**具品牌價(jià)值教育集團(tuán)”、“國(guó)家信息產(chǎn)業(yè)部指定合作機(jī)構(gòu)”、“全國(guó)信息技術(shù)人才培訓(xùn)基地”、“浙江省優(yōu)秀培訓(xùn)機(jī)構(gòu)”、“浙江省優(yōu)秀品牌單位”、“浙江省公眾滿意質(zhì)量誠(chéng)信雙優(yōu)單位”、“浙江省優(yōu)秀服務(wù)品牌單位”等榮譽(yù)。春華還與浙江理工大學(xué)、浙江財(cái)經(jīng)大學(xué)、中國(guó)計(jì)量大學(xué)、華中師范大學(xué)、浙江工商大學(xué)、浙江科技學(xué)院、浙江萬(wàn)里學(xué)院、寧波工程學(xué)院、浙江經(jīng)濟(jì)職業(yè)技術(shù)學(xué)院、浙江工商職業(yè)技術(shù)學(xué)院、寧波職業(yè)技術(shù)學(xué)院、溫州大學(xué)、嘉興學(xué)院等30多所著名高校合作，為社會(huì)培養(yǎng)了大量精英和高技能人才。

Photoshop圖片處理培訓(xùn)班

學(xué)習(xí)目標(biāo)：

全面系統(tǒng)學(xué)習(xí)使用Photoshop軟件圖像處理的主流功能及使用技巧，應(yīng)對(duì)平面設(shè)計(jì)專業(yè)領(lǐng)域。

**本課程的學(xué)習(xí)后，可以達(dá)到滿足日常生活中各種圖像處理的需要，專業(yè)水平達(dá)到影樓圖像處理員。

適合各種圖像設(shè)計(jì)愛(ài)好者、影樓圖片處理員從業(yè)者以及專業(yè)網(wǎng)頁(yè)圖片處理工作報(bào)名學(xué)習(xí)。

學(xué)習(xí)內(nèi)容：

1、從PS基礎(chǔ)入門(mén)操作學(xué)習(xí)，進(jìn)而掌握Photoshop軟件的主流功能及使用技巧，應(yīng)對(duì)平面設(shè)計(jì)專業(yè)領(lǐng)域。

2、實(shí)際案例涵蓋：人物照片美化、各種海報(bào)制作、創(chuàng)意合成、特殊PS效果制作、圖標(biāo)設(shè)計(jì)、網(wǎng)頁(yè)界面的設(shè)計(jì)等

	學(xué)習(xí)模塊	學(xué)習(xí)內(nèi)容
	Photoshop圖像校色	1.色彩模式、照片校色 2.選框工具與套索工 3.明暗調(diào)整、色彩調(diào)整 4.文字編輯工具、文字特效 5.菜譜設(shè)計(jì) 6.人物圖像美化
	Photoshop創(chuàng)意合成	1.圖層混合模式 2.蒙版摳圖 3.畫(huà)筆工具、路徑工具 4.通道計(jì)算合成 5.創(chuàng)意合成 6.廣告海報(bào)合成
	Photoshop高級(jí)圖像處理	1.濾鏡與各種濾鏡外掛 2.圖層樣式 文字處理 4.二維動(dòng)畫(huà) 5.動(dòng)作錄制、批量處理圖 6.圖片水印處理
	Photoshop綜合運(yùn)用	1.人物照片美化 2.創(chuàng)意菜譜設(shè)計(jì) 3.網(wǎng)頁(yè)BANNER設(shè)計(jì) 4.各種創(chuàng)意海報(bào)設(shè)計(jì)制作 5.動(dòng)態(tài)GIF動(dòng)畫(huà)設(shè)計(jì) 6.網(wǎng)頁(yè)界面設(shè)計(jì)與圖標(biāo)設(shè)計(jì)

學(xué)習(xí)按鈕設(shè)計(jì)，看這篇就夠了！

---

在講述得出的結(jié)論之前，我想跟大家分享我是怎么解決這個(gè)問(wèn)題的。主要可以概括為以下三個(gè)步驟：

1. 范式——從書(shū)中尋找解決方案

目前得到普遍認(rèn)可的原理，就是范式。對(duì)于設(shè)計(jì)理論，不同的人會(huì)有不同的見(jiàn)解。什么是普遍認(rèn)可的理論呢？專業(yè)的書(shū)籍是我們獲取設(shè)計(jì)范式的**主要途徑，對(duì)年輕的設(shè)計(jì)師而言，我覺(jué)得這一點(diǎn)尤為重要。

2. 廣博——看線上優(yōu)秀產(chǎn)品是如何處理這個(gè)問(wèn)題的

任何知識(shí)都是不斷迭代和完善的，只有廣博，才能不斷驗(yàn)證和更新從書(shū)中得到的設(shè)計(jì)范式。而分析優(yōu)秀的產(chǎn)品是廣博的主要途徑。

3. 輸出——結(jié)論與應(yīng)用

根據(jù)從上面兩個(gè)步驟得出的結(jié)論，總結(jié)分析是否能應(yīng)用到自己的設(shè)計(jì)中。

這是我目前學(xué)習(xí)的主要方法，如果你有更好的方法，可以留言交流。

下面分享**這三個(gè)步驟我得出的關(guān)于按鈕設(shè)計(jì)的結(jié)論。

一、按鈕的種類

按鈕屬于命令控件，包括普通按鈕，圖標(biāo)按鈕，文字按鈕。

1. 普通按鈕

2. 圖標(biāo)按鈕

3. 文字按鈕

二、如何保證按鈕的識(shí)別性與易學(xué)性

1. 用視覺(jué)樣式告訴人們此處可以點(diǎn)擊

在扁平化設(shè)計(jì)之前，按鈕都具有三維凸起的特征，這一特征我們?nèi)钥梢詫W(xué)習(xí)。給按鈕添加適當(dāng)?shù)年幱?，陰影可以使元素突出于背景，這樣更容易使用戶識(shí)別它的可點(diǎn)擊性。

2. 保持一致性

一個(gè)網(wǎng)站的按鈕形狀盡量保持一致，用矩形就都用矩形，用圓角矩形就都用圓角矩形，用戶會(huì)將特定形狀的元素識(shí)別為「按鈕」，一致性會(huì)為用戶提供更加熟悉的體驗(yàn)，減少用戶學(xué)習(xí)成本。

一致的

不一致的

3. 使用高效率，易懂的文案

按鈕上的文字「確定、取消」用更加生動(dòng)確切的文字替換。

這里引用上篇文章的例子：

4. 使用合適的圖標(biāo)

箭頭朝右，可能意味著離開(kāi)此頁(yè)；箭頭朝下，可能意味著打開(kāi)下面的內(nèi)容，或者打開(kāi)下面的菜單。

網(wǎng)易郵箱里的「發(fā)送」按鈕用了圖標(biāo)紙飛機(jī)，不僅提高了按鈕的易讀性，同時(shí)也和其他按鈕做了很好的區(qū)分，提高了發(fā)送按鈕的優(yōu)先級(jí)。

三、按鈕的反饋狀態(tài)

按鈕在操作中一定要有反饋，來(lái)讓用戶明白自己的操作發(fā)生了什么。

按鈕的狀態(tài)有默認(rèn)狀態(tài)、懸停狀態(tài)、點(diǎn)擊狀態(tài)、禁用狀態(tài)、忙碌狀態(tài)。

四、禁用狀態(tài)又有以下幾點(diǎn)要注意

1. 明顯區(qū)分

禁用狀態(tài)和可用狀態(tài)的樣式要有明顯的區(qū)別，讓用戶清晰的知道這個(gè)按鈕不可點(diǎn)擊。

2. 禁用狀態(tài)下要給用戶相應(yīng)的反饋

當(dāng)鼠標(biāo)移動(dòng)到禁用狀態(tài)下的按鈕時(shí)，用提示工具向用戶解釋禁用的原因。

如百度里某圖片不能**，當(dāng)鼠標(biāo)移動(dòng)到**按鈕上時(shí)，提示工具會(huì)解釋按鈕不可用的原因。

3. 禁用狀態(tài)的按鈕是可見(jiàn)還是隱藏

禁用狀態(tài)下的按鈕的可見(jiàn)性取決于它在界面中的位置與功能屬性。

如：谷歌瀏覽器禁用狀態(tài)的按鈕是可見(jiàn)的。

safari 瀏覽器也是可見(jiàn)的。

這是因?yàn)檫@兩個(gè)瀏覽器都有三個(gè)按鈕，如果禁用狀態(tài)下不可見(jiàn)，那右側(cè)的按鈕的位置就會(huì)不固定，這違反了設(shè)計(jì)的一致性原則。用戶想要在固定的位置看到固定的功能，如果每次登錄進(jìn)來(lái)按鈕的位置都會(huì)變化，會(huì)讓用戶非常困惑，按鈕時(shí)有時(shí)無(wú)，在點(diǎn)擊頁(yè)面的時(shí)候工具欄會(huì)有明顯的變化，體驗(yàn)也不好。

而 firfox 瀏覽器在改版之前前進(jìn)按鈕在禁用狀態(tài)下是不可見(jiàn)的

因?yàn)榛鸷鼮g覽器這里只有兩個(gè)按鈕，不會(huì)出現(xiàn)明顯的跳動(dòng)。

上面是以前的版本，改版后的火狐如下：

所以禁用狀態(tài)下的按鈕的可見(jiàn)性，要根據(jù)按鈕的功能和在界面中的位置進(jìn)行具體分析。

五、確定放左還是右？

對(duì)于這一問(wèn)題，不同的平臺(tái)，不同的軟件都不太一樣。

windows 是確定在左，取消在右。

而 mac 系統(tǒng)是確定在右，取消在左。

為了使用戶有一致的體驗(yàn)，**好的方式是不同的平臺(tái)使用不同平臺(tái)的規(guī)范，但是當(dāng)我們的設(shè)計(jì)是基于網(wǎng)頁(yè)的時(shí)候，該如何安排確定和取消的位置呢？

我本人更傾向于「確定」在右，「取消」在左，「確定」意味著進(jìn)入到下一步，「取消」意思是返回到上一步，基于用戶對(duì)「上一步」和「下一步」的使用習(xí)慣，也應(yīng)該是確定在右，取消在左。

六、不同優(yōu)先級(jí)按鈕的設(shè)計(jì)

當(dāng)我們的界面功能比較多時(shí)，就會(huì)出現(xiàn)比較多的功能按鈕，這些功能按鈕肯定會(huì)有優(yōu)先級(jí)，這個(gè)時(shí)候我們就需要設(shè)計(jì)一套一級(jí)按鈕，二級(jí)按鈕和三級(jí)按鈕，甚至更多。

拿我做的設(shè)計(jì)改版里的按鈕組分享給大家：

以上就是今天的分享，你有更好的想法嗎？如果有可以在評(píng)論區(qū)留言給我，我會(huì)很仔細(xì)看噠。希望此文對(duì)你有一點(diǎn)幫助。

相關(guān)推薦：

---

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