你是一個業(yè)余設(shè)計師還是一個設(shè)計*的學(xué)生?如果移動設(shè)計被指定為你的*次冒險，你已經(jīng)點擊了正確的帖子，因為我們將與你分享一些你需要記住的東西，同時為不同的平臺，特別是移動電話的設(shè)計進行調(diào)整。

 

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

 

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

 

風(fēng)格的原則

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

 

屏幕上的深度

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

 

顏色

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

 

排版

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

 

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

 

風(fēng)格的圖標

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

 

邊界

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

 

應(yīng)用程序圖標

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

 

品牌

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

 

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