Paras vastaus
Käyttöliittymäsuunnittelijat:
Järjestelmä: Mac
Edut: Täysin käyttöliittymäsuunnitteluun
Sketch on kevyt, helppokäyttöinen vektorisuunnittelutyökalu, joka tekee käyttöliittymäsuunnittelusta yksinkertaisempaa ja tehokkaampaa . Alusta yksinkertaistaa Photoshopissa ja Illustratorissa käytettäviä ominaisuuksia, jotka on suunniteltu erityisesti UX / UI-suunnitteluun. Ennen Sketchia suunnittelijoiden oli vaihdettava Photoshopin ja Illustratorin välillä saadakseen erityisominaisuuksia, kuten vektori ja muut valokuvaefektit. Nyt Sketch antaa käyttäjille mahdollisuuden päästä eroon paisutetusta toiminnallisuudesta ja keskittyä käyttökokemukseen / käyttöliittymäsuunnitteluun saadakseen kaiken irti käyttöliittymäsuunnittelustaan. Yksi Sketchin parhaista ominaisuuksista on mahdollisuus asentaa laajennuksia kompensoimaan ominaisuuksia, jotka eivät sisälly ohjelmistoon.
Vaikka vaikka se on yksi käytännöllisimmistä työkaluista Android App -käyttöliittymien suunnittelussa, Sketchin tuki Android-puolen reaaliaikaiselle esikatselulle ei ole kovin tehokasta. Käyttäjien on ladattava SkalaPreview, ja vasta useiden hankalien toimintojen jälkeen he voivat tarkastella puhelimen Android-käyttöliittymän todellinen muotoilu.
Järjestelmä: Mac ja Windows
Etu: Online-yhteistyösuunnittelu ja luovutussuunnittelu käyttöliittymäsuunnittelijoille ja kehittäjille
Uutena yhteistyö- ja luovutustyökaluna iDocilla on tehokkaat laajennukset, jotka tukevat tiedostojen tuomista Photoshopista, Adobe XD: stä ja Sketch . Laajennusten avulla iDoc voi luoda teknisiä tietoja ja resursseja automaattisesti käyttöliittymäsuunnittelijan käyttöön. Jos haluat tehdä staattisista suunnittelutiedostoista interaktiivisia ja animoituja hifi-prototyyppejä, lataa tiedostosi iDocin prototyyppimoduuliin.
Invision – verkkopohjainen prototyyppityökalu, joka saa suunnittelusi elämään nopeasti
Kustannukset: ilmainen yhdelle projektille (15 $ / kk 3 projektille | 25 $ / kk rajoittamattomille projekteille | 99 $ / kk tiimeille)
Yhteensopivuus: Mac ja Windows
Ominaisuudet ：
- InVisionin avulla suunnittelijat voivat ladata suunnittelutiedostonsa ja lisätä animaatioita, eleitä ja siirtymiä muunnellakseen staattisen näytön napsautettaviksi, interaktiivisiksi prototyypeiksi. Hanki tarkkuutta alle 5 minuutissa.
- Se tukee PNG-, JPG-, GIF-, AI- ja PSD-tiedostoja. InVision-sovellus soveltuu erinomaisesti yhteistyöhön suunnitteluluonnosten laatimisessa ja palautteen keräämisessä työtovereilta ja asiakkailta. Luo tyylitaulukoita, hanki täydelliset pikselit, keskustele suunnitteluhaasteista, vie mukautuvasti ja luo todellinen koodi kaikille suunnitteluelementeille.
Hinta – ilmainen henkilökohtaiseen käyttöön käyttö
– 12 dollaria per henkilö per ryhmä / kuukausi
Johdanto: Figma on ensimmäinen käyttöliittymän suunnittelutyökalu aidosti -aikainen yhteistyö. Siinä on kolme kiitettävää ominaisuutta: reaaliaikainen yhteistyö, vektoriverkko ja versionhallinta. Yksinkertaisesti, Figma on kuin selainpohjainen luonnos, jossa on reaaliaikainen yhteistyö .
Henkilökohtainen kokemus: Olin aluksi skeptinen Figman suhteen käyttökokemus, koska se on selainpohjainen käyttöliittymäsuunnittelutyökalu. Mutta myöhemmin huomasin sen olevan edelleen erittäin herkkä käyttää. Selaimen työkaluilla on lisäksi se etu, että vastaanottajan ei tarvitse asentaa mitään, vaan vain avata selain tietokoneella osallistua projektiin. Figma-tiedostot ovat saatavilla Macissa, Windowsissa, Linuxissa ja mobiililaitteissa (vain näkymä).
Vastaa
Jos kehittäjä kertoi minulle ”ei”, kysyisin ensin miksi ja yritän ymmärtävät heidän syynsä kieltäytymiseen. Jos osoittautuu, että on parempi tapa lähestyä suunnitteluhaastetta, olisin enemmän kuin halukas muuttamaan suunnittelua.
Kehittäjät pystyvät kuitenkin yleensä koodaamaan minkä tahansa ominaisuuksista ja suunnitelluista käyttöliittymäsuunnittelijoista. keksiä. Kuten William Hurley huomautti tässä vastauksessa, ohjelmistojen kohdalla melkein kaikki on mahdollista.
Olen kysynyt ohjelmistokehittäjiltä, onko “x-ominaisuus” mahdollinen vai voidaanko suunnittelu koodata toimimaan tietynlaisena. tavalla, enkä ole koskaan sanonut “ei”.
Tästä huolimatta käyttöliittymäsuunnittelijan tavoitteena ei ole olla tehdä monimutkainen suunnittelu. Tavoitteena tulisi olla tehdä käyttöliittymästä mahdollisimman yksinkertainen ja intuitiivinen käyttäjälle.
Tästä syystä olen käyttänyt Google Material Designin periaatteita uusimmissa projekteissani (katso 5 tehokasta ja käytännöllistä syytä käyttää materiaalisuunnittelua ).
Tämän avulla on useita etuja:
- Käyttäjien tuntemus – Gmail, YouTube, Evernote, Buzzfeed ja monet muut sovellukset käyttävät materiaalisuunnittelua, joten on todennäköisempää, että sovelluksesi käyttäjät tuntevat miten käyttöliittymä näyttää ja toimii.
- Olemassa olevat kehykset – On luotu monia kehyksiä, jotka sisältävät valmiita komponentteja kehittäjien käyttöön, kuten Materialise CSS , AngularJS Material ja Materiaali-käyttöliittymä . Tämä auttaa suunnittelijoita näkemään, mitä kehittäjät voivat helposti käyttää, ja käyttämään näitä komponentteja suunnittelussaan.
- Nopeampi päätöksenteko – Kun kehittäjät ja suunnittelijat voi työskennellä samasta komponenttipaletista, se nopeuttaa suunnittelua ja kehittämisprosessia.
Tässä on upea video siitä, kuinka Google sai heidän lukuisat sovelluksensa näyttämään ja tuntumaan yhtenäisiltä jo ennen niiden julkaisua Materiaalisuunnittelu. Soveltamalla silloin ja nyt käyttämiään periaatteita suunnittelijat voivat luoda parempia käyttöliittymiä ja käytännössä poistaa ”ei” kehittäjien sanastosta.