用心設計
相信做設計的同學對黃金螺旋線并不陌生,這是屬于純理論層面的知識,上面這張建筑圖片就是很明顯運用了這個理論
信息可視化包括了信息圖形、知識、科學、數據等的可視化表現形式,以及視覺可視化設計方面的進步與發展。地圖、表格、圖形,甚至包括文本在內,都是 信息的表現形式,無論它是動態的或是靜態的,都可以讓我們從中了解到我們想知道的內容,發現各式各樣的關系,達到最終解決問題的目的。信息可視化的意義就是在于運用形象化方式把不易被理解的抽象信息直觀地表現和傳達出來。
前方高能,鑒于譯者是處女座,所以感覺本文的原作者也是處女座,文章沒有高深的策劃理論,但是把平常我們覺得很簡單的表單 設計思路挖得很深很透徹,將小小的最平常的一個選項設計應該采用哪種方案一一列出,在理之余,也把用戶的一些思維模式放出來。很多時候感覺我們經常在思考 一些大的華麗的東西,卻不知道其實每一個小的設計其實都可以鉆研、都可以有不同的設計方案。與喜歡鉆研交互設計的朋友們共勉~~英語能力有限,歡迎吐槽指 正
藍藍設計的小編
一款基于HTML5 Canvas的折線圖表,這款HTML5折線圖表的特點有兩個,一個是圖表是有動畫效果的,即在圖表初始化的時候帶有動畫;第二個是這個HTML5折線圖表可以讓你動態添加數據節點,并且用折線平滑地連接,Canvas是這款折線圖的一個畫板。
這次我們要來看一款純CSS3實現的響應式分頁插件,對于分頁插件,之前我們也分享過一些,都是基于jQuery分頁插件。這款CSS3分頁插件可以完全自定義分頁條的樣式,包括鼠標滑過時的背景顏色、頁碼的數量以及前后翻頁的按鈕。
這是一款基于純CSS3的菜單導航,這款菜單非常有個性,菜單背景是一頁古老的筆記本紙張,菜單項像是浮動的文字一樣嵌入在紙張上。鼠標滑過菜單項時會出現不同的背景線條,顯得相當可愛。這款CSS3菜單導航非常適合在個人博客中使用。
chart.js是一款基于HTML5 Canvas的圖表插件,chart.js的功能非常強大,它不僅提供了常見的柱形圖、折線圖、餅狀圖,而且還提供了環形圖、雷達圖,樣式外觀多樣,圖表的色彩搭配也比較清新。chart.js還有一個特點就是圖表在初始化的時候有彈性動畫,這也是HTML5 Canvas的一大功勞。
今天要分享的一款HTML5 Canvas圖表應用提供了折線圖和柱形圖兩種,這款HTML5圖表在初始化數據的時候有一種漸現的動畫,我們可以將這款圖表應用在統計頁面上。
這是一款帶有3D動畫的CSS3菜單,該菜單有以下幾個特點:首先是菜單時基于CSS3的,因此瀏覽器兼容性都還可以;其次這款菜單支持二級下拉菜單,功能上也基本能滿足大部分開發者;最后這款菜單最大的亮點在于展開下拉菜單時,子菜單可以旋轉的展開和收縮,給人3D的視覺效果。
藍藍設計的小編 http://ssll180.com