Aonad 3 / 11

Dearadh Comhéadain agus Giniúint Cód Chomhéadain le hIntleacht Shaorga

Gnóthachain:

  • Cumas cód láidir comhéadan a tháirgeadh le haghaidh Jetpack Compose agus SwiftUI in ord cuspóra, comhpháirte, ceithre staid (lódáil / folamh / earráid / iomlán), córas deartha agus inrochtaineacht
  • Cumas comhéadan a tháirgeadh atá oscailte do gach úsáideoir trí inrochtaineacht a shainiú ón tús, le lipéadú ceart, codarsnacht leordhóthanach agus teagmháil chuí.
  • Cumas comhéadain chomhsheasmhacha, ilteangacha agus éadroma/dorcha do théama a chruthú trí dhath agus spás a léamh ón téama lárnach

Cinneann a chomhéadan úsáideora (UI - na scáileáin a fheiceann an t-úsáideoir agus a dteagmháil léi) agus an taithí úsáideora (UX - cé chomh réidh agus chomh taitneamhach is atá sé le húsáid) a chinnfidh rathúlacht app soghluaiste den chuid is mó. Ní fheiceann an t-úsáideoir an droch-chód, ach mothaíonn sé an droch-chomhéadan sa chéad soicind. Tá dhá ról cumhachtacha ag AI i bhforbairt comhéadan: ar thaobh amháin, gineann sé smaoineamh dearadh, sreabhadh agus téacs (scríbhneoireacht UX); Ar an láimh eile, athraíonn sé an dearadh seo go díreach isteach i gcód comhéadan oibre. San aonad seo, foghlaimfimid conas comhéadain thapa, inrochtana agus chomhsheasmhacha a tháirgeadh le AI, ag díriú ar uirlisí comhéadain dearbhaithe nua-aimseartha Jetpack Compose (Android) agus SwiftUI (iOS). Ciallaíonn "Dearbhú" in ionad a mhíniú céim ar chéim conas an scáileán a tharraingt, déanann tú cur síos ar "seo mar ba chóir don scáileán breathnú sa chás seo"; Déanann an uirlis an chuid eile.

Ó dhearadh go cód: an t-ordú ceart

Tá sé doiléir a rá le AI “scáileán álainn a dhéanamh” toisc nach féidir “álainn” a thomhas. Leanann giniúint comhéadan maith an t-ordú seo:

  1. Cuspóir agus ábhar. Cad a dhéanann an scáileán, cén fhaisnéis a thaispeánann sé, cad a dhéanfaidh an t-úsáideoir?
  2. Liosta comhpháirteanna. Páirteanna cosúil le teideal, liosta, cnaipe, réimse foirm.
  3. Cásanna. Luchtú, folamh (gan sonraí), earráid, iomlán - na ceithre stáit scáileán bunúsach.
  4. Córas dearadh. Dath, clóghrafaíocht, rialacha spásála; go ginearálta a chomhlíonann na Treoirlínte Comhéadain Daonna d'Ábhar 3 (Android) nó iOS.
  5. Inrochtaineacht. Lipéid léitheoir scáileáin, codarsnacht leordhóthanach, spriocmhéid tadhaill.
  6. Cód. Agus é seo go léir ráite, giniúint Inchomparáide nó SwiftUI View.

Is í an tríú céim an chéim is minice a sciptear. Ní mheasann forbróirí ach an stát "iomlán"; ach i bhfíor-iarratas is mó a bhíonn ar an úsáideoir cásanna “lódála” agus “earráid”. Is é an rún chun comhéadan láidir a phriontáil na ceithre stát go léir chuig an AI.

Leid: Cuir "luchtú a ghiniúint, folamh, earráid, agus iomlán ar leithligh" ag deireadh an leid. Déanann an abairt aonair seo do chomhéadan réidh don saol fíor agus laghdaítear go mór líon na n-earráidí sa chéim QA (tástáil cáilíochta).

Níl an inrochtaineacht soshannta

Inrochtaineacht — is freagracht eiticiúil agus stór agus ionchas dlíthiúil é an cumas chun an feidhmchlár a úsáid ag úsáideoirí faoi mhíchumas amhairc, éisteachta nó mótair. Táirgeann AI cód inrochtana más mian leis; Filleann sé comhéadan gan chlib, codarsnacht íseal mura bhfuil sé ag teastáil. Trí riail ordóige: tabhair lipéad bríoch do gach eilimint idirghníomhach don léitheoir scáileáin (Cur síos ar an ábhar / Lipéad inrochtaineachta), codarsnacht leordhóthanach datha idir an téacs agus an cúlra (cóimheas 4.5:1 ar a laghad), agus sprioc tadhall de 48x48 dp/44x44 pt ar a laghad. Iarr ar an AI na rudaí seo go sainráite.

Rabhadh: Is féidir le AI clib inrochtaineachta fada a chur le deilbhín maisiúil freisin; Sáraíonn sé seo an léitheoir scáileáin le comhrá gan ghá. Ba cheart go mbeadh eilimintí maisitheacha amháin "i bhfolach ó inrochtaineacht" (le cead don léitheoir scáileáin iad a fhágáil). Athbhreithniú a dhéanamh ar na lipéid a tháirgtear: lig an brí a labhairt, lig an maisiúil fanacht ciúin.

Comhsheasmhacht: córas dearaidh agus téama

Ní úsáideann feidhmchláir ghairmiúla dathanna randamacha agus spásáil; seo a leanas córas dearaidh (sraith chaighdeánach dathanna, clónna, spásáil, agus comhpháirteanna). Má thugann tú do luachanna téama AI (príomh-dath, dath tánaisteach, ga cúinne, scála clóghrafaíochta), tiocfaidh gach scáileán amach comhsheasmhach. Mura ndéanann tú, bainfidh gach scáileán úsáid as scáth gorm eile agus beidh cuma thrang ar an aip. Is é an bealach is éifeachtaí ná iarraidh ar an AI comhad comharthaí téama/dearaidh a ghiniúint ar dtús, ansin gach scáileán a cheangal leis an téama sin.

Ábhar

cur chuige bocht

Cur chuige láidir

Dath

De láimh cód datha gach scáileán

Téama lárnach, léann scáileáin ón téama

cásanna

Scáileán "lán" amháin

Luchtú / folamh / earráid / ceithre stát iomlán

inrochtaineacht

Cuireadh leis níos déanaí

Tá sé sainmhínithe san éileamh ón tús

téacs

leabaithe i gcód

Foinse ar leith, iltheanga réidh

trí chás mion

Cás 1 - Cás folamh sábháilte. Bhí stáit scáileáin aonair priontála AI ag foireann app nuachta. A bhuí leis an scáileán “stádas díomhaoin” (“Níor sábháladh aon nuacht fós”), níor fhág 70% de na rannpháirtithe i dtástáil úsáideora an aip ar scáileán bán; Sa leagan roimhe seo, d'fhan an scáileán bán bán agus cheap úsáideoirí go raibh sé "briste" agus d'fhág sé. Mhéadaigh ráta coinneála cóip bheag.

Cás 2 — Diúltú codarsnachta. Chuir foireann amháin isteach ar an App Store le scáileáin le téacs i liath éadrom, dath an bhranda. D'eisigh Apple rabhadh ar fhorais inrochtaineachta mar gheall ar chodarsnacht íseal. Nuair a dúradh leis an AI “codarsnacht an chúlra téacs a mhéadú os cionn 4.5:1”, d’éirigh na dathanna níos dorcha agus réitíodh an fhadhb. Dá n-iarrfaí é ón tús, ní bheadh ​​aon mhoill ann.

Cás 3 - Torann lipéad maisiúil. Thuairiscigh tástálaí lagamhairc gur léadh gach deilbhín ornáide ("líne," "ponc," "scáth") os ard ar an scáileán a ghintear le AI, rud a fhágann nach bhféadfaí an scáileán a úsáid. D'éirigh taithí an léitheora scáileáin níos luainí nuair a bhí gnéithe maisithe i bhfolach ó inrochtaineacht. Ceacht: ciallaíonn inrochtaineacht “na clibeanna cearta,” ní “iomarca clibeanna.”

Leid lag / Pras láidir

Leid lag: "Dear scáileán próifíle."

Leid cumhachtach: "Gin scáileán próifíle úsáideora le haghaidh iOS/SwiftUI. Ábhar: avatar, ainm, ríomhphost, cnaipe 'Cuir próifíl in eagar', liosta socruithe. Stádais: luchtú (cnámharlach), earráid (cnaipe atriail), iomlán. Dearadh: Neamh-Ábhar, ag teacht le iOS HIG; dathanna córais, Cineál Dinimiciúla. Inrochtaineacht: inrochtaineachtLipéad ó gach eilimint, deilbhíní maisiúla i bhfolach, tadhaill ar an gcód dath ar leith. scáileán. Ar dtús tarraing an crann comhpháirte, ansin easpórtáil an cód."

Teimpléid inchóipeála

Teimpléad giniúna scáileáin: "Gin [ainm scáileáin] le haghaidh [ardán/uirlis]. Ábhar: [eilimintí]. Gníomhartha úsáideora: [gníomhartha]. Gin ceithre stát ar leithligh: luchtú, folamh, earráid, iomlán. Córas deartha: [Ábhar 3 / iOS HIG], léite ó chomharthaí téama. Inrochtaineacht: lipéid, codarsnacht >=4.5:1, caighdeán sprioc tadhaill."

Teimpléad córas téama/dearaidh:"Déan sainmhíniú téama lárnach do m'aip ([Cum Téama / struchtúr comharthaí dearaidh i SwiftUI]):- Dath príomhúil [heicsidheachúlach], tánaisteach [heicsidheachúlach], dath earráide, dath dromchla - scála clóghrafaíochta (teideal, corp, cur síos) - Scála spásála (4,8,16,24) - Caighdeán ga cúinne Cuir tacaíocht téama éadrom agus dorcha leis."

Teimpléad iniúchta inrochtaineachta:"Seiceáil an cód scáileáin seo le haghaidh inrochtaineachta:1) An bhfuil aon eilimintí idirghníomhacha gan chlib?2) An bhfuil cóimheasa codarsnachta leordhóthanach?3) An bhfuil na spriocanna tadhaill mór go leor?4) An bhfuil gnéithe maisithe i bhfolach ón léitheoir scáileáin? Mol réitigh do gach eagrán. [cód]"

Teimpléad dearadh go cód: "Déanaim cur síos ar an dearadh seo a leanas: [cur síos ar an scáileán nó seat scáileáin]. Aistrigh é seo go cód [Compose/SwiftUI]. Coinnigh an spásáil agus an ailíniú i gceart don dearadh, ach cuir na ceithre stát leis."

Botúin choitianta

  • Níl ort ach smaoineamh ar an staid iomlán. An chuid is mó den am feiceann an t-úsáideoir fíor an scáileán luchtaithe / earráide.
  • Dath agus spás a neadú i gcód. Mura bhfuil an téama lárnach, cailltear comhsheasmhacht agus bíonn sé deacair cothabháil.
  • Ag fágáil inrochtaineachta go deireanach. Tá sé costasach é a chur leis níos déanaí; Tá sé saor ó chostas má iarrtar é ón tús.
  • Rólipéadú. Má léitear gnéithe maisiúla cuireann sé isteach ar eispéireas an léitheora scáileáin freisin.
  • Téacs a neadú i gcód. Nuair a bhíonn gá le tacaíocht ilteangach, is gá gach scáileán a athrú de láimh; Coinnigh téacsanna ar leithligh.
  • Ag súil le cóip bheacht ón scáileán. Táirgeann dearadh AI thart. Socraítear cruinneas picteilíní de láimh.

Go hachomair

Tá AI cumhachtach i dtáirgeadh comhéadan, ach éilíonn sé treoir. An t-ord ceart: cuspóir, comhpháirteanna, ceithre staid (lódáil/folamh/earráid/lán), córas deartha, inrochtaineacht, ansin cód. Níl an inrochtaineacht soshannta agus ciallaíonn sé "an lipéad ceart," ní "iomarca lipéad." Ar mhaithe le comhsheasmhacht, léigh dath agus spásáil ón téama lárnach, ná cuir isteach sa chód é. Sainíonn an toil láidir seo go léir ón tús; Dá bhrí sin, tá an comhéadan réidh le haghaidh an saol fíor, ceadú siopa agus gach úsáideoir.

Tasc feidhmchláir

Ag baint úsáide as an “Teimpléad giniúna scáileáin” le haghaidh scáileán socruithe, iarr ar an AI le haghaidh Compose nó SwiftUI cód agus iarr ar na ceithre stát. Ansin seiceáil an cód céanna leis an "Teimpléad seiceála Inrochtaineachta". Aimsigh agus ceartaigh feabhas inrochtaineachta amháin ar a laghad (lipéad in easnamh, codarsnacht íseal, nó sprioc beag teagmhála) agus tabhair faoi deara cén stádas (lódáil/folamh/earráid) is minice a bheidh le feiceáil i bhfíorúsáid, dar leat.

seicliosta

  • [ ] Rinne mé cuspóir agus comhpháirteanna an taispeántais soiléir sa leid
  • [ ] Bhí na ceithre stát agam (luchtú / folamh / earráid / iomlán) a ghintear ar leithligh
  • [ ] Rinne mé an dath agus an spás a léamh ón téama lárnach, níor neadaigh mé sa chód é.
  • [ ] Theastaigh uaim lipéid inrochtaineachta agus codarsnacht ón tús
  • [ ] Dheimhnigh mé go bhfuil gnéithe maisithe i bhfolach ar an léitheoir scáileáin
  • [ ] Choinnigh mé na téacsanna ar leithligh, réidh le haghaidh teangacha iolracha