圖表是數(shù)據(jù)圖形化的表示，通過形象的圖表來展示數(shù)據(jù)，比如條形圖，折線圖，餅圖等等?？梢暬瘓D表可以幫助開發(fā)者更容易理解復雜的數(shù)據(jù)，提高生產(chǎn)的效率和Web應用和項目的可靠性。

在這篇文章中，藍藍設計收集了值得網(wǎng)站設計開發(fā)者收藏的JavaScript圖形圖表庫，適合各種圖表需求。其中大部分都是免費而且開源的，希望大家能在下面的列表中找到適合自己需求的JavaScript圖表和圖形庫。

1.  JS Charts

在網(wǎng)頁設計中使用更多的視頻，被認為是2014年的一大設計趨勢。當然有一些人會堅持大量使用文本/內(nèi)容，他們認為內(nèi)容是網(wǎng)站的根基，其他人則認為需要打破傳統(tǒng)，因為訪客的好奇心是不會滿足于單一的內(nèi)容鋪陳的，需要為訪客的好奇心制造驚喜。

無論如何，視頻增多文本減少的網(wǎng)站的界面設計在過去的幾個月里層出不窮。這樣的解決方案有其優(yōu)缺點，但是至少它引爆了人們的激情。只有時間能證明一切。

藍藍設計這里收集了一些新的網(wǎng)頁設計的例子，它們帶來了更多的視覺沖擊，感受下。

案例合輯 

Manaz Productions

該網(wǎng)站毫不猶豫地提供了大量視頻而故意削弱了文本量，其實并不奇怪，因為這個公司就是視頻制作商，著陸頁凸顯自己視頻制作技巧是很有必要的。

俗話說，人靠衣裝、佛靠金裝；再有俗話說，三分靠長相、七分靠打扮。

服裝對于人類來說，不僅僅只是遮羞布，更多的是扮演著一種襯托的角色。尤其是對于愛美的女性來說，淑女系的服裝襯出女性婉約的氣質(zhì)，職場系的服裝襯出女性干練的性格，緊身服裝刻畫出女性誘惑迷人的身段，而柔美的婚紗更是女性生命中最重要時刻的陪伴者……

女裝網(wǎng)站界面設計的特點是：大圖展現(xiàn)服裝細節(jié)，黑白底色突顯服裝或是讓服裝溶入到迷幻色彩中。那么請朋友們一起和藍藍設計欣賞這10個精美女裝網(wǎng)站設計欣賞

更多服裝網(wǎng)站設計欣賞：http://sillybuy.com/

So Sassi

與女裝網(wǎng)站界面設計一樣，箱包類網(wǎng)站設計也存在許多的類別，拖箱、手提袋、環(huán)保袋，電子產(chǎn)品的皮套等。當然箱包類的網(wǎng)站與女裝網(wǎng)站的界面設計風格也會相似，產(chǎn)品大圖配以細節(jié)部位的特寫，用質(zhì)感的照片來詮釋產(chǎn)品的美學。值得注意的是，與女裝網(wǎng)站不同的地方在于，箱包類網(wǎng)站不再那么需要一個形象氣質(zhì)皆佳的模特來呈現(xiàn)產(chǎn)品。那么請朋友們一起和藍藍設計欣賞：10個箱包類網(wǎng)站設計吧！

更多箱包類網(wǎng)站設計欣賞：http://sillybuy.com/

Discover Bagigia

蘋果的新iOS我們已經(jīng)上手好幾周了，準備好為它而設計嗎？

如果你已經(jīng)有一個運行于此平臺的App設計，你可能打算為新iOS而設計，或者在舊版上做一些必要調(diào)整，不論哪種，你都希望為新界面而界面設計，確保你的App與用戶在蘋果設備上的體驗相吻合。
那么如何做到這點？

扁平，更加扁平

關于英文字體，對我們網(wǎng)頁設計師朋友們來說一定并不陌生，即使我們很少做英文語系的網(wǎng)站，但在瀏覽國外

網(wǎng)站設計的時候，大家一定都會有或多或少的認識。其實不單單是在網(wǎng)頁界面設計中，很多移動操作系統(tǒng)和瀏覽器中都廣泛使用了今天藍藍設計即將介紹的這些字體。

想必大家也都能猜出來像 Arial、Helvetica 這種大名鼎鼎的字體肯定在里面了，那么還有什么呢？一起來詳細了解一下吧！

相關推薦：
《平面排版時，教你突出中文美感的幾種方法第二集（基礎篇）》
《那些年，我們一起追過的字體》
《快速上手！制作ICON FONT》

首先，補充個小知識：

1.網(wǎng)頁設計中的英文字體，一般有以下五類：

serif（襯線）
sans-serif（無襯線）
monospace（等寬）
fantasy（夢幻）
cuisive（花體）

網(wǎng)頁設計中最常見的無襯線字體

在常見的兩種字體風格中，襯線體的筆劃感太”過”，不是特別的商業(yè)。隨著瑞士設計風格的大力推廣，無襯線字體變得愈發(fā)流行起來。

建議: 個人認為 Tahoma 以及 Verdana 字符編碼效果最好 ，適用于多種環(huán)境

Arial

字體族科：Arial, “Helvetica Neue”, Helvetica

變體:

Arial：有時稱為Arial Regular以便與Arial Narrow區(qū)別，其包括Arial、Arial Italic（斜體）、Arial Bold（粗體）、Arial Bold Italic（粗斜體）和Arial Unicode MS
Arial Black：此字體的特色在于其筆畫相當?shù)拇?，包含Arial Black、Arial Black Italic（斜體）
Arial Narrow：為Arial的細瘦版本，包含Arial Narrow Regular、Arial Narrow Bold（粗體）、Arial Narrow Italic（斜體）和Arial Narrow Bold Italic（粗斜體）
Arial Rounded：包含Arial Rounded Bold（粗體），此字體可在微軟韓文字體Gulim找到
——以上來自百度百科

半年多時間過去了，iOS吹起了轟轟烈烈的扁平化界面設計風格，而做為承載App宣傳重任的網(wǎng)頁設計，整體ui設計風格的變遷如何？是否也如iOS的設計風格改革一樣徹底的翻轉(zhuǎn)？還是如往常一直深耕成熟的設計風格？那么和藍藍設計一起欣賞精美IOS APP網(wǎng)站設計吧！

Clique

開關，顧名思義，控制開和關，在界面設計中是一種加速器。在今日的UI設計中，無論是網(wǎng)頁設計還是手持設備界面設計，越來越多應用到這種元素。酷炫的開關能給設計增色不少。而且在具備美觀的同時，也兼具功能性?？墒沁z憾的是設計開關是個比較麻煩的任務，所以藍藍設計今天推薦20款不同風格的開關，供大家參考學習。

藍藍設計無意中發(fā)現(xiàn)這些原型素材，小小地顫抖了一下，感謝網(wǎng)友的無私分享，如果你的作品需要包裝并在iPhone上展示，來這兒挑個夠吧！

無論哪種角度、哪款樣式，都可以在這原型素材中找到，收藏下來，今后就不用到處找咯。

iPhone 5s

很多絢麗耀眼的帶有插圖的網(wǎng)站界面設計在現(xiàn)在看來并不是很給力，算不得好的網(wǎng)站設計作品。為什么呢？因為那些顏色和插畫在頁面里融入后，有些格格不入，或者不倫不類。而今天藍藍設計在下面推薦給您的這些案例中，我們將給大家展示一些設計天才的作品，看看他們是如何將各種絢麗的顏色和諧的搭配在一起。這些網(wǎng)站設計加強了網(wǎng)頁主題的感官性，無與倫比的設計給人以正能量和沁人心脾的快感！Enjoy！

Mailboxing