藍(lán)藍(lán)設(shè)計(jì)( m.0391cbd.com )是一家專(zhuān)注而深入的界面設(shè)計(jì)公司，為期望卓越的國(guó)內(nèi)外企業(yè)提供有效的UI界面設(shè)計(jì)、BS界面設(shè)計(jì) 、 cs界面設(shè)計(jì) 、 ipad界面設(shè)計(jì) 、 包裝設(shè)計(jì) 、 圖標(biāo)定制 、 用戶(hù)體驗(yàn) 、交互設(shè)計(jì)、 網(wǎng)站建設(shè) 、平面設(shè)計(jì)服務(wù)

每一個(gè)扁平化界面設(shè)計(jì)，都是我們的心靈碰撞致力于最棒的 metro ui 設(shè)計(jì)

來(lái)源：莫貝網(wǎng)

 如果您想訂閱本博客內(nèi)容，每天自動(dòng)發(fā)到您的郵箱中，請(qǐng)點(diǎn)這里

雖然目前Apple Watch的銷(xiāo)量趨于平穩(wěn)，但是從大趨勢(shì)上來(lái)看，它依然是年度最熱的產(chǎn)品之一。隨著9月的臨近，新一代的Apple Watch 已經(jīng)不遠(yuǎn)了。熱門(mén)移動(dòng)端應(yīng)用的Apple Watch 版先后推出，促使越來(lái)越多的設(shè)計(jì)師開(kāi)始為Apple Watch APP 制作概念設(shè)計(jì)稿以及相應(yīng)的設(shè)計(jì)素材。

在過(guò)去的一年多時(shí)間里面，Behance 和 Dribbble 上開(kāi)始出現(xiàn)大量的Apple Watch 應(yīng)用設(shè)計(jì)稿，這些復(fù)雜而具有開(kāi)拓性的UI設(shè)計(jì)稿擁有著難以置信的外觀(guān)和令人難忘的奇思妙想。如果你對(duì)于Apple Watch同樣保持熱忱的話(huà)，不妨看看下面的設(shè)計(jì)素材，這些模板、線(xiàn)框圖和原型可以讓你快速開(kāi)始新一輪的產(chǎn)品設(shè)計(jì)。

WATCH APPS CONCEPT

WATCH APPS CONCEPT GUI 2.0 這套UIKit絕對(duì)是精品，內(nèi)置超過(guò)40個(gè)可以自定義的界面，并充分考慮到38mm和42mm兩種屏幕尺寸，滿(mǎn)足不同需求。

Apple Watch UI Assets for Sketch 3

這套UIKit 也是為Sketch 3而準(zhǔn)備的，和往常一樣，其中包含了符合蘋(píng)果設(shè)備尺寸的全套界面。

Apple Watch UI Kit

這套UIKit 為你提供了時(shí)尚微妙的線(xiàn)框圖界面，從基本的按鈕到流程圖都充分融入了扁平化的風(fēng)格，給人精致典雅的感覺(jué)。

Apple Watch GUI PSD by impekable

如果你是Photoshop的重度用戶(hù)，那么這套UIKit絕對(duì)不能錯(cuò)過(guò)，這套素材包含了足夠?qū)I(yè)的元素，以及相應(yīng)的界面。UIKit 簡(jiǎn)化了Apple Watch的原型，便于用戶(hù)為之進(jìn)行定制。

Uber Watch + Freebie

Edwin Delgado 成功地設(shè)計(jì)出一套截然不同的Uber的界面，這套免費(fèi)的Apple Watch 版 Uber APP 設(shè)計(jì)稿包含了十幾個(gè)不同的界面。設(shè)計(jì)師為我們提供了扁平化和擬物化兩個(gè)不同的版本。

Apple Watch GUI Sketch Template

這套 Apple Watch 的UI模板同樣是為Sketch 而設(shè)計(jì)的，界面尺寸是基于42mm版的Apple Watch來(lái)設(shè)計(jì)的。需要注意的是，Sketch 的版本必須不低于 3.2的版本，并且需要單獨(dú)安裝蘋(píng)果的“舊金山”字體。

Apple iWatch Concept Design

Amit Rai 通過(guò)這個(gè)概念設(shè)計(jì)證明Apple Watch 的小屏幕同樣可以展示生動(dòng)多樣的內(nèi)容。其中內(nèi)置的5套模板分層，你可以借此定制屬于你的界面。

Apple Watch UI kit

Johnny Ansari 在這套UIKit 中放置了6個(gè)設(shè)計(jì)精妙的界面，這些界面中包含了最基本的各種元素，從簡(jiǎn)單的按鈕到多彩的圖表，不一而足。

Apple Watch Wireframe by Sophinie Som

這套免費(fèi)的線(xiàn)框圖設(shè)計(jì)清爽，其中的元素均是矢量的。整個(gè)界面框架以一種極為吸引人的方式被搭建出來(lái)，從交互邏輯到設(shè)計(jì)細(xì)節(jié)都符合蘋(píng)果官方的要求。

ios8 App Icon Template

這套APP 圖標(biāo)設(shè)計(jì)模板原本是為所有基于iOS8系統(tǒng)的設(shè)備而定制的，iPhone、iPad都包含其中，當(dāng)然，還有Apple Watch。

Apple Watch Paper Wireframes

Thomas Mirnig 打算為設(shè)計(jì)師提供一套可靠的工具，讓原型設(shè)計(jì)更方便。這套線(xiàn)框圖中包含了Apple Watch的兩個(gè)不同尺寸的界面。

Watch Doodlers by Jed Bridges

和前面的很多素材一樣，這些涂鴉風(fēng)格的模板基本都是為了畫(huà)原型而存在的，突出功能和基本需求，同時(shí)方便印刷成為紙質(zhì)的手繪創(chuàng)作，這也算是自由多樣的玩法吧。

Apple Watch Icons For Xcode – Sketch Template by Perjan Duro

當(dāng)你需要將Apple Watch 的圖標(biāo)導(dǎo)出至Xcode的時(shí)候，沒(méi)有什么比這套圖標(biāo)更可靠更易用的了。它們完美兼容不同尺寸的屏幕，而且?guī)湍憬鉀Q了導(dǎo)入過(guò)程中的各種問(wèn)題。

Apple Watch Icon Sizes for Sketch by Danny Giebe

這也是一套Sketch模板，包含了各種不同尺寸的圖標(biāo)，借助這套模板你再也不用擔(dān)心為不同的類(lèi)型的通知而糾結(jié)。

結(jié)語(yǔ)

在Apple Watch 這塊小小的屏幕上，設(shè)計(jì)圖標(biāo)和界面并不簡(jiǎn)單，這些設(shè)計(jì)素材和工具的存在，幫設(shè)計(jì)師填補(bǔ)了設(shè)計(jì)各個(gè)環(huán)節(jié)上可能存在的漏洞，解決了界面上不同組件的統(tǒng)一性的問(wèn)題。當(dāng)然，如果你想做一些不太一樣的東西，還是讀讀官方文檔，然后找個(gè)安靜的角落開(kāi)腦洞吧。