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

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

扁平，更加扁平

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

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

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

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

首先，補(bǔ)充個小知識：

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

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

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

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

建議: 個人認(rèn)為 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：此字體的特色在于其筆畫相當(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找到
——以上來自百度百科

半年多時間過去了，iOS吹起了轟轟烈烈的扁平化界面設(shè)計(jì)風(fēng)格，而做為承載App宣傳重任的網(wǎng)頁設(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

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

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

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

iPhone 5s

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

Mailboxing

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

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

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

更多留白/負(fù)空間

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

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

1、添加對比

Pack

作品以單頁形式界面設(shè)計(jì)是現(xiàn)今的流行趨勢。單頁，但是功能卻不單一，你根本無法想象單單一個頁面可以延伸出無限種可能，ui設(shè)計(jì)師非常熱衷于進(jìn)行單頁網(wǎng)頁設(shè)計(jì)實(shí)驗(yàn)，然后觀察用戶如何于該頁面交互。
好的單頁網(wǎng)頁設(shè)計(jì)僅需簡單的滾動幾下就能找到所需信息，而且設(shè)計(jì)思路縝密，能夠和大部分瀏覽器兼容。

Hoborg

今天藍(lán)藍(lán)設(shè)計(jì)給朋友們介紹一組的手繪網(wǎng)站界面設(shè)計(jì)。運(yùn)用插畫風(fēng)格的現(xiàn)代網(wǎng)站設(shè)計(jì)再加上趣味橫生的交互方式，是否有耳目一新的感覺呢？

Abby Putinski