不得不說，歷史總是驚人的相似！西方建筑和網頁設計同為工程與藝術的綜合體，兩者的發展歷程如此之相似，和以下四個因素有著不可分割的關系：

• 都為用戶提供了一個場所?
• 都借助工程學構來構建他們?
• 科技的進步是他們的發展瓶頸??
• 盡管如此，它們仍然是藝術的一種展現形式?

在這些設定之下，你可以清晰地看到建筑和網頁設計的發展路徑是極為相似的。所以，如果你想了解網頁設計會向何處發展，看看過去的那些建筑就知道了。

一、新石器時代——簡單而有限的結構

在這個階段，能把東西構建出來就已經是壯舉了，除了尺寸和位置這樣的變量，并沒有什么花活。

說道對比，你會想到什么？也許是黑白對比，大小對比，但是對比所存在的形式還有很多，遠不止于此。

事實上，對比度是最重要的設計原則之一，它也是每個設計項目中必不可少的設計要求。為什么這么說呢？控制對比度有助于設計項目的組織結構化，建立信息和視覺的層次，讓你最重要的部分成為視覺的重心，讓關鍵信息突出展示。善于使用有對比度的設計，能增加視覺的觀賞性和趣味性。在相同的布局、相同的視覺元素中，形態和色彩的變化有時候非常單調，但是對比能讓變化顯得不同凡響。

當用戶訪問電商網站的時候，第一屏的信息展示是非常重要的，很大程度上影響了用戶是否決定停留，然而光靠文字大面積的堆積，很難直觀而迅速的告訴用戶來到這里會得到什么有用的信息，因此網頁Banner設計在這里起到了至關重要的展示作用，特別是對于首頁Banner，有效的信息傳達可以快速提高頁面轉化率。那么竹子來教你如何設計一個好的電商Banner。

隨著CSS3和HTML5的流行，我們的WEB頁面不僅需要更人性化的設計理念，而且需要更酷的頁面和用戶體驗。作為開發者，我們需要了解一些寶貴的CSS UI開源框架資源，它們可以幫助我們更快更好地實現一些現代化的界面，包括一些移動設備的網頁界面風格設計。本文分享了10個的CSS UI開源框架，有幾個確實不錯，一起來看看。

1、Bootstrap – 最流行的Web前端UI框架

Bootstrap是由twitter推出的Web前端UI框架，它由Twitter的設計師Mark Otto和Jacob Thornton合作開發,是一個CSS/HTML框架。它使用了的瀏覽器技術，Bootstrap提供了時尚的排版樣式，表單，buttons，表格，網格系統等等。

官方網站：http://getbootstrap.com/

2、jQuery UI - 基于jQuery的開源Javascript框架

jQuery UI是一款基于jQuery的開源Javascript框架，jQuery UI框架主要提供了用戶交互、動畫、和可更換主題的可視控件，讓開發者可以更方便地實現網頁交互界面，jQuery UI的整個框架比較龐大，但你也可以根據自己需要使用的功能生成適合自己的框架底層。jQuery UI界面設計非常漂亮，值得一試。

編者按：想知道Behance上有哪些設計師值得關注，看這個列表就對了！作為全球最大的藝術展示社區，優秀的設計師每天都會抽時間到Behance上學習，作汲取靈感之用。如果你不知道有哪些人值得Follow，這篇剛好對味！

這是一個外國小哥寫給其他想進入中國市場的外國設計師的，用來學習中國互聯網是個什么樣子，很多我們習以為常的東西在國外都變得不可思議，感受下。

網頁產業的動蕩與中國的飛速發展有著許多相似之處：至少他們都是令人捉摸不定的。但是如果你把這兩件事情放在一起的話，你就會看到一幅快速變化的中國互聯網發展的畫面 。為了不被淘汰，我們必須展望未來， 以便盡早迎接變革。

別小瞧了中國的網頁領域，它并沒有你想象中那么簡單，尤其是在個別的關鍵方面——中國用戶的預期和西方用戶簡直差太多了。接下來我將帶你進入網頁專家的視角，一起來看看移動社交平臺的爆紅，以及那些優秀的設計師和作品。

很多同學做設計的時候經常會漏掉這個漏掉那個，等到開發來問的時候才想到?，F在有了網易同學自創的自查表，可以把一些問題提前預防起來，文章系統全面，條理性強，是不可多得的實用好文呦。

飛靈：對于移動應用來說，移動情景非常復雜，設備也很多樣。那么在設計之后，設計評審之前，你的交互稿考慮的細節是否完善，對特殊狀態的描述是否有遺漏，你是怎么提前發現一些問題并查漏補缺的？為解決這個問題，我們團隊建立了一份交互設計自查表，并且在版本迭代的過程中同步迭代，補充新出現的異常點。

這份表格梳理了用戶在完成具體任務過程中的各種異常情況。它不會顯示交互的所有細節，但是卻能為特定的目標提供用戶體驗的全面視角。這個目標可能是高層次的，例如：進行某項操作無網絡時，應該如何展示；網絡不佳時應該如何處理等。在此過程中，可能由于特殊的使用場景，解決方案會有不同，但是這份表格會提醒你去深入地思考一個解決方案。以下是我在總結這些異常情況時的一些小經驗。

時我的心情可以用”崩潰“來形容，我感覺在眾人面前尊嚴全無，感覺兩周的辛苦完全浪費了，感覺自己的專業能力被完全無視。團隊成員的積極性也受到
了嚴重的打擊，有人覺得何必浪費精力去探索創新，老板說啥就做啥挺好。那個時候我一度想過離職，因為我實在是不知道該怎么面對后面的事情。

索性經過一段時間，我又恢復了理智，我發現之前的方法存在嚴重的問題：在設計過程中缺乏老板及其他leader的參與。這么做絕不是為了迎合老板，而是對于一個to B產品來說，理解的成本非常高，不管是格局、經驗，還是其他因素，設計師都 難以到達和leader同樣的高度，而這個問題在C端產品上雖也存在，但不至于那么明顯（C端的產品理解成本較低，大家的理解不會存在太大偏差）。比如同 樣是對于大數據，我們想到的關鍵詞是”實驗、匯聚、科技、工具、安全、價值”等，而老板可能想到的是“0和1、太極、宇宙、水晶球“等等。

我們具體是怎樣做的呢？當然不是直接問老板要怎樣設計啦，而是采用一種”預訪談“的形式，我給它起了個名字叫”投石問路“法。

黃金比例是一個比較特殊的數學比例，通常我們會用線段分割來解釋這個比例：把一條線段分割為兩部分，較短部分與較長部分長度之比等于較長部分與整體長度之比，其比值是一個無理數，取其前三位數字的近似值是0.618。

值得慶幸的是，國外已經有很多優秀的移動用戶界面資源是可用的，這些先驅的寶貴資源可以大大幫助你的移動設計或開發你的響應式網站。相信今天要隆重推薦的10個網站，無論是在你設計一個新的移動應用程序還是尋找特定的設計解決方案時，他們都會踏踏實實的幫助到你。

1. Konigi

這個網站上展示了許多完美的交互設計和視覺設計案例，網站提供了許多不同的方式來引導你便捷的搜尋感興趣的項目！一定要利用好標簽喲。