Tá uirlisí dearaidh ag dul as feidhm. Seo mar is féidir linn iad a shocrú.

Is annamh a théann lá thart nuair nach gcaithim roinnt ama ar a laghad ag smaoineamh ar uirlisí dearaidh. Cúpla bliain ó shin, thóg mé uirlis dearaidh a fuair Marvel. Bhí sé sin níos mó ná dhá bhliain ó shin ach ó shin i leith níor athraigh an tírdhreach mórán, agus níl fonn orm é a fheabhsú.

Le déanaí, rinne mé tvuíteáil faoi uirlisí dearaidh - rud is eol a tharlóidh ó am go ham.

Ní mise an t-aon duine a labhair m’intinn an lá sin, agus chuaigh daoine eile isteach freisin.

Ní raibh an 28 Iúil, 2017 ina lá maith d’uirlisí dearaidh.

Tá a lán léargas iontach curtha sna snáitheanna Twitter seo ach le fada an lá, bhí mé ag iarraidh an t-am a chaitheamh ag tumadh go domhain isteach díreach mar atá sé is dóigh liom atá chomh bunúsach briste faoin tsamhail uirlisí dearaidh reatha, chomh maith mar leid ag an treo is dóigh liom gur chóir dúinn a bheith i gceannas.

Nílimid uile ach ag tarraingt pictiúir. Tá sé dÚsachtach.

Onnmhairíonn beagnach gach uirlis dearaidh tóir ar íomhánna. Tá fadhbanna leis seo ar roinnt cúiseanna:

  1. Ní féidir leat idirghníomhú le híomhá. Tugann uirlisí fréamhshamhlaithe cumhacht dúinn aistrithe scáileáin agus idirghníomhaíochtaí simplí a chur le híomhánna. Mar sin féin, de réir mar a leanann ár gcuid táirgí ag éileamh aistrithe scáileáin agus micrea-idirghníomhaíochtaí níos airde, ní féidir le híomhánna coinneáil suas.
  2. Níl na híomhánna sreabhach. De ghnáth is tasc deacair é cinntí dearaidh sofhreagracha a chur in iúl trí íomhánna.
  3. Níl na híomhánna stáit. D’fhonn na stáit éagsúla le haghaidh Chomhéadain a chur in iúl go héifeachtach, is minic go mbíonn gá le go leor íomhánna.
  4. Tá íomhánna bitmap ag brath ar réiteach. Le teacht na bhfeistí reitine, uaireanta bíonn droch-íomhánna ann.
  5. Is gnách go mbíonn comhaid íomhánna trom agus go minic bíonn siad an-deacair iad a stóráil, a bhainistiú nó a roinnt.

Chomh fada agus a leanann uirlisí dearaidh ag onnmhairiú íomhánna, ní bheidh siad in ann uiríll chruinn a dhéanamh ar ár gcuid táirgí. Cuireann an easpa cruinnis seo bac ar chumarsáid idir dearthóirí agus forbróirí. Chomh fada agus a leanann dearthóirí ar aghaidh ag úsáid meán brónach neamhleor chun a gcuid oibre a chur in iúl, beidh an obair sin oscailte i gcónaí do mhíthuiscint.

Is pointe an-suntasach é seo toisc, ag a gcroílár, athraíonn beagnach gach uirlis dearaidh cruthanna veicteora go híomhánna. Tá Photoshop, Illustrator, Marvel, Adobe XD, Sceitse agus Figma mar an gcéanna maidir leis seo. Ach ní féidir le híomhánna ach rún dearaidh a chur in iúl i bpáirt. De réir mar a leanann ár gcuid táirgí ag glacadh agus ag tacú le hidirghníomhaíochtaí casta, ionchur guth, ionchur físe, réaltacht mhéadaithe, réaltacht fhíorúil, íogaireacht teochta srl., Laghdóidh an luach a sholáthraíonn na huirlisí seo go gasta. Is deireadh marbh é dearadh íomhá-bhunaithe.

Ba cheart go ndéanfadh ár n-uirlisí dearaidh an táirge iarbhír a ionramháil, ní pictiúr de.

Tá ár gcuid táirgí idirghníomhach. Tá ár gcuid uirlisí statach.

Chas mé ar seo i mo phointe roimhe seo ach tá sé thar a bheith criticiúil agus mar sin cheap mé go ndéanfainn beagán a mhionléiriú.

Smaoinigh ar an méid idirghníomhaíochtaí simplí atá coitianta i mbeagnach gach ceann dár dtáirgí ach ní féidir iad a chur in iúl trínár n-uirlisí dearaidh. Seo liosta gairid as barr mo chinn:

  • Ag brú cnaipe
  • Ionchur a dhíriú
  • Bosca seiceála a sheiceáil
  • Ábhar tabbed
  • Scrollaigh ceantair
  • Innéacs cluaisíní do stáit dírithe
  • Aicearraí méarchláir

Cinnte, is féidir cuid de na gnéithe seo a mhamáil le roinnt innealtóireachta hacky ach ní mór a bheith ag smaoineamh, cad é ar an Domhan an pointe? Cén fáth nach féidir le dearthóirí an táirge iarbhír a dhearadh?! I ndeireadh na dála, tá gach magadh indiúscartha, ach caitheann dearthóirí míonna ag tweaking chun foirfeachta iad. B’fhearr i bhfad an t-am sin a chaitheamh ag tweaking an táirge iarbhír.

Ní rachaidh mé rófhada síos an poll coinín “ar cheart do dhearthóirí cód a dhéanamh” ach nílim ag moladh go scríobhfaimis go léir cód. Nílim ag rá ach nach bhfuil aon chúis mhaith ann nach féidir lenár n-uirlisí dearaidh tacú le hionramháil dhíreach ar ár gcuid táirgí beo.

Déanann Framer jab níos fearr ná an chuid is mó sa roinn seo, ag tacú le hidirghníomhaíochtaí mionsonraithe agus mionsonraithe. Tá an chuid eile den phacáiste i bhfad taobh thiar de.

Ba cheart go dtacódh ár n-uirlisí le paraidím leagan amach an ghréasáin

Go dtí thart ar bhliain ó shin, ba é an t-aon bhealach chun leagan amach a thógáil ar an ngréasán ná an taispeáint a úsáid: tábla agus airíonna CSS a ailíniú go hingearach. Anois tá Flexbox againn agus go luath beidh greille CSS againn. Feidhmíonn na trí innill leagan amach seo ar an gcaoi chéanna, ag úsáid sreabhadh an DOM. Tógtar beagnach gach suíomh Gréasáin ag úsáid ceann de na trí chóras leagan amach seo.

Mar sin, tá sé ciallmhar go dtacaíonn ár n-uirlisí dearaidh leis an tsamhail leagan amach céanna. Ceart?

Bhuel, déanann beagnach gach uirlis dearaidh neamhaird ar na córais leagan amach seo, agus ina ionad sin roghnaíonn siad gach ciseal a shuíomh go hiomlán laistigh dá chlár ealaíne. Osclaíonn sé seo ruaig idir an chaoi a bhfeidhmíonn an gréasán agus an chaoi a bhfeidhmíonn ár n-uirlisí dearaidh, agus tugtar isteach go leor saincheisteanna:

  • Bíonn dearadh an-deacair an-deacair toisc go gcaithfear gach ciseal a atheagrú de láimh do gach briseadhphointe. De rogha air sin, is féidir córas leagan amach bunaithe ar shrianta a thabhairt isteach ach cuireann sé sin le castacht, déanann sé cuair foghlama a ghéarú agus ar deireadh thiar cuireann sé cosc ​​ar fhorbróirí an leagan amach a aistriú go díreach chuig an ngréasán.
  • Ó tharla go bhfuil gach ciseal lasmuigh de shreabhadh an doiciméid, bíonn sé deacair ábhar a ionramháil. Mar shampla, más mian leat mír a chur le liosta, ní mór duit na míreanna eile ar an liosta sin a athshuíomh de láimh. Ar ndóigh, is féidir feidhmeanna athdhéanta agus gnéithe sainiúla eile a thabhairt isteach chun an pian a mhaolú ach arís, tugann sé seo castacht bhreise isteach agus castaíonn sé rud a thugann an DOM dúinn saor in aisce.
  • Bíonn comhordanáidí agus toisí seasta picteilín mar thoradh ar shuíomh iomlán. Póraíonn sé seo an dolúbthacht agus, arís, is imeacht ollmhór é ón gcaoi a bhfeidhmíonn an gréasán. Tá an gréasán tógtha ar aonaid sreabhach mar em, rem, vh, vw agus%. Ba cheart go dtacódh ár n-uirlisí leis na haonaid seo de réir réamhshocraithe.

Níor chóir go mbeadh gá le huirlisí dearaidh a bheith cosúil leis an ngréasán agus a nuances nó a léiriú - níor cheart go mbeadh siad ach ar an ngréasán.

Ní uirlis monolithic an bealach

Tarlaíonn dearadh maith i gcéimeanna. Tá cúpla sraith ar leith i gcóras dearaidh dea-struchtúrtha:

  1. Pailéad stíle Bailiúchán dathanna, scáthanna, spásáil, gathanna teorann, clófhoirne, clómhéid, beochan agus stíleanna eile atá mar fhéiniúlacht do bhranda. Faoi láthair, ní thacaíonn an chuid is mó de na huirlisí dearaidh ach pailéid dathanna. Go dtí go dtacaíonn siad leis na hairíonna stíle eile, beidh sé thar a bheith saothair dearadh go córasach.
  2. Sócmhainní Cuimsíonn sé seo eilimintí cosúil le deilbhíní, léaráidí agus íomhánna. Tá roinnt eagarthóirí íomhá iontacha amuigh ansin agus tá uirlis veicteora Figma ar fheabhas ach maidir le tacaíocht SVG, fágann go leor go bhfuil ár gcuid uirlisí dearaidh inmhianaithe.
  3. Leabharlann chomhpháirt Is éard atá i gcomhpháirt bailiúchán stíleanna agus sócmhainní a thugann sonraí d'aon ghné amháin in éagsúlachtaí éagsúla. I measc na samplaí tá cnaipí, ionchuir, suaitheantais srl. Mar a luaigh mé, tharraing Figma agus Sceitse an próiseas seo le déanaí ón bpríomhshreabhadh líníochta - is mór an trua nach bhfuil iontu ach pictiúir de chomhpháirteanna agus ní comhpháirteanna iarbhír.
  4. Modúil Is éard atá i modúl / comhdhéanamh bailiúchán comhpháirteanna a thugann sonraí do phíosa UI cuimsithe i stáit éagsúla. I measc na samplaí d’fhéadfadh barraí ceanntásca, biachláir cluaisíní, foirmeacha logála isteach, táblaí srl. Ó tharla nach bhfuil sna modúil ach comhpháirteanna casta, tá mé ag buille faoi thuairim gur féidir le Figma agus Sceitse iad seo a láimhseáil freisin. Cé go bhféadfadh fiúntas a bheith ann an dá rud a scaradh.
  5. Scáileáin Is éard atá i scáileán bailiúchán de mhodúil, de chomhpháirteanna agus de shonraí chun Chomhéadain iomlán a fhoirmiú ar féidir leis an úsáideoir idirghníomhú leis.

Soláthraíonn mórchuid na n-uirlisí dearaidh gnéithe a thacaíonn go pointe áirithe le gach ceann de na céimeanna dearaidh seo. Is í an fhadhb atá ann go bhfuil gach céim fite fuaite ina chéile. Ní thairgeann beagnach gach uirlis dearaidh ach modh amháin - an modh líníochta. Cruthaíonn tú sraith clár ealaíne agus ní thosaíonn tú ach pictiúir a tharraingt. Ní raibh ach uirlisí le déanaí mar chomhpháirteanna / siombailí teibí Sceitse agus Figma ar shiúl ón bpríomh-mhodh líníochta - rud atá aisteach mar gheall gur tarraingíodh comhpháirteanna le blianta fada i bhforbairt tosaigh.

Agus pailéad stíle á dhearadh agam, ní gá dom cláir ealaíne nó uirlisí veicteora a fheiceáil. Ba mhaith liom uirlisí a fheiceáil chun dathanna comhchuí a roghnú. Teastaíonn réamhshocruithe uaim le haghaidh rudaí cosúil le scála spásála 8dp nó rogha de scálaí cineáil.

Teastaíonn deilbhín go hiomlán difriúil chun deilbhín a dhearadh chun deilbhín a dhearadh. Bheadh ​​eagarthóir simplí SVG a lig dom dronuilleoga, ciorcail, línte agus cosáin SVG dúchasacha a tharraingt, agus ansin bheadh ​​cód SVG optamaithe le honnmhairiú oiriúnach.

Agus comhpháirt á dhearadh agam, níor cheart dom a bheith ag smaoineamh ar stíleanna aonair a thuilleadh - níor chóir dom ach stíleanna a roghnú as mo phailéad stíl réamhshainithe. Ní féidir liom ach stíleanna tweaking a thosú do chomhpháirt amháin mar thabharfadh sé sin neamhréireacht isteach, ag caolú éifeachtacht mo chórais dearaidh. Nuair atá pailéad stíle i bhfeidhm, níor cheart é a chur in eagar ach ag an bhfoinse.

Ar an gcaoi chéanna, agus modúl á chumadh agam, níor chóir dom a bheith nochtaithe do mo leabharlann chomhpháirt réamhshainithe. Níor cheart go mbeadh aon airíonna stíle i mbarra taobh. Gan aon uirlisí veicteora. Níl ann ach leabharlann de chomhpháirteanna in-athúsáidte ar féidir liom a tharraingt agus a ligean chun modúil a chumadh.

An rud céanna maidir le scáileáin cumadóireachta. Ag an bpointe seo, nílimid ag athúsáid ach comhpháirteanna agus modúil chun Chomhéadain a thógáil. Níl muid ag smaoineamh ar stíleanna nó cruthanna nó iarrachtaí cruthaitheacha eile. Táimid dírithe go príomha ar an ábhar agus na sreafaí úsáideoirí a dhearadh.

D’fhéadfaí gach ceann de na céimeanna dearaidh seo a dhéanamh in uirlisí ar leithligh go hiomlán nó díreach modhanna éagsúla laistigh den uirlis chéanna. Ní dóigh liom go mbaineann tábhacht leis. Rud amháin atá cinnte, áfach, ní aithníonn mórchuid na n-uirlisí dearaidh reatha an próiseas fiú.

Ba cheart go spreagfadh ár n-uirlisí dearadh maith

Is é an só annamh atá ag dearthóirí a bheith in ann líon gan teorainn de stíleanna uathúla a chur le tionscadal gan aon iarmhairtí suntasacha. Clómhéid beagán níos mó uait? Just a bump sé suas. Sin biggie. Dath beagán níos gile uait? Just tweak sé. Tá sé fionnuar. D’fhéadfá fiú cláir ealaíne iolracha a chruthú sa tionscadal céanna, gach ceann acu ag úsáid luachanna beagán difriúil le haghaidh stíleanna comhchosúla agus is dócha nach dtabharfaí faoi deara é.

Ní bheidh d’uirlis dearaidh riamh ag rá leat nach féidir leat rud a dhéanamh. Ní bheidh sé riamh ag tarraingt ort chun dath lasmuigh den bhranda a úsáid. Ní choiscfidh sé riamh ort luach spáis bán nach mbaineann le do scála spásála a úsáid. Ní thabharfaidh sé rabhadh duit riamh nach féidir le 20% den daonra an téacs liath éadrom sin atá deartha agat a fheiceáil.

Agus cén fáth nach…? Toisc nach bhfuil cúram ar uirlisí dearaidh.

Tá uirlisí dearaidh chomh héadrom le fís don chruthaitheacht neamhtheoranta gur chaill siad radharc ar a bhfuil i gceist le dearadh go ciallmhar, dearadh go huile agus go hiomlán, dearadh go córasach.

Go simplí, tugann uirlisí dearaidh deis dúinn cibé ifreann a theastaíonn uainn a dhéanamh. Go pointe áirithe, tá an leibhéal seo de chruthaitheacht gan teorainn úsáideach, go háirithe sna céimeanna idéalaithe. Mar dhearthóirí Chomhéadain, áfach, ní éilíonn mórchuid ár sreabhadh oibre go leor cruthaitheachta. Ina ionad sin, éilíonn ár sreabhadh oibre athúsáid, athrá, cur amach agus caighdeánú; riachtanais nach ndéanann ár n-uirlisí mórán chun iad a shásamh.

Tá an tsaoirse neamhtheoranta seo ag teacht salach ar réaltacht na forbartha gréasáin. Ó tharla go bhfuil forbróirí ag obair leis an táirge iarbhír, caithfidh siad go léir oibriú leis an gcód céanna. Ní féidir le forbróirí clómhéid iargúlta nó luachanna datha randamacha a chur leis an mbunchód. Ar dtús, is dóigh go dtosódh línéar (teachtaireacht foláirimh rabhaidh faoi chód droch-scríofa) ag screadaíl láithreach. Murab amhlaidh, is dócha go ngabhfaí a gceardaíocht shoddy le linn athbhreithnithe ar chód. Dá n-éireodh leis sleamhnú tríd na scoilteanna ar bhealach éigin, chuirfeadh tionchar suntasach feidhmíochta an t-aláram ar deireadh.

Ceann de na fadhbanna is suaití a fheicim ar fhoirne táirgí is ea an dícheangal idir foirne dearaidh agus forbartha. Tá forbróirí ag obair le treoirlínte agus srianta dochta le blianta. Mura nglacfaidh ár n-uirlisí dearaidh na srianta céanna, ní chúngóidh an bhearna go deo.

Ba cheart dúinn a bheith ag dearadh le sonraí beo

Tá go leor uirlisí ionchorpraithe go pointe áirithe ag sonraí beo, rud atá iontach le feiceáil. Tá roinnt gnéithe néata ag Adobe XD chun sonraí bréige a ghiniúint atá cosúil le sonraí beo tipiciúla. Soláthraíonn Invision Craft roinnt gnéithe sonraí beo fionnuar don Sceitse.

Níor cheart go stopfadh sonraí beo le téacs, áfach. Is féidir le heilimintí eile cosúil le híomhánna agus físeáin tionchar mór a imirt ar eispéireas an úsáideora trí amanna ualaigh a mhéadú go suntasach. Má tá tú ag obair ar an ngréasán, tugann uirlisí dev brabhsálaí deis duit an nasc a thriail chun a bheith cosúil le luasanna idirlín éagsúla. Ansin, is féidir leat a fheiceáil duit féin conas a d’fhéadfadh píosa nua ábhair dul i bhfeidhm ar eispéireas an úsáideora.

An dtugann ár n-uirlisí dearaidh na só seo dúinn?

I bhfocal: níl.

Dá fhairsinge a fhaighimid an táirge iarbhír a dhearadh, is amhlaidh is cabhraí agus is éifeachtaí a bheidh ár gcuid oibre dearaidh.

Tá an gréasán oscailte. Ba chóir go mbeadh ár n-uirlisí freisin.

Ceann de na rudaí fíor-álainn faoin ngréasán is ea a inrochtaineacht oscailte. Is féidir suíomh Gréasáin a fheiceáil in aon bhrabhsálaí gréasáin ar bheagnach aon ghaireas.

Conas a dhéantar comparáid idir sin agus uirlisí dearaidh? Bhuel, cúpla lá ó shin, d’iarr mo dheartháir David orm athbhreithniú dearaidh a dhéanamh ar aip atá á thógáil aige. Chuir sé comhad Sceitse chugam. Nuair a d’oscail mé é, tharla sé seo…

Is gairdíní múrtha iad formhór na n-uirlisí dearaidh. Má tá comhghleacaí amháin ag obair i Photoshop, ní féidir le comhghleacaí eile an tionscadal sin a oscailt i Sceitse. Ní leor fiú d’fhoireann iomlán an uirlis chéanna a úsáid - caithfidh siad a bheith ag baint úsáide as an leagan céanna den uirlis sin freisin.

Déanann Marvel agus Figma jab maith anseo, ag tairiscint pleananna saor in aisce agus gnéithe comhoibrithe nuálacha.

Mar sin, cad é todhchaí na n-uirlisí dearaidh?

Tá an nuálaíocht maidir le huirlisí dearaidh an-luachmhar agus rinneadh go leor di le déanaí. Ag uirlisí dearaidh Airbnb, tá Jon Gold agus Benjamin Wilkins ag obair ar React-Sketchapp a thógann comhpháirteanna React agus a thugann taobh istigh den Sceitse iad. Tá Jon agus Ben ag obair freisin ar uirlis nua atá ag séideadh intinne a thógann sceitsí naipcín agus a iompraíonn ina gcomhpháirteanna React iad ar bhealach éigin.

Tá Adam Morse, Brent Jackson agus John Otander ag obair ar shraith uirlisí ag Compositor a réitíonn go bunúsach na fadhbanna go léir san alt seo agus b’fhéidir ar fud an domhain.

Táim ag obair ar Modulz, uirlis dearaidh nua agus córas dearaidh foinse oscailte a bhfuil sé mar aidhm aige freisin na fadhbanna a luaigh mé san alt seo a réiteach. Má tá suim agat, lean leat ar Twitter chun nuashonruithe a fháil.

Cé go bhfuil nuálaíocht san uirlis tábhachtach, is é an dúshlán dáiríre an t-oideachas. Níl an pobal dearaidh réidh le haghaidh uirlis dheartha chórasach. Níl mórán suime ag go leor dearthóirí i gcórais tógála. I gcás cuid acu, is é an JPG an sprioc deiridh - is maith leis an Dribbble.

Caithfimid cultúr cuntasachta a spreagadh ar bhealach éigin. Tá cultúr cuntasachta ag forbróirí le blianta. Tá uirlisí acu chun a gcód a choinneáil faoi sheiceáil. Má chlaonann forbróir arís agus arís eile óna threoirlínte dochta cód, is féidir leat a bheith cinnte go dtabharfar aghaidh ar an gceist.

Idir an dá linn, is minic a bhailíonn dearthóirí sléibhte sraitheanna i ndíchuimhne iomlán gan mórán airde a thabhairt ar ainmniú, grúpáil agus ordú sraitheanna. Baineann sé go mór leo féin. Ós rud é nach ndéanann an t-ionchur (sraitheanna veicteora) difear don aschur (íomhá raster), níl aon ualach dáiríre ar dhearthóirí a eagrú. Is minic a dhéanann dearthóirí leithscéal as an easpa eagraíochta seo trí ealaín an dearaidh a rómánsú, iad féin a phéinteáil mar dhraíodóirí ar gá iad a fhágáil lena bhfeistí féin d’fhonn a dhéanamh.

Ní mór dúinn cultúr uilechuimsitheachta a spreagadh freisin. Ba cheart dúinn míchleachtas cosúil le dathanna téacs ultra éadrom a dhíspreagadh go gníomhach a fhágann go bhfuil sé deacair téacs a léamh do go leor daoine, nó clóscríbhinní ardcháilíochta a fhágann go bhfuil leathanaigh ghréasáin mall le luchtú, nó eilimintí Chomhéadain gan phatrún a fhágann go bhfuil sé deacair rudaí a thuiscint do dhaoine dalla daite. Faoi láthair, moltar an cineál seo míchleachtas i measc an phobail dhearaidh. Má táimid chun fáilte a chur roimh uirlis deartha chliste, ní mór dúinn an cultúr seo a aisiompú.

Má tá uirlis deartha chórasach chun ár gcroí a bhuachan, caithfidh sé oideachas a chur ar dtús.