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

 

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

 

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

 

風格的原則

谷歌的材料設計更多的關注于個性化和流暢的界面，而iOS一直注重于直觀和清晰的用戶界面。這里有一些你應該注意的風格特征。

 

屏幕上的深度

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

 

顏色

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

 

排版

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

 

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

 

風格的圖標

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

 

邊界

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

 

應用程序圖標

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

 

品牌

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

 

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

 

 

掃一掃，加我微信