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

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

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

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

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

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

官方網(wǎng)站：http://getbootstrap.com/

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

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

藝術家 Austin Kleon 的著書《像藝術家一樣去偷：10條沒人告訴過你的創(chuàng)意要訣》篇幅不長，卻給初出茅廬的藝術家們（有創(chuàng)意的那類）提供了許多有益的指導。

不論是在手機屏幕上，瀏覽器上，還是智能手表的屏幕上，設計都是促使產(chǎn)品和用戶互動的最重要的驅(qū)動力之一。從扁平化設計到 Material Design ，從小屏幕到大屏幕，我分析了一下設計的趨勢演變規(guī)律，并同你分享一下我的一些拙見。到底有哪些趨勢？這些趨勢的存在，對于用戶有何裨益？它們將會創(chuàng)建怎樣的未來？這就是今天的文章所要探討的內(nèi)容。

作為近年設計領域中最具有代表性的設計風格，我們不妨從扁平風和 Material Design 入手，聊聊它們是怎樣出現(xiàn)、如何成為現(xiàn)如今的設計趨勢。

截至2010年，25%的電視已經(jīng)連接到網(wǎng)絡上，而現(xiàn)在這個數(shù)量已經(jīng)翻倍了。電視現(xiàn)在已經(jīng)成為互聯(lián)網(wǎng)內(nèi)容和社交媒體分發(fā)的重要組成部分，我們需要對電視端進行重新審視和設計了。但是，就目前而言，構建和設計智能電視端的Web內(nèi)容還存在許多設計上的障礙、衍生問題，硬件碎片化的狀況則讓設計上的工作量增加了不少。

但是面對這個10英尺外的巨大屏幕，最主要的問題還是易用性和輕量級的交互。

隨著移動互聯(lián)網(wǎng)的迅猛發(fā)展，使得移動產(chǎn)品設計人員急缺。由于高薪酬，很多其他行業(yè)設計師轉(zhuǎn)行做UI設計。

那么到底什么是UI設計？

做UI設計需要掌握哪些知識體系？

如何去學習？

今后如何做職業(yè)規(guī)劃？

是很多新人常會遇到的問題！

針對這些問題，給大家一個比較全面的解釋，希望能幫到新入行移動設計的人！

 故事也許是人類最早的敘事方法。大多數(shù)人在童年時，故事用來引導他們的行為，了解歷史文化和培養(yǎng)社會認同感。”－Form Wikipedia

1.什么是故事（WHAT）

在討論如何打造故事感體驗之前，我們先聊聊什么是故事。

故事（Storytelling）是通過文字，聲音或圖像來傳播的事件。它在各種文化扮演著娛樂，教育，傳播文化和價值觀的作用。講故事或許是人類最早的敘事方法。大多數(shù)人在童年時，成人都會用故事來引導他們的行為，傳授歷史文化和培養(yǎng)社會認同感。注1

講故事是一種解釋和分享的方法。這在我們生活中非常普遍。它們可以彌合文化，語言和年齡之間的分歧。例如在教育中，可以通過故事讓人更加容易理解。又如遠古社會，人類使用紀錄和傳播故事，這些壁畫即使過了上千年，依舊能理解其中部分含義。

古埃及金字塔中的。圖片來自 forum.china.com.cn

甚至在工作中，通過講故事的形式，也可以讓信息在人與人之間更加的傳輸。比如說在討論用戶需求的會議上，通過講故事的手法，產(chǎn)品設計可以將用戶需求轉(zhuǎn)化為一個個場景故事，便可以準確的讓別人理解。 人類從古至今一直深受故事影響。從圣經(jīng)到現(xiàn)代小說無不是故事。因此當人的大腦在聽到故事時，會產(chǎn)生特別的反應。

在論文《A Theory of Narrative Empathy》中描述到，當人類聽到故事時，大腦中的”鏡像神經(jīng)細胞“（一種神經(jīng)細胞，使人們學會從簡單模仿到復雜模仿 －Wikipedia）會異常活躍，促進人類引發(fā)共鳴并理解別人的行為，所以故事很容易讓人類沉浸其中。注2

到底問題出現(xiàn)在哪呢？這其實是由于我們設計師對App技術框架的知識匱乏所導致的，雖然我們不必做到會寫代碼，但掌握必要的App技術框架原理，能更有效地幫助我們預判哪些方案可行和實現(xiàn)效果較好，來讓設計方案更接地氣，讓我們一起來了解一下App技術框架都有哪些。

一、App技術框架的類型

僅靠敲代碼就搞定背景的網(wǎng)站！得益于CSS技術的進步，現(xiàn)在我們可以敲代碼就實現(xiàn)超贊的漸變背景，效果絲毫不輸Photoshop，且不受屏幕大小限制，絕對是未來的熱門趨勢之一，搶先學起來 >>>

漸變的配色怎么辦？給你一個在線工具！《新年配色禮包！五款幫你在線搞定配色的WEB APP》

新年剛過，給自己許個愿吧：《新年專屬教程！手把手教你繪制簡單好學的新年簽》

Love Message

Niek Dekker