The 5 Best Tools fyrir Móttækilegur Hönnun
Leyfðu mér að byrja með því að segja þetta, ég mun ekki vera með nein hugbúnað fyrir benda og smelltu á þessum lista (hugsaðu Adobe Edge Reflow). Ástæðan er nógu einföld, ég tel að þau séu slæm fyrir alla; hönnuðir, viðskiptavinir, coders ... allir þjást.
Það er ekki spurning um gæði kóða framleiðsla af þessum forritum. Það er ekki vegna þess að það gerir hönnun "of auðvelt". Það er vegna þess að sama hversu góð þessi forrit eru, þau munu alltaf takmarka fólkið sem notar þau.
Þeir verða takmörkuð, ekki einu sinni eftir því sem forritið getur náð, en með því sem þeir telja að það geti náð. Ef þeir hugsa um það mun meðaltal notandinn líklega bera saman það við verkfæri eins og PowerPoint og / eða nokkrar prenta hönnunarforrit, sem falla aftur í gömlu hugann. Þar liggur vandamálið. Sjónvarpsauglýsingaverkfæri munu alltaf reyna að beita gömlum ferlum til nýrrar tækni.
A raunverulegur vefur-stilla vinnuafl er einn sem nær til undirliggjandi hugtaka og tækni sem vefurinn er byggður á. Jú, þú getur notað nokkrar sjónrænar verkfæri til að búa til vefsíður sem eru tæknilega móttækilegir, en þú vilt missa benda.
Það snýst ekki um aðlögunarhæf skipulag. Það snýst um að gera upplýsingar aðgengilegar eins mörgum og mögulegt er. Það eru nokkrir hlutir sem forrit eins og Edge Reflow getur bara ekki gert. Í stuttu máli þarftu að skrifa kóða.
Þess vegna eru bestu verkfærin til að aðstoða þig við móttækilegri hönnun þá verkfæri sem hjálpa þér að skilja og nýta sér vefur tækni, skipuleggja vefsvæðið þitt vandlega, skrifa betur kóða skilvirkari og prófa / kynna móttækileg hönnun fyrir viðskiptavini í samhengi.
Við skulum byrja á því augljósa:
1) vafrinn þinn
Nei, ég er ekki að grínast. Þetta er alveg bókstaflega mikilvægasta tólið sem þú hefur, því það sýnir þér nákvæmlega hvað vefsvæðið þitt lítur út eins og við sérstakar aðstæður.
Mikil umræða hefur verið um hvort hönnun í vafranum sé betra en að hanna í myndritara eins og Photoshop eða GIMP. Leyfa mér að leysa þetta fyrir þig ...
Eru notendur vefsvæðisins að fara að vafra í Photoshop? Myndritendur geta gert fallegar myndir, ekki líkja eftir raunverulegum reynslu. Notaðu myndvinnsluforrit til að breyta myndum. Notaðu vafrann til að hanna vefsíður.
Það er kominn tími til að afneita viðskiptavinum okkar af hinni nákvæmu mockups sem þeir hafa fengið að venjast. Eins og vefurinn breytist og ferli okkar verður fljótari og endurtekið verður að halda áfram.
Settu upp að minnsta kosti eina vafra með öllum helstu flutningsmótorum og fáðu viðbótarstillingar fyrir forritara. Vertu vanur að horfa á frumkóðann þinn hvernig vafrinn þinn sér það, því að þú ert að fara að vera hér á meðan.
2) Teikniborð Google Drive
Tæknilega, réttlátur óður í hvaða vektor-undirstaða ímynd ritstjóri gæti gert starf þegar vír-ramma vefsíður þínar og forrit. Ég hef tilhneigingu til að vír ramma skjáborðsútgáfu síðunnar míns fyrst, búa til afrit af skránni, breyta stærð striga og fara héðan. Með því að nota vektorar er auðvelt að fljótt breyta stærð og endurraða þætti þinna á meðan þú ert enn í skipulagsstigi.
Ég vil frekar teikna app á Google Drive af nokkrum ástæðum:
Samnýtingar- og samstarfsaðgerðir: Google skiptir betur upplýsingum en bara um alla aðra. Með ábendingum í samhengi, samtímisútfærsla og samtal við samtal, er ég ástfanginn.
Sjálfvirk leiðsögumenn: Í hverju teikniblað eru leiðsögumenn sjálfkrafa búin til með hliðsjón af stærð hvers hlutar sem þú setur inn í skjalið. Þetta gerir það auðvelt að lýsa stöðugt stórum þætti í skjalinu, sem er frábært fyrir ristþráða hönnuði eins og mig.
Eins og ég deili þessum vírframleiðslum við viðskiptavini, þá er þessi fagmennska samkvæmni stórt plús. Og ennþá er ég ekki bundin við þessar leiðbeiningar. Ég sé það sem gott val til að mockup forrit sem reyna að þvinga þig í rist.
Ó, og það er ókeypis. Þarf ég að segja meira?
3) Stíll frumgerð
Byggt á stílflísar, Stíll frumgerð eru afhent í vafra sem ætlað er að hjálpa þér að gefa viðskiptavinum þínum hugmynd um hvernig leturgerðir, litir og UI-þættir vefsvæðisins munu líta út. Þar sem það er ætlað að skoða í vafranum verður færri ósamræmi þegar vefsíðan er byggð.
Ennfremur myndi ég treysta að Style Prototypes gæti hjálpað viðskiptavinum okkar að skilja andlega hugtökin af UX og fagurfræði. Og í raun, allt sem hjálpar viðskiptavinum okkar til að skilja betur vefhönnunina getur aðeins verið gott.
4) Responsinator
Responsinator er einfalt tól sem sýnir vefsvæðið þitt í mismunandi stærðum. Það líkist, á mjög einfaldan hátt, nokkrar mismunandi stærðir tækisins og samhengi. Þetta tól er ekki til hagsbóta. Þú vilt sjá hvað vefsvæðið þitt lítur út eins og í litlum stærðum? Breyttu vafraglugganum þínum. Betra enn, fáðu raunverulegan farsíma og gerðu alvöru prófanir.
Þessi vefur app er best notuð til að sýna viðskiptavinum þínum fljótlega nálgun á því hvernig vefsvæðið þeirra mun líta út í öðrum samhengi en skrifborð eða fartölvu.
Aftur eru margar verkfæri sem gætu gert sama starf og Responsinator, og rétt eins og ég geri ráð fyrir. Ég valdi þetta vegna þess að hún sýnir nokkra tækjasýninga eftir hverja aðra til að auðvelda skoðun.
5) Adobe Edge Inspection
Nú er þetta fyrir þig. Ef þú ert með farsímaprófunarverkefni (og því fyrr sem þú getur búið til einn, því betra) Edge Inspection mun samstilla öll tæki til að skoða sömu síðu í einu. Endurnýjaðu síðuna á einni tækinu og endurnýjaðu þá alla.
Ólíkt öðrum á þessum lista, er þetta ekki ókeypis. Hins vegar, ef þú hefur efni á nógu farsímum til að þurfa lausn eins og þetta, er það líklega þess virði að peningar.
Niðurstaða
Eins og alltaf er mikilvægasta eignin þín heilinn. Þessi verkfæri, og aðrir eins og þau, geta aðeins hjálpað þér á leiðinni. Ég valdi þetta vegna þess að þeir framkvæma mjög sérstakar aðgerðir sem hjálpa mér við að hanna móttækilegar síður. Þeir takmarka ekki það sem ég get gert.
Besta verkfæri eru í raun þær sem halda sig úr veginum.
Notir þú þessi verkfæri? Hver eru topp 5 verkfæri fyrir móttækileg hönnun? Láttu okkur vita í athugasemdunum.