博博
世界看臉，網站看Banner，門面當然要漂亮，不過很多同學以為做Banner是門技術活兒，自己學藝不精做不了。如果你看了今天這篇文，就會明白，技術于Banner，就像刀法于人，雖有招式，但無內功支撐，久戰必敗。而這篇好文，就是Banner的內功修煉心法，按6個步驟來，速成可待。
資深交互設計師 ：團隊小伙伴問到這個問題，發了一封郵件分享自己的思路，順便貼過來。
首先網頁首屏中的文字必須具備可讀性才行，所以你需要確認文字與背景之間的色彩搭配能讓用戶看得清楚。當你選擇一個暗色調的背景，那么你需要使用白色或者淺色的的文字，而當背景比較素雅的時候，文字可以使用深色，這就是我所說的強化對比。
當然，對比不僅限于色彩，文字同樣存在對比。文字與圖像相互配合，才能達到出人意表的效果。例如第一個案例，Packdog網站的設計，大圖作為背景，用色濃郁，文字則正好相反，輕薄而大小錯落。這些對比強烈的元素組合在一起令人印象深刻。
用心設計
相信做設計的同學對黃金螺旋線并不陌生，這是屬于純理論層面的知識，上面這張建筑圖片就是很明顯運用了這個理論
信息可視化包括了信息圖形、知識、科學、數據等的可視化表現形式，以及視覺可視化設計方面的進步與發展。地圖、表格、圖形，甚至包括文本在內，都是 信息的表現形式，無論它是動態的或是靜態的，都可以讓我們從中了解到我們想知道的內容，發現各式各樣的關系，達到最終解決問題的目的。信息可視化的意義就是在于運用形象化方式把不易被理解的抽象信息直觀地表現和傳達出來。
前方高能，鑒于譯者是處女座，所以感覺本文的原作者也是處女座，文章沒有高深的策劃理論，但是把平常我們覺得很簡單的表單 設計思路挖得很深很透徹，將小小的最平常的一個選項設計應該采用哪種方案一一列出，在理之余，也把用戶的一些思維模式放出來。很多時候感覺我們經常在思考 一些大的華麗的東西，卻不知道其實每一個小的設計其實都可以鉆研、都可以有不同的設計方案。與喜歡鉆研交互設計的朋友們共勉~~英語能力有限，歡迎吐槽指 正
藍藍設計的小編
一款基于HTML5 Canvas的折線圖表，這款HTML5折線圖表的特點有兩個，一個是圖表是有動畫效果的，即在圖表初始化的時候帶有動畫；第二個是這個HTML5折線圖表可以讓你動態添加數據節點，并且用折線平滑地連接，Canvas是這款折線圖的一個畫板。
這次我們要來看一款純CSS3實現的響應式分頁插件，對于分頁插件，之前我們也分享過一些，都是基于jQuery分頁插件。這款CSS3分頁插件可以完全自定義分頁條的樣式，包括鼠標滑過時的背景顏色、頁碼的數量以及前后翻頁的按鈕。
這是一款基于純CSS3的菜單導航，這款菜單非常有個性，菜單背景是一頁古老的筆記本紙張，菜單項像是浮動的文字一樣嵌入在紙張上。鼠標滑過菜單項時會出現不同的背景線條，顯得相當可愛。這款CSS3菜單導航非常適合在個人博客中使用。
chart.js是一款基于HTML5 Canvas的圖表插件，chart.js的功能非常強大，它不僅提供了常見的柱形圖、折線圖、餅狀圖，而且還提供了環形圖、雷達圖，樣式外觀多樣，圖表的色彩搭配也比較清新。chart.js還有一個特點就是圖表在初始化的時候有彈性動畫，這也是HTML5 Canvas的一大功勞。
藍藍設計的小編 http://www.ocunn.cn
相信做設計的同學對黃金螺旋線并不陌生，這是屬于純理論層面的知識，上面這張建筑圖片就是很明顯運用了這個理論
