最近幾年，網(wǎng)頁設計發(fā)生了翻天覆地的變化，現(xiàn)代設計的趨勢從擬物化逐漸向扁平化轉移，所以從最近瀏覽的網(wǎng)頁中我們可以發(fā)現(xiàn)，網(wǎng)站里的字體變多了，變大了，網(wǎng)頁都是以內(nèi)容為主，最重要的是，網(wǎng)頁登陸速度迅速了許多。

而這一切的改變給用戶帶來了清新、整潔、干凈的體驗。今天藍藍設計為大家整理了一些以清新、干凈為主題的網(wǎng)站界面設計，它們都用自己的方式詮釋了對扁平化的理解，趕緊來看看吧~

Themes Kingdom

表單的界面設計是由許多細小的元素所組合而成的集合體，標題和輸入框的排列方式有著重要的地位，標題要放在輸入框的左側還是上面？要靠左還是靠右？要怎么排列才能提高表單的完成率呢？藍藍設計表單元素ui設計大揭密!

標題和輸入框常見的排列方式

1. 放在輸入框左邊，而且靠左對齊

又是一個愉悅的周一。今天我們來聊聊“聯(lián)系我們”的頁面設計。它可是網(wǎng)頁設計中的最佳男配角了。雖然說通常只有一個頁面。但是他在老板的眼里，那可是最有份量的。他經(jīng)常出現(xiàn)在個人網(wǎng)站、企業(yè)網(wǎng)站、工作室網(wǎng)站設計中。但凡該網(wǎng)站提供服務，就必須要有一個聯(lián)系方式。今天藍藍設計收集了比較有創(chuàng)意的網(wǎng)站頁面的界面設計，有不同形式的分類和主張，希望您能喜歡。

Josies Bathrooms

平時網(wǎng)站設計、界面設計、ui設計等，想找高清大圖或?qū)W的教程都可以上設計師網(wǎng)址導航獲取，非常方便，今天藍藍設計為同學們補充一組超贊的矢量素材下載站，有了它們，從此就可以輕而易舉地找到免費的高品質(zhì)矢量素材咯，相信能為u設計師們省出不少的時間。

01. Freepik

圖表是數(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://363858.cn/

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://363858.cn/

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找到
——以上來自百度百科