杭州春華教育

平面設(shè)計(jì)從何做起？

平面設(shè)計(jì)培訓(xùn)：然后才是設(shè)計(jì)，如何去設(shè)計(jì)，設(shè)計(jì)怎么分類？只有找準(zhǔn)了方向去學(xué)，才不會無從入手?，F(xiàn)在的平面設(shè)計(jì)可細(xì)分的行業(yè)非 常多，除了影視制作，還有廣告公司，主要做一些視覺識別設(shè)計(jì)VI和海報宣傳。而軟件公司和網(wǎng)站公司就要做一些界面設(shè)計(jì)UI，還有建筑行業(yè)的和室內(nèi) 設(shè)計(jì)行業(yè)的要做平面施工圖等。當(dāng)然高大上一點(diǎn)還有插畫師，藝術(shù)類的。

平面設(shè)計(jì)培訓(xùn)：工具類。要設(shè)計(jì)一樣?xùn)|西，就得學(xué)會制作工具，主要以軟件為主，要學(xué) 的軟件不外乎PS,CDR,AI,CAD,DW等主流軟件。

平面設(shè)計(jì)培訓(xùn)：設(shè)計(jì)理念。這個才是**重要的，你要設(shè)計(jì)一樣?xùn)|西，必須得有它的理念 ，為什么要這樣設(shè)計(jì)，設(shè)計(jì)出來的適合印刷嗎適合審美觀念嗎等等與外界的溝通才是**重要一環(huán)，做出來的東西必須是要有人看，覺得好看，并從中看 到其內(nèi)涵文化才是好設(shè)計(jì)。

Adobe Illustrator

課程介紹：Illustrator （AI）是平面設(shè)計(jì)工作中必備的工具之一，它優(yōu)秀的矢量繪制功能不單可以繪制出精美的矢量插畫，同時又因其矢量繪制不失真的特點(diǎn)被應(yīng)用于UI等職 業(yè)。

招生 對象：
1、具有初中以上學(xué)歷；
2、有一定的審美能力，有良好的個性修養(yǎng)，有一定的挖掘潛 力；
3、具有一定的想象力和創(chuàng)造力，能夠獨(dú)立完成設(shè)計(jì)構(gòu)思及成 稿；
4、有相關(guān)行業(yè)的工作經(jīng)驗(yàn)；
5、具有挑戰(zhàn)精神，能在壓力下工作；

6、熱愛設(shè)計(jì)類職業(yè)，想在此行業(yè)長 期發(fā)展的人員。

課程 收益：
1、相關(guān)理論學(xué)習(xí)及相關(guān)計(jì)算機(jī)設(shè)計(jì)輔助軟件學(xué)習(xí)；
2、真實(shí)工作案例教學(xué)；
3、學(xué)員階段性綜合評定；

4、校企合作推薦就業(yè)。

學(xué)習(xí)內(nèi)容：認(rèn)識矢量圖、IIIustrator各工 具的使用及其在廣告設(shè)計(jì)中的具體應(yīng)用，繪制及修改矢量圖形等。

**、基礎(chǔ)知識部分
矢量與位圖之間的區(qū)別和各自的應(yīng)用領(lǐng)域以及各種不同用途的 文件類型。軟件的基本文件操作與界面中各大面板的功能、窗口布局。
第二、實(shí)際操作部分
基本物體的創(chuàng)建與變換、參數(shù)改動、顏色基本填充， 繪圖工 具線條路徑繪制與節(jié)點(diǎn)編輯，物體高級修改與調(diào)整工具，掌握路徑繪制調(diào)整，物體的變換，融合工具的應(yīng)用，高級顏色填充、漸變工具、網(wǎng)格漸變工具 以及元素類工具、融合工具。

就業(yè)方向：平面設(shè)計(jì)師、廣 告設(shè)計(jì)師等。

報名條件：熱愛設(shè)計(jì)類職業(yè) ，想在此行業(yè)長期發(fā)展的人員。

授課特點(diǎn)：

1、老師薈萃，業(yè)界一線師資授課，獨(dú)創(chuàng)的多元法教學(xué)模式讓 你快速掌握當(dāng)下的知識體系，使你學(xué)以致用；
2、保證人手1機(jī)，教師全程陪同，免費(fèi)隨時答疑；
3、學(xué)生作品點(diǎn)評 更改方案；

4、專職老師負(fù)責(zé)課后跟蹤輔導(dǎo)。

培訓(xùn)地址：全國100所學(xué)校

如何將品牌與UI完美結(jié)合？Google新規(guī)范告訴你答案

---

2018年5月9日凌晨1點(diǎn)，Google 開發(fā)者大會上對 Material Design 做了更新的講解，其中令我印象深刻的是 Google 對圖形語言單獨(dú)拿出來做一個模塊來解釋，如下圖我標(biāo)紅的地方。

對！就是這個 SHAPE 的單詞，為什么我會如此看重，大家應(yīng)該知道構(gòu)成設(shè)計(jì)語言的四大基礎(chǔ)原子是：字體/顏色/網(wǎng)格系統(tǒng)/圖形，這里的圖形包括圖標(biāo)和一些輔助圖形。它有什么不同呢？大家看之前以往的版本，材質(zhì)設(shè)計(jì)語言里面沒有單獨(dú)去說形狀這一元素，當(dāng)然也有做的比較好的產(chǎn)品，比如韓國的29cm和11街，國內(nèi)天貓、網(wǎng)易蝸牛讀書等等。

圖形語言對我們產(chǎn)品影響極其大，之前網(wǎng)上也有這樣的文章，比如提取 logo 上面視覺基因，然后運(yùn)用到圖標(biāo)里面。對，這個沒錯，但是我覺得不夠好，不全。今天和大家一起來分析下 Google 是如何做的。

一、我對圖形的了解

圖形無處不在，人眼對圖形的識別能力遠(yuǎn)遠(yuǎn)高于字體，圖形便于記憶，傳播，這就是為何每次做 LOGO 時候都需要去考慮圖形延展。目的為了傳播品牌，在用戶心中打造產(chǎn)品形象，比如可口可樂弧線，阿迪達(dá)斯，蘋果 logo 這些國際性大牌子的 logo 都是易于記憶與傳播的。

那么在產(chǎn)品設(shè)計(jì)中如何體現(xiàn)呢？比如我們常用在圖標(biāo)里面去展現(xiàn)一些品牌元素，比如天貓貓頭直接和圖標(biāo)融合，這是一個很成功的例子。還有韓國的 Genie 音樂產(chǎn)品也是直接 logo 和圖標(biāo)集合。

那么僅僅只是這些嗎？當(dāng)然不夠，如果我們想傳達(dá)我們產(chǎn)品的品牌理念，深入到用戶心中，只在圖標(biāo)里運(yùn)用是不夠的。比如可口可樂每年做產(chǎn)品運(yùn)營推廣，不斷大量的重復(fù)它 logo 弧線元素，這樣能長期在用戶心中形成記憶點(diǎn)。

二、Google是如何做的？

Google 這次讓我們打開眼界，下面是 Google 的原話：

形狀可以引導(dǎo)注意力，讓用戶易于識別組件，溝通狀態(tài)和品牌語言傳達(dá)。

對此有了一些更深刻的認(rèn)識，其實(shí)形狀運(yùn)用不止我們平常所理解的，下圖是來自材質(zhì)語言的截圖。

△ 圖片來自 Google

Google 的想法非常大膽，一個方形的變化，延伸出不同的形狀，當(dāng)然并不是單獨(dú)一個產(chǎn)品設(shè)計(jì)里面放這么多形狀，而是不同產(chǎn)品，運(yùn)用不同的圖形，傳達(dá)其特殊品牌調(diào)性，大局統(tǒng)一，局部戰(zhàn)略調(diào)整。

比如上圖中凹槽圖形用在主 TAB 上，形成視覺焦點(diǎn)，容易吸引用戶去關(guān)注它，一般核心功能會如此設(shè)計(jì)。

Google 已提到了可以用于區(qū)分不同組件，這觀點(diǎn)我很贊同，之前我對愛奇藝做了視覺分析，發(fā)現(xiàn)它們一級導(dǎo)航和二級導(dǎo)航樣式一樣，那么用戶該如何區(qū)分？

圖形可以用于表達(dá)某一正在交互的狀態(tài)，比如選中狀態(tài)，當(dāng)然并不是單獨(dú)去使用，Google 特定強(qiáng)調(diào)了，需要和其他視覺元素集合起來使用，比如顏色。比如我們的 check box 控件，選中前后狀態(tài)不一樣。不過 Google 這個是否略顯夸張些？

**后，比如還可以用于表達(dá)品牌語言，那么圖形來自哪里？用在哪里？

如上圖是一個 Crane 的應(yīng)用，他們 logo 是中間一個圖形加外帶橢圓底。

這里 Google 提取了橢圓作為視覺 DNA，并沿用到產(chǎn)品的每一個控件。

同一產(chǎn)品多終端統(tǒng)一符號語言。

如下圖提取 LOGO 關(guān)鍵特殊符號。

下圖 Shrine 提取菱形棱角圖形運(yùn)用到產(chǎn)品設(shè)計(jì)細(xì)節(jié)里面。

其實(shí)說實(shí)話，對于品牌 DNA 的延續(xù)早在年初的時候就思考過，如何去把品牌語言在產(chǎn)品設(shè)計(jì)里面體現(xiàn)？

我當(dāng)時理解是，首先要了解我們的品牌核心是什么？我們的品牌理念、品牌solgan，我們要給用戶傳達(dá)一種什么樣的情懷，然后如何去巧妙提取產(chǎn)品 logo 里面的視覺基因，比如某一圖形元素，比如線條/點(diǎn)/某一特殊圖形符號，這圖形一定是易于延展，拓展性強(qiáng)的。

然后運(yùn)用到產(chǎn)品的每一個細(xì)節(jié)里面，比如圖標(biāo)，按鈕，異常狀態(tài)，啟動頁，運(yùn)營banner，情感化設(shè)計(jì)等等，如今 Google 已經(jīng)去這樣做了，而且做得很系統(tǒng)，包括動效都有規(guī)范。

當(dāng)時也有一些產(chǎn)品已經(jīng)這樣做了，比如韓國29cm，設(shè)計(jì)細(xì)節(jié)非常好，圖形運(yùn)用非常到位。國內(nèi)天貓貓頭運(yùn)用也是滲透到產(chǎn)品里面去了，Google 這次又給我們一些大膽的思考，能運(yùn)用這么廣的范圍。

三、需要注意的點(diǎn)

Google 舉了幾個反面例子，我們在提取圖形或者使用時需要注意的幾點(diǎn)，如下：

注意圖形的指向性和觸摸大小，千萬別影響用戶正常使用

同一含義的組件樣式必須一致，

別使用形狀來暗示其他含義。 這個對話框的形狀表明它與它背后的卡片相關(guān)。

總結(jié)思考

Google 的本次材質(zhì)設(shè)計(jì)語言的更新，我相信后續(xù)會有一些產(chǎn)品為了打造一些品牌調(diào)性，也會慢慢去融入更多的品牌符號語言，當(dāng)然我們一定要克制與統(tǒng)一，這是**難做的一部分。雖然 Google 此次系統(tǒng)性的解釋圖形的意義及延伸使用，但是某些地方稍微有些過了，所以我們在設(shè)計(jì)提取 DNA 時候需要克制與統(tǒng)一，那么我們可以從中吸取學(xué)習(xí)到如何才能讓我們的產(chǎn)品更加差異化。在同質(zhì)化的今天，你是如何打造個性化與具有調(diào)性的產(chǎn)品呢？

如今 AI 已來臨，機(jī)器人對設(shè)計(jì)影響極其大，從 Google 本次更新迭代中就大量提到了 AI 對產(chǎn)品的影響，以及如何去學(xué)習(xí)用戶的習(xí)慣，然后預(yù)測用戶的下一步需求，以后產(chǎn)品會越來越智能，越來越了解人性，除了硬件的升級，研發(fā)能力加強(qiáng)，我們也要多去思考，如何打造獨(dú)具匠心的產(chǎn)品。如何打造一個無縫體驗(yàn)，多平臺，跨語言產(chǎn)品視覺統(tǒng)一體驗(yàn)。

這方面跨平臺多終端體驗(yàn)，蘋果已經(jīng)做得很不錯了，當(dāng)然還有 soptiy 音樂產(chǎn)品無縫跨平臺，聽歌/切歌/選歌體驗(yàn)。相信這只是一個開始，后續(xù)會有更多精彩。

歡迎關(guān)注作者的微信公眾號：我們的設(shè)計(jì)日記，每周分享**新設(shè)計(jì)趨勢和設(shè)計(jì)經(jīng)驗(yàn)，科學(xué)設(shè)計(jì)方法。

「用品牌基因法做設(shè)計(jì)」

• 《如何將品牌基因融入到產(chǎn)品設(shè)計(jì)中？這是高級設(shè)計(jì)師的方法！》
• 《如何找到改版的切入點(diǎn)？我用「品牌探索」這個方法！》
• 《用品牌基因法，三步幫你搞定圖標(biāo)設(shè)計(jì)！》
• 《用品牌基因法做圖標(biāo)設(shè)計(jì)，這是高級UI設(shè)計(jì)師才會的手法！》
• 《用品牌基因法做圖標(biāo)設(shè)計(jì)，高級UI設(shè)計(jì)師才會的手法！（升級篇）》
• 《用品牌基因法做圖標(biāo)設(shè)計(jì)，高級UI設(shè)計(jì)師才會的手法！（實(shí)戰(zhàn)篇）》
• 《網(wǎng)易資深設(shè)計(jì)師：視覺設(shè)計(jì)如何繼承品牌基因？》

================明星欄目推薦================

聯(lián)展網(wǎng)： 是旗下優(yōu)質(zhì)中文教程網(wǎng)站，分享了大量PS、AE、AI、C4D等中文教程，為零基礎(chǔ)設(shè)計(jì)愛好者也準(zhǔn)備了貼心的知識樹專欄。開啟免費(fèi)自學(xué)新篇章，按照我們的專欄一步步學(xué)習(xí)，一定可以迅速上手并制作出酷炫的視覺效果。

設(shè)計(jì)導(dǎo)航：國內(nèi)人氣**高的設(shè)計(jì)網(wǎng)址導(dǎo)航，設(shè)計(jì)師必備：

相關(guān)推薦：

---

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