為一本簡易的UI模式參考書，《移動應(yīng)用UI設(shè)計模式》非常適合移動應(yīng)用開發(fā)人員、UI設(shè)計師閱讀，還沒買的同學們可以看看這本書關(guān)于移動UI設(shè)計中導航模式的經(jīng)驗分享。

正如精良的設(shè)計一樣，優(yōu)秀的導航也大象無形。不管是瀏覽好友信息，還是租賃汽車，完美的導航界面設(shè)計能讓用戶根據(jù)直覺使用應(yīng)用程序，也能讓用戶非常容易地完成 所有任務(wù)。一款應(yīng)用的導航可以被設(shè)計成各種樣式，但藍藍設(shè)計想著重介紹６種主要的導航模式，也就是主菜單的導航模式。

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

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

Themes Kingdom

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

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

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

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

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

1.  JS Charts

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

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

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

案例合輯 

Manaz Productions

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

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

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

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

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

首先，補充個小知識：

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

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

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

在常見的兩種字體風格中，襯線體的筆劃感太”過”，不是特別的商業(yè)。隨著瑞士設(shè)計風格的大力推廣，無襯線字體變得愈發(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ù)拇郑珹rial 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找到
——以上來自百度百科

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

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

iPhone 5s

作為一名設(shè)計師，每年都會沉浸在一些新的界面設(shè)計趨勢中興奮不已。接下來，我們將探尋2013年的設(shè)計趨勢，這絕對是意義非凡的事情。Web設(shè)計師必須洞悉所有相關(guān)領(lǐng)域的新趨勢，緊跟時尚潮流。

這些新趨勢讓設(shè)計變得妙趣橫生。但是很多專家還會倡導那些并非最時髦、最震撼世界的設(shè)計。當然，響應(yīng)式設(shè)計不僅去年是熱點，今年依然還會被人們重視。同樣，柵格化設(shè)計作為最基本的設(shè)計，也會被繼續(xù)延續(xù)下去。

這次，藍藍設(shè)計想探索一下那些逐漸發(fā)展起來的設(shè)計潮流。也許過去我們只是偶爾嘗試一下這些設(shè)計風格，但是今年我們會真正關(guān)注它們。

更多留白/負空間

現(xiàn)在全屏背景的網(wǎng)站界面設(shè)計非常流行，如果有同學想要做類似的網(wǎng)站設(shè)計，那圖片與文字就很關(guān)鍵咯，特別是圖片上的文字，從字體選擇到配色、排版都需要同學們好好斟酌。
今天藍藍設(shè)計帶來10個小技巧，同學們閱讀完可以小試牛刀，說不定加上文字就成了點睛之筆，學起來吧！

你必須首先要有合適的圖片，好的排版，知道如何充分利用現(xiàn)有資源整合出最佳效果。如果你覺得你已經(jīng)做好接受挑戰(zhàn)的準備了，那么下面的10個小貼士對你會很有幫助的：

1、添加對比

Pack

當你在計劃設(shè)計一個網(wǎng)頁設(shè)計的時候，不一定要完全依賴電子設(shè)備。學會如何手繪可以幫助提高網(wǎng)頁設(shè)計的效率，給你更多的靈感。
ui設(shè)計學院里都會給學生們教授很多基礎(chǔ)課程。毫無疑問，很多大型機構(gòu)或者創(chuàng)業(yè)公司都在使用返璞歸真的方法來進行界面設(shè)計創(chuàng)作。無論你是長期涂鴉的骨灰級高手，還是剛剛起步的素描小菜鳥，能夠使用紙張與畫筆來進行創(chuàng)作是非常重要的設(shè)計技能。不用擔心。模仿鉛筆功能的一些工具也不是蓋的。在這個以設(shè)備為主打的時代，還是很大的空間來進行簡單又能被認可的設(shè)計創(chuàng)作。
實際上，我常常聽到很多人埋怨設(shè)計師們浪費太多時間與成本在使用PS制作精致的方案草圖。手繪則具備更大的靈活性，它可以幫助你在縮減成本的同時發(fā)展更具原創(chuàng)性的方案草圖。

無論你是在一個大公司工作，或是一位自由職業(yè)設(shè)計師，通過手繪草圖來與顧客交流都是必不可少的。

為什么要繪制草圖？

手繪草圖相對數(shù)字線框圖或者電子繪畫更有優(yōu)勢。它方便攜帶，簡單易懂，更具創(chuàng)造力，屢試不爽。沒有什么比使用筆和紙更簡單直接的表達方式了。
我發(fā)現(xiàn)，客戶更喜歡在獲得信息的同時能夠提出建議和進行更改。使用電子設(shè)備制作出來的圖紙看起來接近成品，這樣會讓客戶失去建議和修改的欲望。手繪草圖則非常隨意，你可以隨意修改。