你是一個(gè)業(yè)余設(shè)計(jì)師還是一個(gè)設(shè)計(jì)*的學(xué)生?如果移動(dòng)設(shè)計(jì)被指定為你的*次冒險(xiǎn)，你已經(jīng)點(diǎn)擊了正確的帖子，因?yàn)槲覀儗⑴c你分享一些你需要記住的東西，同時(shí)為不同的平臺(tái)，特別是移動(dòng)電話的設(shè)計(jì)進(jìn)行調(diào)整。

 

你還記得你的手機(jī)在2009年的應(yīng)用嗎?他們有漸變的按鈕，傾斜的圖標(biāo)和背景的紋理。Android智能手機(jī)有著鮮明的字體和黑色背景。在設(shè)計(jì)方面有一點(diǎn)知識(shí)的人將能夠在2009年和2017年發(fā)現(xiàn)移動(dòng)應(yīng)用程序設(shè)計(jì)的區(qū)別?，F(xiàn)在的移動(dòng)界面是用戶友好和清晰的，一個(gè)簡(jiǎn)單的設(shè)計(jì)方法使得所有的移動(dòng)平臺(tái)看起來(lái)都很相似。

 

設(shè)計(jì)師們也在為手機(jī)設(shè)計(jì)案例，這一趨勢(shì)是用智能手機(jī)保護(hù)你的手機(jī)。移動(dòng)案例設(shè)計(jì)是設(shè)計(jì)師需要注意的另一個(gè)領(lǐng)域，特別是如果你想把自己作為一個(gè)設(shè)計(jì)師的自我發(fā)展。

 

風(fēng)格的原則

谷歌的材料設(shè)計(jì)更多的關(guān)注于個(gè)性化和流暢的界面，而iOS一直注重于直觀和清晰的用戶界面。這里有一些你應(yīng)該注意的風(fēng)格特征。

 

屏幕上的深度

在使用應(yīng)用程序時(shí)，有一種清晰的深度感是至關(guān)重要的。用戶必須專注于屏幕上的元素，比如輸入字段、按鈕和導(dǎo)航條，這些都是完成工作的關(guān)鍵。谷歌材料設(shè)計(jì)利用了不同的陰影風(fēng)格的UI層。陰影值依賴于z軸，這描述了UI元素的生命力。iOS的設(shè)計(jì)利用了背景模糊、漸變、色彩疊加等半透明性來(lái)獲得類似的層次結(jié)構(gòu)。

 

顏色

材料設(shè)計(jì)調(diào)色板與CMYK模型密切相關(guān)，而不是RGB。新的顏色設(shè)計(jì)模式取決于主色調(diào)的淺顏色和深色調(diào)。基本的顏色是使用用戶體驗(yàn)口音，如項(xiàng)目標(biāo)題，動(dòng)作，圖標(biāo)和更多。在抽屜、標(biāo)簽欄和其他不同的導(dǎo)航元素中也使用了類似的顏色。另一方面，iOS平臺(tái)是充滿活力和簡(jiǎn)單的。有一些常見的用戶元素，如酒吧、列表項(xiàng)、背景和其他功能，大多數(shù)都是白色或黑色，灰色的，而圖標(biāo)、鏈接和其他按鈕的顏色更明亮。

 

排版

Android和iOS之間的排版有明顯的差別。在顯示和字體大小上有強(qiáng)烈的對(duì)比，文本的主體使內(nèi)容在iOS和Android平臺(tái)上顯得更加有趣和生動(dòng)。在任何Android屏幕上，這種對(duì)比度都是通過(guò)薄的字體和更大的尺寸來(lái)獲得的。如果你考慮到ios11，那么這個(gè)對(duì)比將會(huì)在權(quán)重層次結(jié)構(gòu)中被看到，它的標(biāo)題和標(biāo)題都是加粗的。

 

還有一點(diǎn)需要注意的是，Android中的標(biāo)題和文本在屏幕上是左對(duì)齊的，特別是在導(dǎo)航元素相關(guān)的時(shí)候。在設(shè)計(jì)iOS時(shí)，設(shè)計(jì)師應(yīng)該把小標(biāo)題和動(dòng)作按鈕放在中間。字幕、標(biāo)題和正文應(yīng)該是左對(duì)齊的。

 

風(fēng)格的圖標(biāo)

谷歌材料設(shè)計(jì)鼓勵(lì)設(shè)計(jì)師使用平面圖標(biāo)，iOS設(shè)計(jì)更喜歡1px或2px的線條圖標(biāo)。這是設(shè)計(jì)師在調(diào)整移動(dòng)平臺(tái)應(yīng)用時(shí)應(yīng)該考慮的*重要的風(fēng)格細(xì)節(jié)之一。如果你的圖標(biāo)有明確的風(fēng)格，那就沒(méi)有你必須遵循的嚴(yán)格的規(guī)則。如果你看一下ios11中全新的鎖屏，你就會(huì)開始相信設(shè)計(jì)師們正在逐漸遠(yuǎn)離輪廓圖標(biāo)背后的*規(guī)則。

 

邊界

在高分辨率的安卓設(shè)備上，一個(gè)像素的邊框看起來(lái)很不錯(cuò)，但同時(shí)你也不應(yīng)該忘記Android的設(shè)計(jì)應(yīng)該對(duì)屏幕的大部分密度有影響。在這種情況下，開發(fā)人員需要重新考慮設(shè)計(jì)的元素，并在應(yīng)用程序的編碼中考慮各種情況。

 

應(yīng)用程序圖標(biāo)

Android的新圖標(biāo)是自適應(yīng)的，這意味著它們的設(shè)計(jì)方式是通過(guò)不同的設(shè)備平臺(tái)來(lái)滿足不同的面具形狀。然而，iOS應(yīng)用程序的圖標(biāo)被限制在同一個(gè)圓形矩形上。

 

品牌

在材料設(shè)計(jì)中，品牌色彩和色調(diào)的運(yùn)用更為突出。另一方面，iOS的指導(dǎo)方針暗示了一種微妙的品牌推廣方法。在iOS中，品牌標(biāo)識(shí)只能在顯示、圖標(biāo)、鏈接和按鈕等UI元素中看到。

 

因此，如果你是一名設(shè)計(jì)師，所有的設(shè)計(jì)都是在移動(dòng)設(shè)備上開始你的設(shè)計(jì)，請(qǐng)記住上面提到的因素，以保持優(yōu)勢(shì)。