設(shè)計(jì)正在通過(guò)各種平臺(tái)進(jìn)行移動(dòng)——設(shè)計(jì)師的移動(dòng)設(shè)計(jì)指南
來(lái)源:
泊頭市智通澤網(wǎng)絡(luò)科技有限公司
日期:2018-01-21 10:28:57
點(diǎn)擊:5754
屬于:網(wǎng)站建設(shè)
你是一個(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ì)。
標(biāo)簽:
本文來(lái)源:智通澤軟件,轉(zhuǎn)載請(qǐng)注明出處!如果需要營(yíng)銷型網(wǎng)站建設(shè)、微商城、小程序商城、多端小程序 請(qǐng)聯(lián)系我們!

掃一掃,加我微信
本文來(lái)源:智通澤軟件,轉(zhuǎn)載請(qǐng)注明出處!如果需要泊頭網(wǎng)站建設(shè) 泊頭小程序開發(fā) 泊頭微信開發(fā) 泊頭APP開發(fā)請(qǐng)聯(lián)系封經(jīng)理,我們將提供上門服務(wù)!
掃一掃,加我微信
聯(lián)系方式:手機(jī):13393374114 座機(jī):0317-8280288 QQ:958361464 或掃一掃下面二維碼加我微信:
