設計正在通過各種平臺進行移動——設計師的移動設計指南
來源:
泊頭市智通澤網絡科技有限公司
日期:2018-01-21 10:28:57
點擊:5675
屬于:網站建設
你是一個業余設計師還是一個設計*的學生?如果移動設計被指定為你的*次冒險,你已經點擊了正確的帖子,因為我們將與你分享一些你需要記住的東西,同時為不同的平臺,特別是移動電話的設計進行調整。
你還記得你的手機在2009年的應用嗎?他們有漸變的按鈕,傾斜的圖標和背景的紋理。Android智能手機有著鮮明的字體和黑色背景。在設計方面有一點知識的人將能夠在2009年和2017年發現移動應用程序設計的區別?,F在的移動界面是用戶友好和清晰的,一個簡單的設計方法使得所有的移動平臺看起來都很相似。
設計師們也在為手機設計案例,這一趨勢是用智能手機保護你的手機。移動案例設計是設計師需要注意的另一個領域,特別是如果你想把自己作為一個設計師的自我發展。
風格的原則
谷歌的材料設計更多的關注于個性化和流暢的界面,而iOS一直注重于直觀和清晰的用戶界面。這里有一些你應該注意的風格特征。
屏幕上的深度
在使用應用程序時,有一種清晰的深度感是至關重要的。用戶必須專注于屏幕上的元素,比如輸入字段、按鈕和導航條,這些都是完成工作的關鍵。谷歌材料設計利用了不同的陰影風格的UI層。陰影值依賴于z軸,這描述了UI元素的生命力。iOS的設計利用了背景模糊、漸變、色彩疊加等半透明性來獲得類似的層次結構。
顏色
材料設計調色板與CMYK模型密切相關,而不是RGB。新的顏色設計模式取決于主色調的淺顏色和深色調。基本的顏色是使用用戶體驗口音,如項目標題,動作,圖標和更多。在抽屜、標簽欄和其他不同的導航元素中也使用了類似的顏色。另一方面,iOS平臺是充滿活力和簡單的。有一些常見的用戶元素,如酒吧、列表項、背景和其他功能,大多數都是白色或黑色,灰色的,而圖標、鏈接和其他按鈕的顏色更明亮。
排版
Android和iOS之間的排版有明顯的差別。在顯示和字體大小上有強烈的對比,文本的主體使內容在iOS和Android平臺上顯得更加有趣和生動。在任何Android屏幕上,這種對比度都是通過薄的字體和更大的尺寸來獲得的。如果你考慮到ios11,那么這個對比將會在權重層次結構中被看到,它的標題和標題都是加粗的。
還有一點需要注意的是,Android中的標題和文本在屏幕上是左對齊的,特別是在導航元素相關的時候。在設計iOS時,設計師應該把小標題和動作按鈕放在中間。字幕、標題和正文應該是左對齊的。
風格的圖標
谷歌材料設計鼓勵設計師使用平面圖標,iOS設計更喜歡1px或2px的線條圖標。這是設計師在調整移動平臺應用時應該考慮的*重要的風格細節之一。如果你的圖標有明確的風格,那就沒有你必須遵循的嚴格的規則。如果你看一下ios11中全新的鎖屏,你就會開始相信設計師們正在逐漸遠離輪廓圖標背后的*規則。
邊界
在高分辨率的安卓設備上,一個像素的邊框看起來很不錯,但同時你也不應該忘記Android的設計應該對屏幕的大部分密度有影響。在這種情況下,開發人員需要重新考慮設計的元素,并在應用程序的編碼中考慮各種情況。
應用程序圖標
Android的新圖標是自適應的,這意味著它們的設計方式是通過不同的設備平臺來滿足不同的面具形狀。然而,iOS應用程序的圖標被限制在同一個圓形矩形上。
品牌
在材料設計中,品牌色彩和色調的運用更為突出。另一方面,iOS的指導方針暗示了一種微妙的品牌推廣方法。在iOS中,品牌標識只能在顯示、圖標、鏈接和按鈕等UI元素中看到。
因此,如果你是一名設計師,所有的設計都是在移動設備上開始你的設計,請記住上面提到的因素,以保持優勢。
標簽:
本文來源:智通澤軟件,轉載請注明出處!如果需要泊頭網站建設 泊頭小程序開發 泊頭微信開發 泊頭APP開發請聯系封經理,我們將提供上門服務!聯系方式:手機:13393374114 座機:0317-8280288 QQ:958361464 或掃一掃下面二維碼加我微信:

上一文章:如何設計更好的首頁?
下一文章:引人注目的視覺效果對客戶的影響