蘇州上元教育培訓(xùn)中心

上元設(shè)計(jì)覺(jué)得學(xué)習(xí)平面設(shè)計(jì)應(yīng)該從理論入手，必須要先了解何為平面，比如 紙面印刷，視頻等以平面方式傳播的就叫做平面。那平面包括了什么行業(yè)呢？我們所能看到的可傳播的沒(méi)有立方體呈現(xiàn)的任何方式，都能歸納為平面類 ，比如海報(bào)，書(shū)，電視電腦電影等等。

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

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

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

視覺(jué)傳達(dá)語(yǔ)言課程

視覺(jué)傳達(dá)語(yǔ)言
實(shí)驗(yàn)繪畫(huà)		（1）課程要求： 挖掘?qū)W員的表現(xiàn)能力，能解決所遇到的問(wèn)題；  （2）學(xué)習(xí)內(nèi)容：觀察、理解形狀、構(gòu)圖、布局、質(zhì)感； （3）課程安排：?jiǎn)紊珜?xiě)生（用鉛筆畫(huà)線描圖）、灰色調(diào)畫(huà)（透過(guò)取景器，選擇、畫(huà)出靜物的局部）學(xué)習(xí)黑白灰色調(diào) 的運(yùn)用。
應(yīng)用色彩		（1）課程要求： 能懂得考慮如何借助色彩表現(xiàn)感情、溫度等；  （2）學(xué)習(xí)內(nèi)容：色彩設(shè)計(jì)； （3）課程安排：?jiǎn)紊?huà)組合、九宮格畫(huà)。
工作室技巧		（1）課程要求：掌握一些工具（工藝刀、尺子、紙張、電腦設(shè)備等）的使用；  （2）學(xué)習(xí)內(nèi)容：繪畫(huà)與精確的裁剪、繪畫(huà)工具混合使用； （3）課程安排：裁剪、粘貼和拼貼畫(huà)、撕邊與拼貼圖形、相同題材，不同工具的繪畫(huà)、電腦周邊設(shè)備的使用。
平面繪畫(huà)表現(xiàn)手法		（1）課程要求： 利用不同的手法完成作品的效果；  （2）學(xué)習(xí)內(nèi)容：素材的理解、 平面造型設(shè)計(jì)表現(xiàn)手法； （3）課程安排：物體訓(xùn)練、平涂畫(huà)、水粉防染畫(huà)、點(diǎn)畫(huà)、磨擦畫(huà)、線條畫(huà)。
平面設(shè)計(jì)原理
創(chuàng)意的來(lái)源		（1）課程要求：掌握造型風(fēng)格及重要的設(shè)計(jì)創(chuàng)意方法；圖像情感； （2）學(xué)習(xí)內(nèi)容：表現(xiàn)主義造型、構(gòu)成主義造型、浪漫主義造型； （3）課程安排：美術(shù)欣賞、作品分析、視覺(jué)試驗(yàn)練習(xí)。
圖案文字的設(shè)計(jì)		（1）課程要求： 學(xué)習(xí)文字和圖案表現(xiàn)方式；  （2）學(xué)習(xí)內(nèi)容：文字造型、文字圖案設(shè)計(jì)； （3）課程安排：文字與布局、文字尺寸、文字色彩、文字樂(lè)趣。
高級(jí)色彩的運(yùn)用		（1）課程要求： 掌握運(yùn)用色彩的手段；  （2）學(xué)習(xí)內(nèi)容：運(yùn)用色彩手段設(shè)計(jì)完成作品的基調(diào)和主題； （3）課程安排：色彩草稿、布局與色彩的關(guān)系、色彩的平衡。
設(shè)計(jì)流程（從概念到成品）
整理思路		（1）課程要求： 學(xué)習(xí)整理思路的方法；  （2）學(xué)習(xí)內(nèi)容：概念草圖； （3）課程安排：聯(lián)想、淘汰過(guò)程。
協(xié)調(diào)設(shè)計(jì)		（1）課程要求： 如何做系列作品；  （2）學(xué)習(xí)內(nèi)容：**布局、文字、色彩、圖案和風(fēng)格把各件作品聯(lián)系起來(lái)； （3）課程安排：初步調(diào)研、尋找識(shí)別特征、統(tǒng)一設(shè)計(jì)風(fēng)格。
平面設(shè)計(jì)人員與商業(yè)攝影師的協(xié)作		（1）課程要求： 掌握商業(yè)攝影的協(xié)作基本技巧；  （2）學(xué)習(xí)內(nèi)容：商業(yè)攝影的基本常識(shí)、與攝影師合作； （3）課程安排：攝影的基本原理、商業(yè)攝影的流程、商業(yè)攝影實(shí)踐。
高級(jí)工藝應(yīng)用		（1）課程要求： 掌握后期制作的特殊工藝及材料；  （2）學(xué)習(xí)內(nèi)容：認(rèn)識(shí)各種后期制作的工藝及材料； （3）課程安排：制作工藝、材料認(rèn)識(shí)。
準(zhǔn)備輸出		（1）課程要求： 掌握輸出前的預(yù)檢工作；  （2）學(xué)習(xí)內(nèi)容： 認(rèn)識(shí)CTP出版； （3）課程安排：Acrobat的基本應(yīng)用、CTP流程的基本原理。
商業(yè)設(shè)計(jì)實(shí)務(wù)
企業(yè)形象設(shè)計(jì)實(shí)務(wù)，經(jīng)典案例解析		（1）課程要求： 解決企業(yè)整體形象的設(shè)計(jì)工作；  （2）學(xué)習(xí)內(nèi)容：探討商業(yè)圖案設(shè)計(jì)的問(wèn)題； （3）課程安排：確定主題、商標(biāo)設(shè)計(jì)、企業(yè)標(biāo)識(shí)、設(shè)計(jì)手冊(cè)。
書(shū)籍裝幀與板式設(shè)計(jì)理論及實(shí)務(wù)		（1）課程要求： 完成出版物的整體設(shè)計(jì)工作；  （2）學(xué)習(xí)內(nèi)容：版面設(shè)計(jì)、雜志、書(shū)籍設(shè)計(jì)； （3）課程安排：出版計(jì)劃、表達(dá)創(chuàng)意、設(shè)計(jì)出版物的風(fēng)格、版式規(guī)劃、制作成冊(cè)。
產(chǎn)品包裝設(shè)計(jì)理論及實(shí)務(wù)		（1）課程要求：根據(jù)廣告策劃的要求，完成表現(xiàn)廣告（視覺(jué)傳達(dá)）部分的平面設(shè)計(jì)工作；  （2）學(xué)習(xí)內(nèi)容：對(duì)于廣告的認(rèn)識(shí)、群體協(xié)作； （3）課程安排：良好的團(tuán)體協(xié)作、推銷活動(dòng)計(jì)劃、視覺(jué)展示方式、制作效果。
商業(yè)廣告設(shè)計(jì)實(shí)務(wù)		（1）課程要求：根據(jù)廣告策劃的要求，完成表現(xiàn)廣告（視覺(jué)傳達(dá)）部分的平面設(shè)計(jì)工作；  （2）學(xué)習(xí)內(nèi)容：對(duì)于廣告的認(rèn)識(shí)、群體協(xié)作； （3）課程安排：良好的團(tuán)體協(xié)作、推銷活動(dòng)計(jì)劃、視覺(jué)展示方式、制作效果。
就業(yè)綜合指導(dǎo)		（1）簡(jiǎn)歷設(shè)計(jì)、制作及面試禮節(jié) （2）行業(yè)狀況介紹，就業(yè)指導(dǎo) （3）面試禮節(jié)

即使是**靠下的網(wǎng)站頁(yè)腳，設(shè)計(jì)上同樣很講究

---

編者按：CARRIE COUSINS 寫(xiě)了不少各種網(wǎng)站和 UI設(shè)計(jì)的**佳實(shí)踐，雖然很多 UI元素的設(shè)計(jì)并不復(fù)雜，但是許多細(xì)節(jié)都值得注意。今天的文章幫你梳理了如今流行的網(wǎng)站大型頁(yè)腳的設(shè)計(jì)技巧和注意事項(xiàng)，還是挺實(shí)用的。

雖然網(wǎng)頁(yè)頁(yè)腳的設(shè)計(jì)在整個(gè)頁(yè)面設(shè)計(jì)中并非**引人矚目的部分，在需求中的優(yōu)先級(jí)也不高，也不是整個(gè)網(wǎng)站設(shè)計(jì)的核心，但是它依然是整個(gè)網(wǎng)站不可或缺的部分。一個(gè)好的網(wǎng)站頁(yè)腳能夠讓用戶找到有用的信息，更好地互動(dòng)感。想要設(shè)計(jì)一個(gè)功能完善，美觀的網(wǎng)站頁(yè)腳，有什么可供遵循的方法和技巧呢？今天的文章就來(lái)給你答案。

通常，一個(gè)包含系統(tǒng)化信息的大型頁(yè)腳能夠幫用戶更好地使用一個(gè)復(fù)雜的大型網(wǎng)站，尤其是像 Amazon。

大型頁(yè)腳的設(shè)計(jì)訣竅在于信息的組織。一旦明確了頁(yè)腳需要幫用戶實(shí)現(xiàn)什么目標(biāo)，接下來(lái)的事情就不難了。下面分享7個(gè)技巧。

1. 確定一個(gè)明確的目標(biāo)

在為網(wǎng)站設(shè)計(jì)一個(gè)大型頁(yè)腳的時(shí)候，先要明確用戶在實(shí)際狀況下如何使用它。盡管有許多網(wǎng)站將頁(yè)腳當(dāng)作收納不知道怎么處理的鏈接和信息的地方，但是實(shí)際上頁(yè)腳的功能并不是垃圾箱。

和網(wǎng)站其他的部分一樣，設(shè)計(jì)優(yōu)良的頁(yè)腳是有著明確的設(shè)計(jì)目標(biāo)的：

• 提供網(wǎng)站地圖，以及**受歡迎的頁(yè)面/鏈接
• 提供聯(lián)系方式，或者提交訂閱的表單
• 提供社交媒體帳號(hào)鏈接和信息
• 提供行為召喚的功能
• 提供公司或者店鋪的實(shí)際地址/可視化地圖
• 網(wǎng)站和團(tuán)隊(duì)相關(guān)的信息（適合博客類網(wǎng)站）

2. 具備響應(yīng)式設(shè)計(jì)

響應(yīng)式設(shè)計(jì)毫無(wú)疑問(wèn)是如今網(wǎng)站應(yīng)當(dāng)具備的基礎(chǔ)素質(zhì)，而大型的網(wǎng)站頁(yè)腳同樣也應(yīng)該具備良好的響應(yīng)性，這樣才能確保體驗(yàn)上的一致，并且讓用戶能夠便捷　地與之互動(dòng)。

一個(gè)大型的頁(yè)腳，在桌面端上展示的時(shí)候，信息按列來(lái)分割排布，看起來(lái)是很合理的，但在移動(dòng)端設(shè)備上，就顯得凌亂而復(fù)雜了。尤其是考慮到頁(yè)腳需要隨著頁(yè)面變化而響應(yīng)，并且要便于交互。

整個(gè)頁(yè)腳的主要設(shè)計(jì)目標(biāo)是包含并組織大量的元素，而這種形式并不一定拘泥于多欄式布局。

當(dāng)然，你還可以采取另外一種方法來(lái)進(jìn)行設(shè)計(jì)，使用超大的頁(yè)腳來(lái)承載單一元素，讓它將特定的功能發(fā)揮到極致。就像上面的 Hustle Panda 這個(gè)頁(yè)面，整個(gè)頁(yè)腳幾乎擴(kuò)到屏幕的尺寸，單列式的布局，即使是在移動(dòng)端上也可以和桌面端一致的樣式來(lái)進(jìn)行響應(yīng)和展示。（當(dāng)然，你需要讓 CTA元素足夠大，并且易于閱讀）

3. 包含用戶期望的信息

絕大多數(shù)的用戶對(duì)于網(wǎng)頁(yè)頁(yè)腳中所呈現(xiàn)的信息，是有所期待的，將用戶期望的信息包含在其中，可以讓它的可用性更強(qiáng)。

雖然并非所有的元素都需要包含在網(wǎng)頁(yè)頁(yè)腳當(dāng)中，但是下面所列舉出來(lái)的元素，應(yīng)該覆蓋了絕大多數(shù)的用戶需求：

• 網(wǎng)站地圖或者拓展導(dǎo)航
• 聯(lián)系信息，地址或者地圖
• 社交媒體鏈接
• 電子郵件訂閱信息
• 搜索
• 關(guān)于我們
• 獲獎(jiǎng)情況或者證明
• 新聞資訊，**近的文章或者事件列表

還有一些其他的小元素或者功能控件可以放到其中，但是用戶并非需要全部的元素，他們所需要的通常是其中的一部分，絕大多數(shù)是關(guān)于網(wǎng)站本身的一些信息。

• 版權(quán)信息
• 法律信息和隱私條款
• 專業(yè)領(lǐng)域或者所屬組織

4. 組織鏈接

包含大量的、不同的內(nèi)容的網(wǎng)站，應(yīng)該考慮將大量的鏈接按照類別來(lái)進(jìn)行分組管理，**有組織的鏈接，你可以幫助用戶找到他們想要的相關(guān)的內(nèi)容。

對(duì)于大型的項(xiàng)目而言，這是一種非常常見(jiàn)的技術(shù)，對(duì)于用戶而言，可能會(huì)非常有用。以 Amazon 為代表的這些在線零售巨頭對(duì)于在頁(yè)腳中組織信息就有著豐富的經(jīng)驗(yàn)。

在上面的 The Home Depot 的網(wǎng)頁(yè)中，頁(yè)腳就包含了多層次的頁(yè)腳導(dǎo)航。其中包含了熱門(mén)的分類（如果你沒(méi)有找到想要的東西可以試著在這里找找），然后是客戶服務(wù)的鏈接組（如果你需要額外的服務(wù)），以及相關(guān)的資源，公司的責(zé)任和其他的行為召喚元素。**后，頁(yè)腳中還包含了其他相關(guān)品牌的鏈接，版權(quán)信息和協(xié)議條款。

頁(yè)腳是網(wǎng)站功能的一種補(bǔ)充和完善，尤其是對(duì)于大型的網(wǎng)站項(xiàng)目而言，頁(yè)腳的信息組織是尤其重要的。

5. 維持品牌的調(diào)性

不要事后再考慮頁(yè)腳中的微文案。頁(yè)頭中的品牌設(shè)計(jì)和頁(yè)腳中的品牌調(diào)性是同樣重要的。

風(fēng)格和調(diào)性上，頁(yè)腳同樣是網(wǎng)站的品牌設(shè)計(jì)中不可分割的一部分，在視覺(jué)上沿用網(wǎng)站的配色，在視覺(jué)元素和品牌化上，同樣不能失去應(yīng)有的調(diào)性。只有這樣，用戶才不會(huì)在瀏覽頁(yè)腳的時(shí)候感到迷惑。

上面是電子郵件服務(wù)供應(yīng)商 Emma 的網(wǎng)站頁(yè)腳設(shè)計(jì)，其中包含一個(gè)明顯的行為召喚按鈕，所搭配的文案和整個(gè)品牌的調(diào)性保持一致，仿佛他們的營(yíng)銷團(tuán)隊(duì)在向你問(wèn)好。頁(yè)腳的元素和元素之間留有足夠多的空間，確保整體的舒適感。

6. 足夠的留白

緊密的文本是用戶瀏覽和交互的大敵，保持足夠的呼吸感，不僅能夠確保視覺(jué)上的舒適，而且在功能上也有保障，用戶交互也更加方便。

空間排版布局的規(guī)則，同樣適用于頁(yè)腳的布局設(shè)計(jì)，千萬(wàn)不要覺(jué)得它只是裝飾性的，并不是「能看就行」。

如果頁(yè)腳的設(shè)計(jì)可用性差，就不好了。你可以借助熱點(diǎn)圖等方式來(lái)確定用戶對(duì)于各個(gè)模塊的點(diǎn)擊率和效果，在此基礎(chǔ)上來(lái)進(jìn)行優(yōu)化。

7. 保持對(duì)比度

需要保有足夠功能性的頁(yè)腳，應(yīng)當(dāng)確保它們能和上方的內(nèi)容之間構(gòu)成對(duì)比，從而形成視覺(jué)上的差異，脫穎而出。頁(yè)腳應(yīng)當(dāng)是整個(gè)設(shè)計(jì)當(dāng)中的一部分，同時(shí)也應(yīng)當(dāng)具備足夠視覺(jué)差異性，便于用戶理解它的功能和存在。

在視覺(jué)上建立這種對(duì)比，**常用的方法是將頁(yè)腳至于特定的 UI容器當(dāng)中，比如彩色的區(qū)塊或者框當(dāng)中，**背景色彩和上方的內(nèi)容進(jìn)行區(qū)別。許多以淺色背景的網(wǎng)站，會(huì)在頁(yè)腳的部位采用深色的背景。

這種額外的視覺(jué)對(duì)比的功能性是很明顯的，用戶會(huì)在看到頁(yè)腳的時(shí)候因?yàn)椴町惗⒁獾讲⑺伎计涔δ埽亲銐驈?qiáng)大的視覺(jué)線索，并且在整個(gè)設(shè)計(jì)中創(chuàng)造出方向感和可用性。

結(jié)語(yǔ)

雖然越來(lái)越多的設(shè)計(jì)師開(kāi)始設(shè)計(jì)超大型的頁(yè)腳，并且許多設(shè)計(jì)都做得相當(dāng)?shù)捏@艷，但是頁(yè)腳的設(shè)計(jì)應(yīng)當(dāng)是有限制的，至少那些太長(zhǎng)、需要翻頁(yè)的頁(yè)腳就相當(dāng)?shù)牧钊擞憛挕?

雖然頁(yè)腳是承載大量信息，用來(lái)作為用戶**后獲取信息的地方，但是它也應(yīng)該具備一目了然的特點(diǎn)，確?？捎眯?、易用性和舒適性。

「網(wǎng)頁(yè)設(shè)計(jì)的策略和技巧大合集」

• 《彈出框里的設(shè)計(jì)門(mén)道，你是否都知道？》
• 《遵循這7個(gè)原則，能讓你的網(wǎng)頁(yè)用戶體驗(yàn)更優(yōu)秀》
• 《網(wǎng)頁(yè)中這10種字體的運(yùn)用方式，不會(huì)讓人覺(jué)得Low》
• 《吃透這10個(gè)網(wǎng)站，你就明白了網(wǎng)頁(yè)中留白的技巧》

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

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

設(shè)計(jì)導(dǎo)航：國(guó)內(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)