一、先知

今天是教師節，首先要特地感謝那些曾經傳授我們知識、指導我們行為，解決我們困難的教師們。教師的某種特質和我們網頁設計行業有種共通，那就是信仰知識，具有分享精神。

"教師"：廣義的教師是泛指傳授知識、經驗的人。
狹義的教師系指受過專門教育和訓練的人，并在教育（學校）中擔任教育、教學工作的人

"先知"：認識事物在眾人之前的人

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

你得知道的行業先知：

1.互聯網標準之王——Jeffrey Zeldman

互聯網標準的教父
三件事情足以證明他的貢獻

1."A List Apart"網站創立者。
2.經典書籍《網站重構》(Designing With Standards )的作者，此書被翻譯成15種語言。
3."The Web Standards Project"的創建者，統一互聯網標準，終結了當年的瀏覽器之戰。

2.移動互聯網的推手——Luke Wroblewski

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

3.網頁設計的哲人與先鋒——John Allsopp

能將網頁設計上升到哲學高度的人不多，Allsopp是其中一個，他對互聯網行業的熱愛從內到外。John Allsopp是Web Directions會議聯合創始人之一，眾多Web工具的開發者。可以說是在樣式表(CSS)這個話題上最有權威的元老之一。

而令他名聲大燥的，當屬《網頁設計之道》，這里提供兩個譯版

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

4.不得不提的、富有時代精神的創新領袖——Steve Paul Jobs

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

二、網頁設計的科目訓練

1.內容為王——語文，內容與字體

優秀的網頁設計應該緊密圍繞內容，以內容為王，先有強大的內在，才有資格包裝其外推薦閱讀：如何將戰略性的內容策略融入進網頁設計中網頁核心內容對視覺表現的影響 

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

2.原理改變世界——作為根基的數學與HTML&CSS

數學和HTML&CSS語言有什么共同點？可能在初學者眼里，他們都是枯燥的。
數學和HTML&CSS語言還有什么共同點？一旦入門，感覺是奧妙的。
HTML&CSS經典閱讀

用CSS TABLES實現用戶界面開發和交互式布局
一張圖讀懂HTML5
CSS選擇器詳解
你應該知道的CSS文字大小單位PX、EM、PT
經典推薦：CSS學習中的瓶頸
40個超贊的HTML5教程

當然，數學的一些原理本身就能應用到網頁設計中：

想做好設計？先來了解神奇的魔力數字"3"
私密：漲姿勢！讓這些數學理論來為你網頁設計理念撐腰

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

外語的本質是用來溝通，設計的本質也是用來交流、傳達與溝通。
閉門造車只會閉塞不前，唯有博采眾家之長，而又融會貫通，才能100%的實現設計表達。多與同行交流，互相學習，你做到了嗎？
一些優秀的訪談錄，可以借鑒一下行業佼佼者的經驗。

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

4.變化與運動——物理與響應式設計

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

推薦閱讀：
響應式設計的十條
案例研究：Laura Kalbag個人網站布局心得
推薦：響應式網頁設計與應用
高端揭秘：為你的響應式設計提速

5.流光溢彩的反應——化學與色彩

就跟化學反應一樣，舒服的配色=用戶的心情愉悅。色彩能夠影響情緒和心理，這一理論被反復的重申，這也是設計基礎中的基礎。你了解這些嗎？

當用戶體驗設計遇見色彩情感
經驗分享：色彩提取及應用技巧
色彩心理學：設計師的選色指南
網頁設計中色彩的運用
設計師的色彩學：人性化的HSB色彩空間

6.縱橫古今，以史為鑒——歷史

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

推薦閱讀：

科普推薦：ICON的歷史進程
贊！WEB設計之路！網絡視覺藝術發展史概覽
大拿必備：網頁設計的進化史

三、教師節，向教師致意

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

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

優秀網頁設計&SKYUI聯合策劃
轉摘請注明優設網原文出處，謝謝各位小編。

 
================關于優設網================
"優設網uisdc.com"是一個分享網頁設計、無線端設計以及PS教程的干貨網站。
【特色推薦】
設計講座：每月邀請國內互聯網公司設計前輩及行業總監在群內及YY語音（YY頻道：15335158）分享實戰經驗。
設計微博：擁有粉絲量47萬的人氣微博@優秀網頁設計 ，歡迎關注獲取網頁設計資源、下載頂尖設計素材。
設計導航：全球頂尖設計網站推薦，設計師必備導航：http://hao.uisdc.com
———————————————————–
想在手機上、被窩里獲取設計教程、經驗分享和各種意想不到的"福利"嗎？
添加 優秀網頁設計 微信號：【youshege】優設哥的全拼
您也可以通過掃描下方二維碼快速添加：