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

海報(bào)設(shè)計(jì)需要學(xué)什么？需要報(bào)美工 還是平面設(shè)計(jì)進(jìn)行學(xué)習(xí)？

建議是學(xué)平面設(shè)計(jì)，因?yàn)楝F(xiàn)在的美工培訓(xùn)都是網(wǎng)頁上的修圖，對于矢量工具 的要求不會很高，不會教你印刷知識的。而平面設(shè)計(jì)教的很全，一般除了ps。會教CDR、AI、ID軟件，而Illustrator（AI）、CoreDraw（CDR）就是矢 量工具，CDR結(jié)合了AI、ID、很方便的設(shè)計(jì)出來，ID作為矢量工具，是排版神器，雜志、書籍、報(bào)紙等排版快捷方便，上手簡單，可以繪制簡單的矢量 圖形。不過沒有從事大量排版工作的話，可以不考慮這個(gè)的。

簡單說說海報(bào)設(shè)計(jì)：1.傳統(tǒng)意義上的海報(bào)常用于文藝演出、運(yùn)動會、故事會 、展覽會、家長會、節(jié)慶日、學(xué)校里競賽游戲等。海報(bào)設(shè)計(jì)總的要求是使人一目了然。掛在櫥窗里的大幅畫作,又稱招貼畫。貼在街頭墻上。2.其實(shí)現(xiàn) 在互聯(lián)網(wǎng)上要求的海報(bào)，也是一樣的要求，只是要配合網(wǎng)頁的寬度進(jìn)行排版罷了，相對于戶外的海報(bào)，網(wǎng)頁海報(bào)根據(jù)有生動 靈活性，更換方便。然后 說說海報(bào)設(shè)計(jì)公司的重要要求：海報(bào)設(shè)計(jì)往往需要進(jìn)行良好的設(shè)計(jì)構(gòu)思，一般情況下，**海報(bào)設(shè)計(jì)來進(jìn)行宣傳都希望獲得**好的設(shè)計(jì)效果。

平面設(shè)計(jì)課程

課程階段	課程安排
專業(yè)基礎(chǔ)課程	1、素描 ：了解平面 構(gòu)成的基本形式法則，形態(tài)元素，構(gòu)成形式。
	2、色彩：了解平面 色彩的概念，掌握平面色彩知識及平面色彩設(shè)計(jì)的原則
	3、平構(gòu)：了解平面 構(gòu)成的基本形式法則，形態(tài)元素，構(gòu)成形式。
	4、色構(gòu)：了解色彩 的純度、色相、明度等色彩屬性。了解對比色、互補(bǔ)色、相鄰色。了解光與影的色彩變化，以及物體之間的環(huán)境色。
	5、立構(gòu)：了解立體 構(gòu)成中點(diǎn)線面體結(jié)合的應(yīng)用，了解分割與組合的作用。
平面軟件實(shí)訓(xùn)	1、 PHOTOSHOP軟件： 20課時(shí)，學(xué)習(xí)并 了解PHOTOSHOP軟 件的版面與工具應(yīng)用，掌握蒙版工具，快速蒙版工具及濾鏡的使用，掌握ps的通道應(yīng)用，了解CMYK與RGB的區(qū)別。
	2、 CORELDRAW軟件： 20課時(shí)，了解 CORELDRAW軟件的 版面與工具應(yīng)用，掌握CORELDRAW貝塞克曲線的使用，掌握CORELDRAW卷曲的應(yīng)用，以及交互式調(diào)和工具的使用。
	3、 ILLUSTRATOR軟件 ：12課時(shí)，學(xué)習(xí) 并且了解ILLUSTRATOR軟件的版面與工具應(yīng)用，掌握鋼筆工具的應(yīng)用，掌握ILLUSTRATOR路徑剪切工具，以及對齊工具的使用。
平面視覺設(shè)計(jì)	1、字體設(shè)計(jì)：字體 設(shè)計(jì)的原理與方法！學(xué)會利用替換法，共用法等多種字體設(shè)計(jì)方法進(jìn)行商業(yè)字體的設(shè)計(jì)！
	2、版式設(shè)計(jì) ：學(xué)習(xí) 版式設(shè)計(jì)概述，書籍設(shè)計(jì)回顧，對書籍設(shè)計(jì)的認(rèn)識，書籍設(shè)計(jì)的語言，書籍設(shè)計(jì)的規(guī)格，書籍的組成比分，封面設(shè)計(jì)，內(nèi)頁排版等。
	3、畫冊設(shè)計(jì)：學(xué)習(xí) 畫冊設(shè)計(jì)概述，畫冊的分類，畫冊設(shè)計(jì)的基本原則，畫冊的構(gòu)成等。
	4、包裝設(shè)計(jì)：學(xué)習(xí) 包裝設(shè)計(jì)概述，包裝的分類，包裝的作用與機(jī)能，包裝設(shè)計(jì)的視覺傳達(dá)，包裝設(shè)計(jì)的表現(xiàn)手法，包裝結(jié)構(gòu)學(xué)，包裝立體效果圖，包裝工藝等。
	5、折頁設(shè)計(jì) /DM設(shè)計(jì)：學(xué)習(xí)折 頁設(shè)計(jì)與DM設(shè)計(jì) 的概述，了解折頁及DM的分類，折頁及DM的構(gòu)圖等。
淘寶視覺設(shè)計(jì)	1、網(wǎng)店視覺營銷實(shí) 戰(zhàn)設(shè)計(jì)：從零基礎(chǔ)到可以自己完全熟悉店鋪視覺營銷設(shè)計(jì)，包括寶貝圖片制作，店鋪海報(bào)設(shè)計(jì)，網(wǎng)店整體首頁設(shè)計(jì)等。
	2、淘寶店鋪裝修實(shí) 戰(zhàn)設(shè)計(jì)：課程中大量的軟件基本操作和技巧、典型案例分析及實(shí)戰(zhàn)演練，使學(xué)員能夠　、快速地掌握店鋪裝修。
	3、淘寶店鋪高級裝 修設(shè)計(jì)：利用DW 設(shè)計(jì)店鋪特效，描述詳情頁加關(guān)聯(lián)銷售鏈接高轉(zhuǎn)化率頁面布局思維導(dǎo)圖，消費(fèi)者人群心理分析，掌握讓店鋪的流量變成訂單的技巧。

超實(shí)用！不容錯(cuò)過的優(yōu)秀404頁面設(shè)計(jì)指南

---

平生不見404，閱盡**也惘然。對，如果你從未打開過404頁面，就可以說你幾乎未曾真正用過互聯(lián)網(wǎng)。

404頁面的出現(xiàn)的原因很簡單：當(dāng)你輸入鏈接，瀏覽器向服務(wù)器提出請求，但是服務(wù)器無法解析你提供的URL的時(shí)候，服務(wù)器就會返回給你一個(gè)“404為找到”的頁面，換句話就是“服務(wù)器是正常的，只是沒找到你要的頁面”。

的確，404頁面的出現(xiàn)就是這么簡單。它誕生于互聯(lián)網(wǎng)和瀏覽器剛剛興起的時(shí)代，但是經(jīng)過近20年的演化之后，它早已進(jìn)化出基于互聯(lián)網(wǎng)的亞文化——404頁面并不簡單。

所以，要?jiǎng)?chuàng)造出一個(gè)完美的404錯(cuò)誤頁面，有一些規(guī)則可供遵循。

設(shè)計(jì)

首先，404頁面的設(shè)計(jì)不應(yīng)該轉(zhuǎn)移用戶的注意力，令用戶偏移**初的目的。的確，絕大多數(shù)用戶認(rèn)為404頁面非常惱人。所以，404頁面應(yīng)該在網(wǎng)站設(shè)計(jì)之初就要考慮到，并令它能夠幫助用戶找到他們需要的東西，并且在此過程中避免用戶跳轉(zhuǎn)到其他的網(wǎng)站。

作為一個(gè)次要目標(biāo)，404頁面的設(shè)計(jì)也可以提供一個(gè)建立并強(qiáng)化品牌的機(jī)會。如果404頁面設(shè)計(jì)得足夠積極，那么它可以令用戶留下持久的印象。一般而言，用戶遭遇404頁面一般是因?yàn)椤按蜷_的方式不對”造成的，它是一種負(fù)面體驗(yàn)，但是如果404頁面能夠幫助用戶達(dá)成目標(biāo)（其實(shí)這形同危機(jī)公關(guān)），那么用戶可能會改變對你網(wǎng)站的看法。

為了避免用戶對404頁面產(chǎn)生逆反情緒，網(wǎng)頁的用色和圖片都應(yīng)該控制好比例和視覺效果。優(yōu)秀的網(wǎng)頁設(shè)計(jì)，才能強(qiáng)化品牌。

社交媒體

在404頁面上提供社交媒體鏈接是個(gè)好想法，一方面可以幫助誤入歧途的用戶解決問題，另一方面也可以**社交媒體吸引更多用戶。將網(wǎng)站的Facebook、Twitter、Google 、Tumblr、微博、微信鏈接附加在404頁面上，可以讓用戶在無法解決問題的情況下**社交媒體進(jìn)行互動，尋求解決方案。通常，在**方無法即刻給出解決方案的是，其他的用戶或者粉絲也可能會給予用戶一定的幫助。

重要鏈接

每個(gè)網(wǎng)站都會有一些用戶經(jīng)常訪問的頁面，這些核心的頁面會引領(lǐng)用戶尋求其他的重要信息。值得一提的是，在404頁面展現(xiàn)網(wǎng)站的整個(gè)網(wǎng)站地圖是不合適的，因?yàn)橛脩艨赡軙允в谄溟g，本身用戶就沒找到他們想要的東西，再繼續(xù)從幾十個(gè)鏈接中找他們想要的東西的話，這個(gè)體驗(yàn)可想而知有多糟糕。所以，在這個(gè)時(shí)候，**好設(shè)定至多6~7個(gè)重要的鏈接。通常情況下，它們應(yīng)該包含以下幾個(gè)鏈接：

• 返回首頁
• **近的帖子
• 搜索框
• 關(guān)于我們
• 聯(lián)系我們

當(dāng)然，網(wǎng)站的搜索功能可以固化在頁面上，而以內(nèi)容為主的網(wǎng)站或者博客類型的網(wǎng)站可以將近期熱門帖子添加到網(wǎng)站上，起到引流的作用。

提供在線聯(lián)系方式

作為一種溝通用戶的方式，在404頁面提供一個(gè)內(nèi)嵌表格讓用戶留言是一種頗具誠意的解決方案。用戶可以**表格留下聯(lián)系方式，碰到的問題，或者試圖尋找的信息和內(nèi)容等。

如果網(wǎng)站本身是偏向銷售向的，那么在線客服也是不錯(cuò)的解決方法，直接與客服進(jìn)行在線溝通能夠挽留住更多的訂單，不是么？與客服進(jìn)行直接溝通可以找到他們想要的東西。

當(dāng)然，不論是在線表格提交系統(tǒng)還是在線客服系統(tǒng)都請保持簡約直接的形式，不要讓用戶迷失在復(fù)雜交互和鏈接中。

幽默與多媒體

當(dāng)用戶進(jìn)入404頁面的時(shí)候，可以在頁面上嵌入自動播放的音頻或者視頻，為用戶介紹網(wǎng)站或者引導(dǎo)用戶。在視頻或者動畫中注入適當(dāng)?shù)挠哪唾u萌，可以緩解誤入此處用戶的抵觸情緒。

把控好展示的度，可能會為用戶帶來驚喜、愉悅的情緒，如果能引導(dǎo)用戶解決問題就更好了。

接下來，我會**下面我所搜集的案例來向你展示，大家都是如何設(shè)計(jì)優(yōu)秀的404頁面的。其中很多頁面頗為有趣，有些還有待提升，但是它們都在某些方面做的頗為突出，值得學(xué)習(xí)。

craigslist

Craigslist 的404頁面設(shè)計(jì)的頗為簡約有趣，并且提供了首頁鏈接來引導(dǎo)用戶。

Niki Brown

這個(gè)404頁面除了提供了一些重要的鏈接之外，還提供了幾個(gè)秘密鏈接，當(dāng)用戶點(diǎn)開之后，會發(fā)現(xiàn)一些頗為不錯(cuò)的音樂。這種方式會增加網(wǎng)站的黏度。

cubeecraft

作為一個(gè)紙模類的網(wǎng)站，它的404頁面突出了網(wǎng)站的特征：它不僅選取了一個(gè)與錯(cuò)誤有關(guān)的人物角色，還提供了圖片**鏈接——紙模用戶可以將其打印出來，做成這個(gè)角色的紙模，獨(dú)具匠心。

Project-euh

這是一個(gè)非常獨(dú)特的404頁面，當(dāng)你進(jìn)入這個(gè)404頁面的時(shí)候，系統(tǒng)會有機(jī)器音提醒你進(jìn)入了一個(gè)404頁面，而頁面內(nèi)提供的圖片其實(shí)是一個(gè)動畫的鏈接，它會引領(lǐng)你進(jìn)入一個(gè)個(gè)好玩的隨機(jī)頁面。

Technorati

這是一個(gè)簡單的報(bào)錯(cuò)頁面，它還提供了訂閱和**近的文章，這些內(nèi)容可能會吸引一部分用戶。

Acme

這是一個(gè)獨(dú)特的404頁面，不過毫無疑問它還可以補(bǔ)充更多的內(nèi)容。

Expansion Broadcast

如果你沒有找到你要的信息，可以**這個(gè)頁面上的表格提交反饋信息。同時(shí)頁面中的Facebook和Twitter鏈接也可以幫助用戶了解更多信息。

Attrition

這個(gè)404頁面設(shè)計(jì)簡單，信息也很直觀。

Orange Coat

使用流程圖來引導(dǎo)用戶找到信息的404頁面還是非常令人耳目一新的。

Disney

迪士尼的404頁面匯總了常見的問題和解答，添加了**鏈接等一些有用的信息。

Design Zillas

優(yōu)秀的404頁面長啥樣？這就是個(gè)典型，視覺設(shè)計(jì)大氣，社交媒體鏈接完整，聯(lián)系方式清晰。

Twingly

**“忍者”這種人物角色來傳遞信息，看起來不錯(cuò)。

webo group

這也是一個(gè)簡約的404頁面。

Griffin Technology

這個(gè)404頁面也使用了討喜的插畫，添加了聯(lián)系方式和支持團(tuán)隊(duì)的聯(lián)系方式。

nosh

這是一個(gè)獨(dú)特的404頁面，用視頻來吸引用戶留在網(wǎng)站。作為一個(gè)有客戶端的網(wǎng)站，Nosh 將網(wǎng)站的Android和iOS客戶端鏈接也添加到頁面上。Nosh甚至不忘在404頁面上留下注冊網(wǎng)站的入口。

YepLike

同普通的404頁面相比，YepLike算是非常用心的了。

TrentWalten

這個(gè)404頁面在信息呈現(xiàn)上做的不夠好，但是它在頁面上展示隨機(jī)圖片的方式值得借鑒。

Marvel

作為老牌動漫大廠，Marvel在404頁面上提供了高級搜索功能絕對是必要的——幫助用戶在他們的海量動漫里面找到他們想要的那一期還真不是一件容易的事情。

Mozilla

Mozilla的404頁面為用戶提供了一些小技巧，去往首頁的鏈接以及Bug反饋的鏈接。

THCNET

THCNET的404頁面也算是獨(dú)具一格了，它并沒有幫迷路的用戶找到他們想要的東西，而是……為用戶提供了一個(gè)80年代早期的文字冒險(xiǎn)游戲Zork。如果你是一個(gè)對此稍有了解的歐美用戶的話，會為此著迷的。至少，對我而言，感到非常驚喜。

Limpfish

Limpfish的設(shè)計(jì)頗為幽默，不過為用戶提供的信息還不夠完整，有待提升。

Starbucks

星巴克的404頁面中，為用戶提供了首頁鏈接、網(wǎng)站導(dǎo)航以及反饋頁面。頁面保持星巴克本身一貫的風(fēng)格，優(yōu)雅簡約。

Heinz

Heinz 的頁面設(shè)計(jì)也非常整潔，**重要的是它非常巧妙地將自家的產(chǎn)品融入到頁面設(shè)計(jì)中來了。

Inspiration Bit

這個(gè)404頁面為用戶提供了流行的、推薦的以及**受歡迎的信息。網(wǎng)站還提供了社交媒體的入可。

Realmac Software

看過《宿醉》系列和《預(yù)產(chǎn)期》的同學(xué)，看到這個(gè)頁面的時(shí)候，絕對會會心一笑。網(wǎng)站底部還提供了了Twitter、Flickr和Vimeo的鏈接。

Home Star Runner

這個(gè)404頁面使用了簡單的卡通圖片和幽默的文字，頗為帶感。

StudyTonight

StudyTonight 使用了一個(gè)卡通獅子的動漫角色，配合一段相應(yīng)的文案來吸引用戶。

看完指南看案例：

先來一組優(yōu)秀案例，：
《學(xué)習(xí)制作404錯(cuò)誤頁面的15個(gè)優(yōu)秀案例》

404頁面也可以很省心：
《想要不鬧心的404界面？這組優(yōu)秀范例能幫到你》

想要404頁面細(xì)節(jié)豐富也容易：
《超詳細(xì)！手把手教你用AI創(chuàng)建細(xì)節(jié)豐富的404頁面》

原文地址：sitepoint
聯(lián)展網(wǎng)翻譯：@陳子木

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

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

相關(guān)推薦：

---

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