Legjobb válasz
Felhasználói felület-tervezők:
Rendszer: Mac
Előnyök: Teljesen az “interfész” tervezéshez
A Sketch egy könnyű, könnyen használható vektoros tervező eszköz, amely egyszerűbbé és hatékonyabbá teszi a felhasználói felület tervezését . A platform leegyszerűsíti a Photoshop és az Illustrator által használt funkciókat, amelyeket kifejezetten UX / UI tervezéshez terveztek. A Sketch előtt a tervezőknek váltaniuk kellett a Photoshop és az Illustrator között, hogy megszerezhessenek olyan speciális funkciókat, mint a vektor és más fotóeffektusok. Most a Sketch lehetővé teszi a felhasználók számára, hogy megszabaduljanak a duzzadt funkcionalitástól, és a felhasználói élményre / felhasználói felület tervezésére összpontosítsanak, hogy a lehető legtöbbet hozzák ki felhasználói felületük tervezéséből. A Sketch egyik legjobb tulajdonsága a beépülő modulok telepítésének lehetősége , amelyek kompenzálják a szoftverben nem szereplő szolgáltatásokat.
Annak ellenére, hogy ez az egyik legpraktikusabb eszköz az Android App felhasználói felületeinek megtervezéséhez, a Sketch támogatása az Android oldal valós idejű előnézetéhez nem túl hatékony. A felhasználóknak le kell tölteniük az SkalaPreview alkalmazást, és csak egy sor nehézkes művelet után tekinthetik meg. a telefonos Android-felület tényleges kialakítása.
Rendszer: Mac és Windows
Előny: Online együttműködés és átadás-tervezés felhasználói felület-tervezőknek és fejlesztőknek
Vadonatúj együttműködési és átadási eszközként az iDoc hatékony beépülő modulokkal rendelkezik, amelyek támogatják a fájlok importálását a Photoshopból, Adobe XD-ből , és Sketch . A plug-inek segítségével az iDoc lehetővé teszi a specifikációk és eszközök előállítását automatikusan a felhasználói felület tervezője számára. Ahhoz, hogy a statikus tervezési fájlok interaktív és animált hifi prototípusokká váljanak, egyszerűen töltse fel a fájlokat az iDoc prototípus moduljába.
Invision – egy webalapú prototípus-készítő eszköz, amely gyorsan életre kelti tervét
Költség: 1 projektre ingyenes (15 $ / hó 3 projektre | 25 $ / hó korlátlan projektekre | 99 $ / hónap csapatokra)
Kompatibilitás: Mac és Windows
Jellemzők ：
- Az InVision segítségével a tervezők feltölthetik a tervfájljaikat, és animációkat, gesztusokat és átmeneteket adhatnak hozzá, hogy statikus képernyőjüket kattintható, interaktív prototípusokká alakítsák. 5 perc alatt nagy pontosságú.
- PNG, JPG, GIF, AI és PSD formátumú fájlokat támogat. Az InVision App kiválóan alkalmas a tervezetek kidolgozásában való együttműködésre és a kollégáktól és az ügyfelektől származó visszajelzések gyűjtéséhez.
- Varázslatos új tervezés a fejlesztési munkafolyamathoz. Készítsen stíluslapokat, szerezzen pixel tökéletes komp-okat, vitassa meg a tervezési kihívásokat, adaptívan exportáljon, és valós kódot hozzon létre minden tervezési elemhez.
Ár – Személyes számára ingyenes használat
– 12 USD / fő / csoport / hónap
Bevezetés: A Figma az első felület tervező eszköz -idős együttműködés. Három dicséretes tulajdonsággal rendelkezik: valós idejű együttműködés, vektoros hálózatépítés és verzióvezérlés. Egyszerűen a Figma olyan, mint egy böngészőalapú vázlat, valós idejű együttműködéssel .
Személyes tapasztalat: Kezdetben szkeptikus voltam a Figma felhasználói élmény, mert ez egy böngészőalapú felület-tervező eszköz. De később még mindig nagyon érzékenynek találtam a használatát. Mi több, a böngésző eszközeinek az az előnye, hogy a címzettnek nem kell semmit telepítenie, csak meg kell nyitnia a böngészőt számítógépen, hogy részt vegyen a projektben. A Figma fájlok Mac, Windows, Linux és mobil eszközökön érhetők el (csak megtekintés).
Válasz
Ha egy fejlesztő nemet mondana, akkor először megkérdezném, miért megértsék a nemet mondó okukat. Ha kiderül, hogy van egy jobb módszer a tervezési kihívás megválaszolására, akkor több mint szívesen változtatnék a terven.
A fejlesztők azonban általában képesek bármelyik funkció kódolására és a kezelőfelület-tervezőkre előjön valamivel. Amint William Hurley ebben a válaszban rámutatott, szinte minden lehetséges a szoftverekkel kapcsolatban.
Megkérdeztem a szoftverfejlesztőket, hogy lehetséges-e az „x szolgáltatás”, vagy a terv kódolható-e egy bizonyos működéséhez. és soha nem mondták nekem, hogy „nem”.
Ennek ellenére a kezelőfelület-tervezőként a célnak nem kell lennie készítsen komplex tervet. A cél az legyen, hogy a felület a lehető legegyszerűbb és intuitívabb legyen a felhasználó számára.
Ezért a legújabb anyagomban a Google Material Design alapelveit használtam (lásd: 5 hatékony és praktikus ok az anyagtervezés használatára ).
Ennek számos előnye van:
- A felhasználók ismerete – A Gmail, a YouTube, az Evernote, a Buzzfeed és sok más alkalmazás használja az Anyagtervezést, így nagyobb az esélye annak, hogy alkalmazásának felhasználói megismerjék, hogyan a felület kinéz és működik.
- Meglévő keretek – Számos olyan keretrendszert hoztak létre, amelyek kész komponenseket tartalmaznak a fejlesztők számára, például a CSS , AngularJS anyag és Anyag-felhasználói felület . Ez segíti a tervezőket abban, hogy megnézzék, mi áll a fejlesztők rendelkezésére, és felhasználják ezeket az összetevőket a terveikben.
- Gyorsabb döntéshozatal – Amikor a fejlesztők és a tervezők az összetevők ugyanazon palettájáról képes dolgozni, ez gyorsabbá teszi a tervezési és fejlesztési folyamatot.
Íme egy nagyszerű videó arról, hogyan tette a Google a rengeteg alkalmazást következetesnek kinézni és érezni, még a kiadás előtt Anyagtervezés. Az akkor és most alkalmazott elvek alkalmazásával a tervezők jobb felületeket hozhatnak létre, és gyakorlatilag kiküszöbölhetik a „nem” kifejezést a fejlesztők szókincséből.