干貨！教師節(jié)專題策劃：網(wǎng)頁設(shè)計(jì)篇

一、先知

今天是教師節(jié)，首先要特地感謝那些曾經(jīng)傳授我們知識、指導(dǎo)我們行為，解決我們困難的教師們。教師的某種特質(zhì)和我們網(wǎng)頁設(shè)計(jì)行業(yè)有種共通，那就是信仰知識，具有分享精神。

"教師"：廣義的教師是泛指傳授知識、經(jīng)驗(yàn)的人。
狹義的教師系指受過專門教育和訓(xùn)練的人，并在教育（學(xué)校）中擔(dān)任教育、教學(xué)工作的人

"先知"：認(rèn)識事物在眾人之前的人

用"先知"這個名詞來形容互聯(lián)網(wǎng)/設(shè)計(jì)行業(yè)中那些傳奇人物，再合適不過了。他們意識敏銳，能夠先于眾人挖掘價值、產(chǎn)生創(chuàng)意；而又不居功自傲，往往用自己的發(fā)現(xiàn)來造福大眾，與行業(yè)分享知識，最終達(dá)到整體的進(jìn)步。從某種角度講，無私的先知也可以被稱之為教師。

你得知道的行業(yè)先知：

1.互聯(lián)網(wǎng)標(biāo)準(zhǔn)之王——Jeffrey Zeldman

互聯(lián)網(wǎng)標(biāo)準(zhǔn)的教父
三件事情足以證明他的貢獻(xiàn)

1."A List Apart"網(wǎng)站創(chuàng)立者。
2.經(jīng)典書籍《網(wǎng)站重構(gòu)》(Designing With Standards )的作者，此書被翻譯成15種語言。
3."The Web Standards Project"的創(chuàng)建者，統(tǒng)一互聯(lián)網(wǎng)標(biāo)準(zhǔn)，終結(jié)了當(dāng)年的瀏覽器之戰(zhàn)。

2.移動互聯(lián)網(wǎng)的推手——Luke Wroblewski

Luke目前是Input Factory的CEO和聯(lián)合創(chuàng)始人，也是國際交互設(shè)計(jì)協(xié)會前委員會成員。
他的那本《移動至上》深刻的改變了行業(yè)，在2011年，就很有預(yù)見性的提出網(wǎng)站與應(yīng)用設(shè)計(jì)應(yīng)該為移動設(shè)備服務(wù)，講解如何從桌面設(shè)計(jì)模式中擺脫出來，進(jìn)行思維轉(zhuǎn)換，以便更好的進(jìn)行移動設(shè)計(jì)。無數(shù)的交互文章中都出現(xiàn)了他的名字，對他話語的引用。

3.網(wǎng)頁設(shè)計(jì)的哲人與先鋒——John Allsopp

能將網(wǎng)頁設(shè)計(jì)上升到哲學(xué)高度的人不多，Allsopp是其中一個，他對互聯(lián)網(wǎng)行業(yè)的熱愛從內(nèi)到外。John Allsopp是Web Directions會議聯(lián)合創(chuàng)始人之一，眾多Web工具的開發(fā)者。可以說是在樣式表(CSS)這個話題上最有權(quán)威的元老之一。

而令他名聲大燥的，當(dāng)屬《網(wǎng)頁設(shè)計(jì)之道》，這里提供兩個譯版

@譯言網(wǎng) Aitch 版本：http://article.yeeyan.org/view/340229/302045
@SKYUI 譯本 （上）：http://e.weibo.com/1737397723/zBZ5BDx1S
(下)：http://e.weibo.com/1737397723/zCUhTn9pV這篇文章影響了很多人，預(yù)言了響應(yīng)式設(shè)計(jì)，從媒介的角度分析網(wǎng)頁設(shè)計(jì)，提倡設(shè)計(jì)要適應(yīng)網(wǎng)絡(luò)自由靈活的本質(zhì)。

4.不得不提的、富有時代精神的創(chuàng)新領(lǐng)袖——Steve Paul Jobs

提到他估計(jì)很多人比小編有話語權(quán)，他的事跡大家也都耳聞目睹，不再贅述，R.I.P

二、網(wǎng)頁設(shè)計(jì)的科目訓(xùn)練

1.內(nèi)容為王——語文，內(nèi)容與字體

優(yōu)秀的網(wǎng)頁設(shè)計(jì)應(yīng)該緊密圍繞內(nèi)容，以內(nèi)容為王，先有強(qiáng)大的內(nèi)在，才有資格包裝其外推薦閱讀：如何將戰(zhàn)略性的內(nèi)容策略融入進(jìn)網(wǎng)頁設(shè)計(jì)中網(wǎng)頁核心內(nèi)容對視覺表現(xiàn)的影響 

時至今日，文字依然是絕大多數(shù)內(nèi)容的載體，而對于文字，我們又了解那些呢？
推薦閱讀：
字體設(shè)計(jì)的排版布局技巧
字體設(shè)計(jì)：達(dá)人入門篇
西文字體設(shè)計(jì)基礎(chǔ)：術(shù)語
字體藝術(shù)的要義：回歸基本
 

2.原理改變世界——作為根基的數(shù)學(xué)與HTML&CSS

數(shù)學(xué)和HTML&CSS語言有什么共同點(diǎn)？可能在初學(xué)者眼里，他們都是枯燥的。
數(shù)學(xué)和HTML&CSS語言還有什么共同點(diǎn)？一旦入門，感覺是奧妙的。
HTML&CSS經(jīng)典閱讀

用CSS TABLES實(shí)現(xiàn)用戶界面開發(fā)和交互式布局
一張圖讀懂HTML5
CSS選擇器詳解
你應(yīng)該知道的CSS文字大小單位PX、EM、PT
經(jīng)典推薦：CSS學(xué)習(xí)中的瓶頸
40個超贊的HTML5教程

當(dāng)然，數(shù)學(xué)的一些原理本身就能應(yīng)用到網(wǎng)頁設(shè)計(jì)中：

想做好設(shè)計(jì)？先來了解神奇的魔力數(shù)字"3"
私密：漲姿勢！讓這些數(shù)學(xué)理論來為你網(wǎng)頁設(shè)計(jì)理念撐腰

3.溝通，溝通！——外語與交流

外語的本質(zhì)是用來溝通，設(shè)計(jì)的本質(zhì)也是用來交流、傳達(dá)與溝通。
閉門造車只會閉塞不前，唯有博采眾家之長，而又融會貫通，才能100%的實(shí)現(xiàn)設(shè)計(jì)表達(dá)。多與同行交流，互相學(xué)習(xí)，你做到了嗎？
一些優(yōu)秀的訪談錄，可以借鑒一下行業(yè)佼佼者的經(jīng)驗(yàn)。

喬布斯：遺失的訪談（文字版）
經(jīng)驗(yàn)分享：以設(shè)計(jì)師為對象的深度訪談
設(shè)計(jì)師訪談！令人欽羨的英國RALLY INTERACTIVE工作室
正能量訪談錄！女漢子180天做180個網(wǎng)站
設(shè)計(jì)師訪談：Daryl Ginn Daryl
設(shè)計(jì)師訪談：Beasty Design
 

4.變化與運(yùn)動——物理與響應(yīng)式設(shè)計(jì)

變化、運(yùn)動、改變，提到物理，很多人會下意識的想起運(yùn)動，而這也跟響應(yīng)式設(shè)計(jì)的理念不謀而合。
響應(yīng)式設(shè)計(jì)的傳統(tǒng)定義是：頁面的設(shè)計(jì)與開發(fā)應(yīng)當(dāng)根據(jù)用戶行為以及設(shè)備環(huán)境(系統(tǒng)平臺、屏幕尺寸、屏幕定向等)進(jìn)行相應(yīng)的響應(yīng)和調(diào)整。
而輸入設(shè)備的種類日漸多樣化，容易被忽略的一點(diǎn)是：根據(jù)輸入設(shè)備的特點(diǎn)，進(jìn)行適應(yīng)性調(diào)整。（觸摸交互時代的需求）

推薦閱讀：
響應(yīng)式設(shè)計(jì)的十條
案例研究：Laura Kalbag個人網(wǎng)站布局心得
推薦：響應(yīng)式網(wǎng)頁設(shè)計(jì)與應(yīng)用
高端揭秘：為你的響應(yīng)式設(shè)計(jì)提速

5.流光溢彩的反應(yīng)——化學(xué)與色彩

就跟化學(xué)反應(yīng)一樣，舒服的配色=用戶的心情愉悅。色彩能夠影響情緒和心理，這一理論被反復(fù)的重申，這也是設(shè)計(jì)基礎(chǔ)中的基礎(chǔ)。你了解這些嗎？

當(dāng)用戶體驗(yàn)設(shè)計(jì)遇見色彩情感
經(jīng)驗(yàn)分享：色彩提取及應(yīng)用技巧
色彩心理學(xué)：設(shè)計(jì)師的選色指南
網(wǎng)頁設(shè)計(jì)中色彩的運(yùn)用
設(shè)計(jì)師的色彩學(xué)：人性化的HSB色彩空間

6.縱橫古今，以史為鑒——?dú)v史

非常推崇黃仁宇先生的大歷史觀：從小事件看大道理；從長遠(yuǎn)的社會、經(jīng)濟(jì)結(jié)構(gòu)觀察歷史的脈動；從中西的比較提示中國歷史的特殊問題；注重人物與時勢的交互作用、理念與制度的差距、行政技術(shù)與經(jīng)濟(jì)組織的沖突，以及上層結(jié)構(gòu)與下層結(jié)構(gòu)的分合。他的《萬歷十五年》寫的非常精彩。
歷史給了我們一個理性分析的機(jī)會，我們在瀏覽歷史時，基本不會將現(xiàn)今的種種偏見和執(zhí)念（而這些偏見往往又是社會的錯誤價值導(dǎo)向）帶入其中，我們能夠更審慎去理解、學(xué)習(xí)前人的經(jīng)驗(yàn)，從而達(dá)到個人的提高。
設(shè)計(jì)也是如此，雖然網(wǎng)頁設(shè)計(jì)的歷史短暫，但在我眼中，它也是漫長而又榮耀的。
過去，你知道多少？未來，你又能預(yù)言多少？

推薦閱讀：

科普推薦：ICON的歷史進(jìn)程
贊！WEB設(shè)計(jì)之路！網(wǎng)絡(luò)視覺藝術(shù)發(fā)展史概覽
大拿必備：網(wǎng)頁設(shè)計(jì)的進(jìn)化史

三、教師節(jié)，向教師致意

不必束縛于前人的道，但對于傳授經(jīng)驗(yàn)與知識的人，一定要給予尊重。值此教師節(jié)之際，向天下所有的老師，所有的先知，所有樂于分享的人表示致意。
最后送上薄禮一份，以教師為主題的設(shè)計(jì)作品：

最后的必殺！博君一笑；）

優(yōu)秀網(wǎng)頁設(shè)計(jì)&SKYUI聯(lián)合策劃
轉(zhuǎn)摘請注明優(yōu)設(shè)網(wǎng)原文出處，謝謝各位小編。

 
================關(guān)于優(yōu)設(shè)網(wǎng)================
"優(yōu)設(shè)網(wǎng)uisdc.com"是一個分享網(wǎng)頁設(shè)計(jì)、無線端設(shè)計(jì)以及PS教程的干貨網(wǎng)站。
【特色推薦】
設(shè)計(jì)講座：每月邀請國內(nèi)互聯(lián)網(wǎng)公司設(shè)計(jì)前輩及行業(yè)總監(jiān)在群內(nèi)及YY語音（YY頻道：15335158）分享實(shí)戰(zhàn)經(jīng)驗(yàn)。
設(shè)計(jì)微博：擁有粉絲量47萬的人氣微博@優(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)航：http://hao.uisdc.com
———————————————————–
想在手機(jī)上、被窩里獲取設(shè)計(jì)教程、經(jīng)驗(yàn)分享和各種意想不到的"福利"嗎？
添加 優(yōu)秀網(wǎng)頁設(shè)計(jì) 微信號：【youshege】優(yōu)設(shè)哥的全拼
您也可以通過掃描下方二維碼快速添加：