圖表是數(shù)據(jù)圖形化的表示，通過(guò)形象的圖表來(lái)展示數(shù)據(jù)，比如條形圖，折線圖，餅圖等等。可視化圖表可以幫助開(kāi)發(fā)者更容易理解復(fù)雜的數(shù)據(jù)，提高生產(chǎn)的效率和Web應(yīng)用和項(xiàng)目的可靠性。

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

1.  JS Charts

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

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

藍(lán)藍(lán)設(shè)計(jì)這里收集了一些新的網(wǎng)頁(yè)設(shè)計(jì)的例子，它們帶來(lái)了更多的視覺(jué)沖擊，感受下。

案例合輯 

Manaz Productions

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

俗話說(shuō)，人靠衣裝、佛靠金裝；再有俗話說(shuō)，三分靠長(zhǎng)相、七分靠打扮。

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

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

更多服裝網(wǎng)站設(shè)計(jì)欣賞：http://m.dzxscac.cn/

So Sassi

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

更多箱包類網(wǎng)站設(shè)計(jì)欣賞：http://m.dzxscac.cn/

Discover Bagigia

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

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

扁平，更加扁平

關(guān)于英文字體，對(duì)我們網(wǎng)頁(yè)設(shè)計(jì)師朋友們來(lái)說(shuō)一定并不陌生，即使我們很少做英文語(yǔ)系的網(wǎng)站，但在瀏覽國(guó)外

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

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

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

首先，補(bǔ)充個(gè)小知識(shí)：

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

serif（襯線）
sans-serif（無(wú)襯線）
monospace（等寬）
fantasy（夢(mèng)幻）
cuisive（花體）

網(wǎng)頁(yè)設(shè)計(jì)中最常見(jiàn)的無(wú)襯線字體

在常見(jiàn)的兩種字體風(fēng)格中，襯線體的筆劃感太”過(guò)”，不是特別的商業(yè)。隨著瑞士設(shè)計(jì)風(fēng)格的大力推廣，無(wú)襯線字體變得愈發(fā)流行起來(lái)。

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

Arial

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

變體:

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

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

Clique

開(kāi)關(guān)，顧名思義，控制開(kāi)和關(guān)，在界面設(shè)計(jì)中是一種加速器。在今日的UI設(shè)計(jì)中，無(wú)論是網(wǎng)頁(yè)設(shè)計(jì)還是手持設(shè)備界面設(shè)計(jì)，越來(lái)越多應(yīng)用到這種元素。酷炫的開(kāi)關(guān)能給設(shè)計(jì)增色不少。而且在具備美觀的同時(shí)，也兼具功能性。可是遺憾的是設(shè)計(jì)開(kāi)關(guān)是個(gè)比較麻煩的任務(wù)，所以藍(lán)藍(lán)設(shè)計(jì)今天推薦20款不同風(fēng)格的開(kāi)關(guān)，供大家參考學(xué)習(xí)。

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

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

iPhone 5s

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

Mailboxing