歡迎來(lái)到(dào)深圳市博易美科技有限公司網站(zhàn)Ωα！
您當前的(de)位置:深圳APP開(kāi)發 > 新聞資訊 > APP開(kāi)發資訊 >
人(rén)
已閱讀(dú)

談一(yī)談深圳APP開(kāi)發設σ≥★≈計(jì)的(de)新趨勢

來(lái)源：lexintech.com   ©¥§ε    發布時(shí)間(jiān)：2017-08-2×↕'"0
　　APP産品設計(jì)是(shì)APP開(kāi)發中最重要(yà ™o)的(de)部分(fēn)，深圳APP開(kāi)發公司【樂(yuè)信科(kē)技(jì)】長✔₩★♥(cháng)期以來(lái)對(duì)每個(gè)∞δ項目都(dōu)非常注重産品的(de)設計(jì)，下(xià)面，樂(yuè)信小(xiǎo)編就(jiù)跟大(dà)家(jiā)聊€‍α一(yī)聊深圳APP開(kāi)發的(dΩ∞±e)一(yī)些(xiē)設計(jì)新趨勢。

　　今年(nián)9月(yuè)7日(rì)，Apσ≠×£ple将會(huì)召開(kāi)本年(nián)度的(de)秋季發布會(hu↕₩≠ì)，發布的(de)新産品包括新款的(de)MacBo¥$ £ok Pro、iPhone 7以及Apple Watch 2。随著(z☆"≈♠he)iPhone 7一(yī)起發布iOS 10正式版，這(zhβ∞$è)次正式版的(de)發布，Apple應該會‍✔↕₹(huì)對(duì)iOS 10給予重大(dà)的(de'≠★↕)期望。
　　下(xià)面就(jiù)針對(duì)已€★經發布的(de)iOS 10的(de)人(ré☆₩✔n)機(jī)界面設計(jì)指南(náφ≤n)(Human Interface Guidelγ™♦γines，簡稱HIG)來(lái)對(duì)比分(fēn)析新老(lǎ₹♠™←o)版本的(de)iOS系統在設計(jì)上(shàng)究竟有(✔←®yǒu)哪些(xiē)改變，有(yǒu)哪些(xiē)設計(jì)趨勢值得<₹σ (de)我們注意。
 
　　改變：越來(lái)越像給設計(jì)師(sh→★​ī)用(yòng)的(de)「設計(jì)指南(nán)」
 
　　首先，我們先來(lái)看(kàn™∏)一(yī)下(xià)iOS 10之前的(de)HIG曆史版本記錄，了(le≈¶✔✔)解一(yī)下(xià)在以前的(de)版本中Apple都(dōu)做( $zuò)了(le)些(xiē)什(shén)麽：
　　自(zì)從(cóng)iOS 7開(kāi)始，每個(gè)版本πδ的(de)HIG都(dōu)是(shì)在同一π§(yī)個(gè)框架中進行(xíng)維護的(de)，™¥↕而且維護頻(pín)率之低(dī)改動幅度之小(xiǎoε™)令人(rén)發指(當然跟Apple一(yī)∞≤±‍貫的(de)嚴謹風(fēng)格有(yǒu)關)
　　而針對(duì)設計(jì)部分(fēnα¶≈)的(de)內(nèi)容一(yī)共也(yě)隻有(yǒu)兩次改動，這(z₩≠π≤hè)種情況一(yī)直持續到(dào)iOS 9，如(rú)≈∑果你(nǐ)願意把iOS 7、8、9三個<α(gè)版本的(de)HIG拿(ná)出來(lái)一(yī)起看(kàn)←πε↔，簡直就(jiù)是(shì)在玩(wán)'‍δ♦找茬遊戲。
　　然後，我們再拿(ná)iOS 9 和(hé) iOS 10 的(←εde)HIG結構框架進行(xíng)一(yī)下(xià)↑≠β對(duì)比：
 
　　幾乎是(shì)完全不(bù)同的(de)結構框架!
 
　　曆經三年(nián)以及三個(gè)版本都(dōu)沒動過→↔★的(de)框架被開(kāi)了(le)刀(dāo)，γ€λ我相(xiàng)信Apple的(de)設計(jì)師(shī♠≠₩)絕對(duì)不(bù)是(shì)因為(wè™βσ™i)閑的(de)無聊才幹出這(zhè)種事(shì)的(de)。
　　對(duì)于Apple這(zhè)種嚴謹且強迫症的(de)公司來(lλ∞∏₩ái)說(shuō)，做(zuò)每一(yī)件®γ(jiàn)事(shì)必然有(yǒu)其原因，這(zhè)裡(lǐ)面傳遞>±™₽出了(le)一(yī)個(gè)信号：iOS 10的(≈↓×de)設計(jì)會(huì)發生(shēng)「重大 ≥(dà)改變」，而Apple也(yě)期望通(​✔tōng)過設計(jì)的(de)改變來(lái)獲取更多(d>δuō)的(de)用(yòng)戶。
 
　　讓我們把視(shì)角再深入到(dào)具體(tǐ)的(de)£β'≤章(zhāng)節中，看(kàn)看(kànσ↑"×)都(dōu)有(yǒu)些(xiē)什(shén)麽變化(huà)：
　　1)增加了(le)之前沒有(yǒu)δ​$過的(de)Interaction章(zhāng)節 (主∞φ要(yào)內(nèi)容為(wèi)軟硬件(jiàn)與用(₽¶yòng)戶的(de)交互)
　　2)原來(lái)的(de)Icon and ∑✔™Image Design章(zhāng)節(主₽∞&γ要(yào)內(nèi)容為(wèi)系統中不(bù)同$α情境下(xià)的(de)icon設計(jì)定÷γ‍義)改名為(wèi)Graphics章(zhāΩ✘γng)節并且優先級上(shàng)浮
　　3)原來(lái)的(de)iOS Technologi✔​es章(zhāng)節(系統中的(de)新技(jì)☆∑術(shù))改名為(wèi)Technologies章(zhāng)節 δ且優先級下(xià)移
　　4)原來(lái)UI Design Bas↕✔ics章(zhāng)節中的(de)動畫(huà)/品牌/色彩/布局✘¥♦/字體(tǐ)的(de)內(nèi)容專門(mén)提取出來(lái)生(>∞↔shēng)成新的(de)Visual Design章(zhāng)節
　　5)原來(lái)的(de)UI Elements一(yī)級目↔↕§Ω錄被取消，其中的(de)二級目錄全部成為(wèi)了(le)一≥‍↔(yī)級目錄
　　6)增加了(le)新的(de)Resources章(z≤≥♦hāng)節，提供了(le)PSD Templates、San Fra×<≠ncisco Fonts和(hé)Xcode Projects£φ的(de)下(xià)載!這(zhè)是(shì)讓我覺得(de)最有(yǒ€​ u)誠意的(de)部分(fēn)了(le)!你(nǐ)什(shén)麽時>λ☆(shí)候見(jiàn)過Apple爸(bà)爸(bà)這→©↕(zhè)麽貼心了(le)!
　　Apple的(de)設計(jì)師(s"©₩hī)對(duì)內(nèi)部的(de)細節內(nèi)容也(yě)$→ 進行(xíng)了(le)翻新和(hé)✔‌擴建，在這(zhè)裡(lǐ)就(jiù)不(bù)$$☆贅述了(le)，但(dàn)是(shì)‍"确實值得(de)大(dà)家(jiā)細細去(qù)研究一(yī)番的(d÷ε∏>e)。
 
　　趨勢：大(dà)而簡，簡而精
 
　　在HIG最最最重要(yào)的(de)設計(♥"​jì)原則的(de)部分(fēn)，仍然是(shì)萬年©&(nián)不(bù)變的(de)Deference(順從(cóλ₩•≠ng))/Clarity(清晰)/Depth(深度)。
　　但(dàn)是(shì)不(bù)知(zhī)道(dào)大(dà)家(‌¶jiā)有(yǒu)沒有(yǒu)注意，其中有(yǒu)了(le)✔≥ 一(yī)個(gè)非常細微(wēi)的(de)變&✘‍ 化(huà)，就(jiù)是(shì)萬年÷∑♣(nián)老(lǎo)二的(de)Clarity("✔π清晰)原則，這(zhè)次成了(le)老(lǎo)大(dà)。具體(tǐ)原↓'因也(yě)隻有(yǒu)Apple的(d‌‌♣e)設計(jì)師(shī)知(zhī)道✘‍(dào)了(le)(貌似是(shì)來(l÷±Ω♥ái)自(zì)于用(yòng)戶吐槽)，但(dàn)是(s γhì)就(jiù)結果來(lái)說(shuō)，「清晰 ♠←≤」這(zhè)一(yī)設計(jì)準則應當會(hu ±£ì)是(shì)以後的(de)設計(jì)趨勢和(hé)重點
　　另外(wài)，對(duì)于設計(jì)原則÷™的(de)解釋的(de)內(nèi)容也(yě)增多(duō)了(le)，β♠ 不(bù)要(yào)以為(wèi)Ap‌¥ple突然抽風(fēng)從(cóng)冰山(shān)美(měi)人✘↑'(rén)變成了(le)話(huà)痨，增多(duō)β÷ •的(de)內(nèi)容恰恰告訴了(le)我們Apple重視(shì)的(↕ε↓de)究竟是(shì)什(shén)麽。
 
　　這(zhè)些(xiē)改進具有(yǒu)一(yī)£÷ ♥些(xiē)共同點：
 
　　1. 通(tōng)過對(duì)字體(tǐ)大(dà)小(xiǎo‍≥₩)和(hé)粗細的(de)調整以及更多(duō)的(de)留白(bá∏σ<₽i)來(lái)幫助用(yòng)戶理(lǐ)解界面的(de)層級架構，"↔取代了(le)之前使用(yòng)平面元♦‍‍±素的(de)分(fēn)割和(hé)分(fēn)層來(lái)構建界面架構的(‌∏>βde)方式，從(cóng)而讓界面變的(de)更加扁平$ ★☆，內(nèi)容更加突出。另外(wài)‌×☆，讓具有(yǒu)一(yī)定程度視(shì)覺障礙的(de)用(yòn☆✔✔g)戶(色盲/色弱/老(lǎo)年(nián)人(rén))也(yě)λ✔能(néng)夠無障礙的(de)使用(yòng)。
　　2. 放(fàng)大(dà)按鈕的(de)← ↕尺寸、改變按鈕的(de)布局、賦予按鈕不(bù)同的(d★×♥e)色彩來(lái)提高(gāo)用(yòng)戶對(duì)可(kě)操作(&∑←zuò)內(nèi)容的(de)認知(zhī)，降低(dī≈★®∑)點擊操作(zuò)的(de)難度，使界面與用(yòn☆•φg)戶的(de)交互行(xíng)為(wèi)變的(d© "e)更友(yǒu)好(hǎo)。引用(yòng)Apple在它的(de€®)Accessibility Guideline(無障礙指南(n& ≠£án))中的(de)描述就(jiù)是(shì)「You vi÷♣××ew what you can do」 和(hé)「W£♦e make it easy to push all the rigεσ✔εht buttons」
　　當然，這(zhè)些(xiē)變化(''σ​huà)解決了(le)一(yī)些(xiē)問(wèn)題，但(dàn)是( ↔shì)帶來(lái)了(le)一(yī)些(xiē)新λε‍₽的(de)問(wèn)題，比如(rú)在Apple Music中，內∞®♥β(nèi)容展示效率的(de)下(xià)降，原來(lá‌β €i)能(néng)夠展示6張專輯的(de)界面，現(xiàn)在隻能(né≤ ✔ng)放(fàng)下(xià)3張。不₹₩‌δ(bù)過目前發布的(de)仍然是(shì)Beta版，不(bλ​εù)知(zhī)道(dào)在正式版中是(shì)否會(huì)Fix這(z∏ hè)些(xiē)問(wèn)題。
 
　　總結成一(yī)句話(huà)來(€↓α¥lái)形容這(zhè)股趨勢就(jiù)是(shì)「λ®大(dà)而簡，簡而精」。
　　在這(zhè)股趨勢下(xià)，未來(lái)的(deπ§)設計(jì)将更注重産品的(de)內(nèi)δσ容和(hé)操作(zuò)體(tǐ)驗，降低(dī)其他(tā)因素對(du× ì)用(yòng)戶使用(yòng)上(shàng)的(de)幹擾，這(zhè•÷→)對(duì)深圳APP開(kāi)發設計(jì)師(shī)來(lái)說(sh✘±¥αuō)，是(shì)不(bù)小(xiǎo)的(de)挑戰，因為(wèi)越€∏簡單的(de)東(dōng)西(xī)越難設計(jì)，特别是(shì)如(≤↓rú)何在界面設計(jì)中去(qù)把握「大(dà)」和(≈×↑βhé)「簡」的(de)程度以及如(rú)何通(t₩≥×∏ōng)過更有(yǒu)限的(de)手段和(hé)空(kōng'≤✘)間(jiān)來(lái)傳達更多(duō)的(de)信息和(hé)指π♥引用(yòng)戶來(lái)達到(dàoΩ××‌)「精」的(de)目标，這(zhè)是(shì)我們在未來(lái)需要 ♥α(yào)不(bù)斷考慮、探索和(hé)解決的(de)問(wèn)題。

 
成功案例