2024-08-22
한어Русский языкEnglishFrançaisIndonesianSanskrit日本語DeutschPortuguêsΕλληνικάespañolItalianoSuomalainenLatina
Kuukausi sitten, kun saimme Huawei Hongmeng NEXT -järjestelmän työnnön, teimme heti käytännön kokemuksen.
Myös Aifanerin toimituksen kumppanit saivat sen kokea vuorotellen. Vaikka kaikilla on eri merkkisiä päivittäisiä pääpuhelimia, heidän arvionsa puhdasverisestä Hongmengistä ovat yleensä samat:
Aika silkkinen.
Ja voit nähdä aiheen "#红梦NEXT sileä ja silkkinen" melkein kaikilla sosiaalisilla alustoilla. Minulla on sama tunne, mutta minulla on vielä muutama kysymys:
Kuukauden perusteellisen kokemuksen jälkeen löysin joitain Huawein uuden järjestelmän kulmauksia. Ehkä nämä optimoinnit, jotka ovat niin hienovaraisia, että niitä tuskin huomaa, ovat silkkisen sileyden juuri.
Joten tänään tarkastelemme Hongmengia NEXTiä kunkin mallin "kosketustaajuuden" mukaan, pienestä suureen, pisteestä pintaan, staattisesta dynaamiseen.
Ikonit ovat niin tärkeitä
Näyttö on ikkuna Internetiin.
Mielestäni tämä lausunto ei ole tarpeeksi tarkka sen, mitä voidaan todella kutsua "ikkunaksi/kanavaksi" matkapuhelimessa, pitäisi olla sovellus.
WeChat, Weibo, Xiaohongshu ja TikTok... yhtä tai useampaa niistä napsautetaan lähes joka tunti Verrattuna muihin järjestelmän osiin, App-kuvaketta napsautetaan useimmin.
Sovelluskuvakkeiden suunnittelu on käynyt läpi useita kehitysvaiheita: skeuomorfismi - tasaisuus - skeuomorfismin ja tasaisuuden vapaa säätö.
Suoraan sanottuna se hyppää edestakaisin simulaation ja tiiviin tyylin välillä, mutta se on vain kaksi suunnitteluydintä: tarkka tiedon välittäminen + yhtenäinen tyyli.
Huawei on asteittain viimeistellyt oman ikonityylinsä kolmannen sukupolven EMUI-HarmonyOS-HarmonyOS NEXT -järjestelmän kautta.
Uuden ikonityylin nimi on "Light Simulation" ja sillä on 4 hyvin ilmeistä ominaisuutta:
①Kuvakkeen ääriviivat ovat ytimekkäät ja helposti ymmärrettävissä, ja voit yhdellä silmäyksellä tietää, mitä se tekee.
② Pinoa pinoamalla puoliksi läpinäkyviä ja epäselviä elementtejä luodaksesi kerrostumisen, joka on visuaalisesti kevyempää kuin pelkkä näennäinen materialisointi ja enemmän kolmiulotteinen kuin puhdas litteä tyyli.
③ Vahvista grafiikan reunojen korostuskäsittelyä parantaaksesi yleistä tekstuuria ja korostaa grafiikan ydinelementtejä, jotta silmä löytää avainkohdat nopeammin;
④Ikonin takapaneelin värissä on lievä kaltevuus, ja ylhäältä alas -valaistuksella kuvatut kohteet näyttävät ihmissilmälle luonnollisemmilta, jolloin vältetään voimakkaiden värigradientien isku ja jyrkkyys.
Yllä olevien neljän pisteen sovellussuunnittelu saa työpöydän ikonisymbolit näyttämään yhtenäisemmältä. Intuitiivisin tunne on, että tämä on tiimin suunnittelema asia, ei ryhmäkeskustelujen tulos.
Tietenkin "kevyt quasi-objekti" on vain yleinen trendi Aina tulee olemaan ihmisiä, jotka pitävät tyylistä, joka on lähempänä aitoa ja kolmiulotteista, joten voit myös säätää sen manuaalisesti toiseen - reunavarjoihin. ovat raskaampia, yksityiskohdat ovat tarkempia ja kerrokset ovat kolmiulotteisempia ja kirkkaampia.
▲ Vasen on vaalea skeuomorfinen tyyli ja oikea on skeuomorfinen tyyli.
Ei ole vaikeaa havaita, että jopa skeuomorfiset ikonit noudattavat silti yllä olevia suunnitteluperiaatteita. Yhtenäistä ääntä käytetään myös järjestelmäkuvakkeissa.
Ohjauskeskuksessa, asetusliittymässä ja järjestelmäsovelluksen navigointipalkissa on järjestelmäkuvakkeet, mutta ne jäävät helposti huomiotta, koska ne näkyvät yleensä tekstin kanssa.
Tämä on myös ensimmäinen vaikeus järjestelmäkuvakkeiden suunnittelussa: kuinka pitää ne yhdenmukaisina tekstin asettelun kanssa? Huawein ratkaisuna on karakterisoida kuvat niin, että ne voidaan yhdistää saumattomasti järjestelmäfonttien kanssa.
Se voi mukautua älykkäästi tekstin paksuuden muutosten mukaan, mikä varmistaa, että kuvakkeet voivat mukautua joustavasti erilaisiin tekstipaksuuksiin ja ylläpitää visuaalista yhtenäisyyttä.
Kokemuksen aikana havaitsimme myös toisen yksityiskohdan Hongmeng NEXT:n järjestelmäkuvakkeissa on dynaamisempia tehosteita: tähtisalama, taskulamppu, Huawei Share, silmien suojaustila, virransäästötila....
Uusi järjestelmä asettaa kuvakkeille 7 dynaamista tehostetta, jotka yhdistelevät ilmestyviä, katoavia, pomppivia, skaalaavia, korvaavia, sykkiviä ja vaihtelevia värejä.
Saatat ajatella, mikä on ikonien suunnittelun ja järjestelmän sujuvuuden välinen suhde?
Pienestä näkökulmasta katsottuna kuvakeanimaatio on myös osa järjestelmää, ja liikkeiden johdonmukaisuus ja johdonmukaisuus vaikuttavat käyttäjän käsitykseen järjestelmän sujuvuudesta suuresta näkökulmasta katsottuna, kuvakkeet näkyvät järjestelmässä hyvin usein, ja käyttäjien kosketuskertojen määrä on myös erittäin suuri.
Yhtenäinen ja harmoninen muotoilu antaa sinun nähdä järjestelmän varjon sivuilla, joita vaihdat edestakaisin, välttäen "sotkua".
Siksi johdonmukainen staattinen elementtisuunnittelu on perusta sille, että järjestelmästä tulee tasainen.
kuin vesi
Tarkastellaan tiettyjä käyttöskenaarioita sovellus- ja järjestelmäkuvakkeiden avulla.
Koko näytön matkapuhelimien sovellus- ja käyttöliittymäsovitusta kritisoidaan aina liian "väkivaltaisuudesta". Ne vain tekevät tavallisista näyttösuhteista suuremmat ja leveämmät sovellukset, eivätkä hyödynnä suurta näyttöä lisätietojen näyttämiseen. kaksinkertainen pinta-ala, aivan kuten laiska strategia tableteissa alkuvuosina.
Mukavan käyttöliittymän tulee olla kuin vesi, joka täyttää aina säiliön täydellisesti riippumatta siitä, miltä se näyttää.
Huawei kutsuu tätä "vettä muistuttavaa" mukautusratkaisua "responsiiviseksi asetteluksi".
Kun ikkunasäiliön koko muuttuu, käyttöliittymäelementit voivat muuttua automaattisesti mukautumaan säiliön koon muutokseen.
Huawei saavuttaa sujuvan siirtymisen ja käyttöliittymän mukauttamisen venyttämällä samanaikaisesti sivun taustaa, tekstiä, kuvakkeita, komponentteja ja muita elementtejä samanaikaisesti.
Eri komponentit voidaan skaalata kiinteän suhteen mukaan eri sivuilla.
Kun sivu muuttuu, myös käyttöliittymän ulkoasu muuttuu vastaavasti.
Vaakatilassa käyttöliittymä on jaettu kahteen osaan, jossa hakemistopalkki on vasemmalla ja toissijainen valikko oikealla. Tämä ei ainoastaan välttää liiallista venytystä ja ylimääräistä valkoista tilaa yhdessä hakemistonäytössä, vaan myös hyödyntää täysimääräisesti vaakasuuntaista näyttötilaa.
Tarkempien pienkomponenttien mukauttamisen myötä Hongmeng NEXT mukautuu eri kokoihin muuttamalla omaa muotoaan ja tietotiheyttä.
Tämä on hyvin samanlainen kuin työpöytäwidgetien suunnitteluidea: muuta kansion kokoa ja käytä erikokoisia palvelukortteja niin, että se mahtuu työpöydän tyhjään tilaan.
Responsiivisia asetteluratkaisuja on monia, mutta taustalla oleva logiikka on täsmälleen sama:
Nämä kulmiin piilotetut sovitusratkaisut helpottavat myös ohjelmistojen ja laitteistojen integrointia.
Hongmeng NEXTin jaettu näyttö on erittäin hyvä. Perinteisessä ratkaisussa niin kauan kuin kaksi näyttöä voidaan erottaa toisistaan, tehtävä on suoritettu.
Mutta tällä perusteella uusi järjestelmä leikkaa myös pienen ikkunan kulmat samaan kaarevuuteen kuin näytön R-kulma.
Rehellisesti sanottuna ikkunoiden ja näyttöjen suunnittelun pitäisi olla tällaista, mutta koska Android-järjestelmän on mukauduttava liian moniin merkkeihin ja malleihin, täydellisestä sopeutumisesta on tullut suuri ongelma.
Ja tämä on myös puhdasverisen Hongmeng-järjestelmän tuoma lisäetu: alkuperäinen järjestelmä on suunniteltu palvelemaan tämän merkkisiä malleja, eikä muita tarvitse ottaa huomioon.
Toista 3D-taidetta 2D-näytöllä
Kuukausi sitten, jos kysyit minulta "Mitä päivityksiä Hongmengin NEXT-käyttöliittymään on tehty?"
Voin vain kertoa, että "himmeä lasin" erikoistehostekerros on lisätty moniin paikkoihin, mutta yhden elementin lisääminen on vaikea parantaa järjestelmän sileyttä tasolla.
Jos haluat saavuttaa sen ja käyttäjät pitävät sinua "silkkisenä", se on itse asiassa systemaattinen projekti, ja sinun on otettava kaikki huomioon. Kuukauden kokemuksen jälkeen luokittelin puhdasverisen Hongmengin sujuvan toiminnan kahteen osaan:
Katsotaanpa ensin kerrostusta. Himmeä lasi (sumentunut) efekti näkyy yleensä kohtauksissa, kuten sovellusten avaaminen ja sulkeminen, yksi näyttö, avattava haku, taustan sulkeminen, jaettu näyttö ja liikkuva jako. rivit.
Edelliseen järjestelmään verrattuna on todellakin paljon enemmän sumennustehosteita, mutta samaan aikaan lisätty animaatio ja työpöydän kuvakkeiden skaalaus voivat simuloida ihmissilmän tarkennus- ja defokusointiprosessia, mitä kutsumme todellisuudeksi vuorovaikutuksen aikana seurausta näiden kahden yhteisvaikutuksesta.
Työpöydän nostovaikutusta simuloidaan skaalauksella, joka myös heijastaa intuitiivisesti järjestelmän hierarkkista suhdetta.
Sovellusten avaaminen, uusien tehtävien luominen, näytön lukituksen avaaminen jne. kuuluvat kaikki ylemmälle ja alemmalle tasolle Hongmeng NEXT on asettanut useita animaatiotehosteita tämän tyyppiseen vaihtoon:
Lisäksi on myös kytkimiä poikkitasojen ja saman tason välillä sekä vastaavia animaatioita.
Jakamalla hierarkkinen suhde ja käyttämällä erilaisia erikoistehosteita, yksi on parantaa järjestelmän kolmiulotteista tunnetta kerrosten kautta ja tehdä siirtymisestä vähemmän jäykkä. Toinen on integroida epälineaarinen animaatio jokaiseen siirtymään, ja operaatiosta tulee helpompaa, tai siltä se näyttää.
Virallisella verkkosivustolla oleva esittelyvideo havainnollistaa hyvin epälineaarisen animaation vaikutusta sujuvuuteen.
Huawein hierarkkisten suhteiden optimointi ei rajoitu suuriin sivusiirtymiin, vaan keskittyy myös pieniin kuvakkeisiin.
Näemme seuraavat kerta-animaatiot kaikkialla uudessa järjestelmässä:
Olipa kyseessä hakukentän korostaminen, sovelluskuvakkeen zoomaus tai toimintonäppäinten kytkeminen päälle ja pois, tässä järjestelmässä on vaikea nähdä pakotettuja siirtymiä. Se voi aina käyttää useita menetelmiä, kuten muotoa, väriä, siirtymää ja skaalaus prosessista tulee luonnollisempi.
Virallisten tilastojen mukaan siirtymät ovat dynaamisia efektejä, joiden osuus järjestelmässä on suurin, yli 60 %. Tämä on myös yksi tärkeimmistä syistä, miksi monet ihmiset tuntevat olonsa sujuvammiksi aloitettuaan Hongmeng NEXT:n - näet sen kaikkialla.
Kaikkialla läsnä oleva "tyhjiö kevät"
Muistan, että kollega jakoi minulle esimerkin:
Nykypäivän lasten ensimmäinen reaktio näytön nähdessään ei ole etsiä kaukosäädintä, vaan napsauttaa tai liu'uttaa sitä sormellaan.
Koko näytön aikakaudella uuden sukupolven tapa olla vuorovaikutuksessa digitaalisten tuotteiden kanssa on iteroitu täysin - liukumisesta ja naputtelusta on tullut useimpien kulutuselektroniikan syöttötapoja - ja Z-akselin puristin on kuolemassa.
Monet ihmiset kaipaavat ominaisuuspuhelimien painikkeita, koska he tuntevat olonsa paremmaksi kädessä ja heillä on selvä fyysinen kosketusvahvistus.
Tämä on myös syy, miksi kosketusnäyttöjä arvostellaan: riittämätön palaute. Suuret valmistajat käyttävät myös erilaisia menetelmiä, kuten moottorivärähtelyä (taktiili) ja äänitehosteita (auditiivinen), palauttaakseen rauhoittavat fyysiset liikkeet litteällä näytöllä.
Järjestelmäkuvakkeen animaatio on visuaalinen vahvistus.
Hongmeng NEXT:n "painovoiman dynaaminen tehostejärjestelmä" simuloi esineiden "voimaa" liikkeen aikana erilaisten dynaamisten tehosteiden avulla, jotta interaktiiviset toiminnot heräävät eloon.
Huawei on sisäistänyt voiman olemattomiin jousiin, jotka täyttävät Hongmengin NEXTin jokaisen kulman.
Esimerkiksi kun liu'utat sivua, ylä-, ala-, vasemmalla ja oikealla reunalla on "jousia" Kun olet saavuttanut rajan, syntyy hyvin luonnollinen rebound-efekti, joka kertoo, että olet saavuttanut lopun.
Tietyn määrän elastista tilaa jättäminen voi myös estää tahattomat kosketukset ja estää järjestelmän olevan liian herkkä, mikä vaatii voimaa ja varovaisuutta millimetritason toiminnassa.
Lisäksi virtuaaliset jouset kaikkialla voivat myös edistää jossain määrin monipuolista sujuvaa toimintaa: koko keho liitetään yhdellä liikkeellä, mikä on lähellä todellista rebound-efektiä.
Fyysisen maailman liikevaikutusten palauttaminen voi vähentää käyttäjien oppimiskustannuksia, ja he pääsevät nopeasti alkuun uusien laitteiden ja järjestelmien kanssa toimimalla "näin se on" -tottumusten mukaan.
Niille, jotka ovat jo perehtyneet elekäyttöön tai Hongmeng-järjestelmään, vuorovaikutus käsien kanssa on merkittävintä.
Huawein virallisella kehittäjäsivustolla on tämä lause:
Animaatioefektien tulee aina keskittyä toimintoihin ja mukautua käyttäjien psykologisiin odotuksiin, ja esineiden liikkeiden tulee mukautua todelliseen maailmaan.
Tuoteinsinöörit yrittävät parhaansa mukaan pakata kaiken kolmiulotteisen maailman kaksiulotteiseksi näytöksi, kun taas tuotepäälliköt ryöstävät aivonsa jäljittelemään todellista maailmaa kaksiulotteisella näytöllä.
▲ Kuva: rauno.com
Viime kädessä vuorovaikutuksen suunnittelun syvällinen tutkiminen on itse asiassa syvempää ymmärrystä itsestämme: Mitkä skenaariot vaativat liukumista? Kuinka järjestää erikoistehosteet siirtymän aikana? Kuinka peittää 99 % operaatioista yhdellä sormella?
Jos olet minun kaltaiseni ja olet siirtynyt näppäinkoneista koko näytölle askel askeleelta, ei ole vaikeaa todeta, että matkapuhelimien interaktiivinen järjestelmä sopii meille paremmin - ei juuri tarvitse ajatella ja opiskella, vain käyttää se.
Kun et ole tietoinen järjestelmän vuorovaikutuksen olemassaolosta, se on suurin kohteliaisuus järjestelmälle, koska kaikki edellä mainitut yksityiskohdat ovat tehneet tuotteesta kehomme luonnollisen jatkeen.
Kerää ja järjestele viimeisimmät uutiset ja tee ne kaikkien tarkastettavaksi ilmaiseksi.
