paint-brush
Tanga Kugadzira Madhizaini Ako (Chaizvoizvo)by@ivansipilov
207 kuverenga

Tanga Kugadzira Madhizaini Ako (Chaizvoizvo)

by IvanSipilov7m2024/10/28
Read on Terminal Reader

Kurebesa; Kuverenga

Vagadziri vanotarisirwa kuvhara mukaha pakati pekusika uye tekinoroji. Chero ani zvake, kunyange vagadziri, vari kushanda pane interfaces vanofanira kunge vane pfungwa huru yekugadzira. Vagadziri vanonzwisisa kukodha vane mukana wakasiyana. Vari nani pakushanda muzvikwata zvese. Vanogona kushandura pfungwa kuva mhinduro dzinoshanda, dzinonakidza.
featured image - Tanga Kugadzira Madhizaini Ako (Chaizvoizvo)
IvanSipilov HackerNoon profile picture
0-item


Nei yave nguva yekuti vagadziri vadzidze kunyora kodhi

Ndine chokwadi chekuti vagadziri vemazuva ano vanofanirwa kuita zvakawanda pane kungogadzira zvinotaridzika zvakanaka mushandisi. Basa ravepo, uye zvino isu tinotarisirwa kuvhara mukaha pakati pekusika uye tekinoroji.


Imwe yehunyanzvi hwakanakisa hwatinogona kuwedzera kune yedu Toolkit kuita izvi? Coding .


Zvino, tarisai, pane gakava rinopisa riri kuitika pamusoro pekuti vagadziri anofanira kudzidza kukodha kana kwete . Ini ndinofunga kuti kupatsanurwa kwekare pakati pevagadziri nevagadziri hakuchashandi. Izvo hazvizadzise zvigadzirwa zvemazuva ano zvinodiwa. Chero ani zvake, kunyange vagadziri, vari kushanda pane interfaces vanofanira kunge vane pfungwa huru yekugadzira.


Panguva imwecheteyo, sarudzo dzekugadzira hazvifanirwe kuvharirwa mumitemo yakaoma kana mabhuku akaiswa neavo vasinganzwisise:

  • kusangana,
  • tech, kana
  • coding.


Munguva yekuita, iyi ndiyo nzira iyo dhizaini (kurudyi) uye kuita kwayo chaiko (kuruboshwe) kunowanzo tarisa:



Uye imi (vagadziri) ndimi chete munogona kugadzirisa izvi. Ndiri kukupa kodhi - sepiritsi remashiripiti kuti upedze UI sekurota kwawaiita.


Pashure pezvose, zvave zvichitaurwa nenzira yakarurama kuti dhizaini haisi munhu. Ibasa.

Coding inoita kuti tiwedzere kuchinjika pakugadzira shanduko yemusika

Dhizaini iri kuchinja nekukurumidza, uye ndizvo zvakaita hunyanzvi hwatinoda kuti tirambe takadaro. Ikozvino, handisi kuti tichakurumidza kuona basa repamutemo rinodaidzwa kuti "Chigadzirwa Dhizaini-Mugadziri," asi vashandirwi vari kutsvaga vanhu vanogona kubuda kunze kwebubble redhizaini yechinyakare. Vanoda vanogadzira avo:


  • nzwisisa maitiro evanhu ,

  • inogona kushandira pamwe muzvikwata zvese,

  • uye kubatsira kupfuura kungogadzira zvinoonekwa.


Vagadziri vanonzwisisa kukodha vane mukana wakasiyana. Vari nani pakushanda muzvikwata zvese. Ivo vanogona kushandura mazano kuita anoshanda, anobata zvigadziriso zvinosangana nezvinodiwa chaizvo nemushandisi.


Chinyakare UI dhizaini haina kukwana. Kunzwisisa kuti zvinhu zvinovakwa sei-mafuremu, macodebases, uye masisitimu anosimbisa magadzirirwo edu-zvinotibatsira kugadzira zviitiko zvisina kunaka chete asiwo zvinoshanda zvisina musono nehunyanzvi hwekuzvifambisa. Isu hatisisiri kungogadzira masikirini e "eye-candy".


Semuenzaniso, panguva yeprojekti ichangobva kuitika inosanganisira Flutter , yakavhurika-sosi hurongwa hwekuvaka maapplication kubva kune imwechete codebase, ndakaona kukosha kwakakosha ruzivo rwekodha kuita sarudzo dzekugadzira ruzivo.


Tisingazive tekinoroji, zvingave zvakanyanya kuoma kugadzira animations, shanduko, kana mafambiro zvinhu zvakashanda mukati meiyo dev timu.


Mifananidzo yeVeggie Grower iOS App yevarimi veGerman yakagoneka nekuti ndakadzidza kunyora.



Mabhenefiti ekodha zvakare anowedzera kupfuura hunyanzvi. Inogona kutochinja mashandiro anoita uropi. Imwe neimwe yekunetsa yekodhi inomutsa kubatana kutsva muuropi hwangu. Inochinja uye inoshanduka, ichindibatsira mune dzimwe nzvimbo.


Sainzi inoratidza kuti nzira itsva dzemutsinga dzinoumbwa patinodzidza chimwe chinhu chakaoma kana chisingazivikanwe, sekukodha kana kuridza chiridzwa. Unyanzvi hutsva hunoita zvinopfuura kuwedzera mano edu. Vanodzokorora zvakare uropi hwedu. Tinova vanochinja-chinja uye vakatsiga mukutarisana nematambudziko.


Coding inobatsira kuona maonero emugadziri

Vagadziri vanogona kukodha kurerutsa kubatana nevagadziri. Izvi zvinotungamirira kumaitiro akatsetseka uye zvigadzirwa zviri nani. Coding inotibatsira kugadzira mamwe anoshanda, echokwadi magadzirirwo. Inoita kuti hupenyu huve nyore kune vanogadzira uye inoderedza kupokana pakati pezvikwata. Kana isu tichinzwisisa kodhi, isu tiri nani pakutaura mazano edu uye kushandura zviratidzo zvekugadzira kuita mhinduro dzinoshanda.


Ini ndichatsanangura zvakawanda ne "mwana" wangu Veggie Grower app. Kukanganisa kwangu kukuru kwaive kuita iyo UI yakanyanya kuoma nekuti mutengi akasimbirira pakuva ne "wow factor." Isu taida kufadza, asi takapotsa mucherechedzo - iyo UI chaiyo yeapp muchitoro cheapp haina kufamba zvakanaka (ona kavha yenyaya iyi pamusoro).


Izvi zvakandidzidzisa kuti vagadziri vanofanirwa chaizvo kuita semutsetse wekutanga wekudzivirira kune vanogadzira. Isu tinofanirwa kusundidzira kumashure kana mazano ebhizinesi atanga kukukurwa achienda munzvimbo isingaite, kudzivirira chigadzirwa uye UX kubva pakunyanya kuoma. Isu takakwanisa kuwana mamwe ma smart workarounds kuti app itangwe. Ndakashandisa musanganiswa weLottie animations uye imwe yandakazvigadzira pachangu-hunyanzvi hwangu hwekukodha zvechokwadi hwakauya hunobatsira pano. Zvakatibatsira kukwenenzvera zvinhu zvakakwana kuti kuburitswa kuitike.


Kudzidza kukodha kwakachinja zvachose maonero andaiita magadzirirwo angu. Ndakatanga kuona zvinhu nemaonero emugadziri, ndichinzwisisa matambudziko avanotarisana nawo-sekuenzanisa zvinhu zvakaomarara nemiganhu yebhajeti uye nekuwana yechokwadi yepakati pakati pemazano makuru uye izvo chaizvo zvinogoneka.


Kunzwisisa marwadzo evagadziri vs kuziva nguva yekumira panzvimbo yako

Coding yakandidzidzisa kunzwira tsitsi kudivi rekusimudzira rekuita.


Izvo zvakakosha kuti uzive kuti vanogadzira vanowanzo sangana nekumanikidzwa kukuru kuita kuti zvinhu zvishande. Mushure memazuva ekupedza debugging, chinhu chekupedzisira chavanoda kubata neakaomarara dhizaini zvinhu zvinowedzera zvisina basa matambudziko.


Apa ndipo patiri isu sevagadziri, tinofanira kupindira sevanogadzirisa matambudziko. Tinofanira kuedza kuti zvive nyore uye zvakajeka- kuenzana pakati pefomu uye basa rinoshanda zvose mushandisi nemugadziri.


Izvi hazvireve kurerutsa magadzirirwo ese kusvika pakupusa. Zvinoreva kuve nehungwaru, kutyora mainterface kuita zvinogoneka, zvinovaka izvo zviri nyore kune vanogadzira kunzwisisa nekuita.


Zvino, ngatitaurewo nezvechimwe chinhu chinonzi “kuchengeta gedhi”. Mazuva ano, muUX, inowanzoonekwa seyakashata. Kuchengeta gedhi: chiitiko chekudzora uye kazhinji kudzikisira kuwanikwa kune chimwe chinhu.


Asi mukugadzira, kuva "muchengeti wesuwo" chikamu chikuru chebasa. Isu tiri mutsara wekudzivirira zvisati zvaitika chimwe chinhu. Basa redu nderekuita shuwa kuti zvese zvatinobatsira kugadzira zvinovandudza rwendo rwemushandisi.


Uku “kuchengeta gedhi” hakusi kwekunetsa. Ndezvekuita shuwa kuti zvinodiwa nemushandisi zviri kumberi nepakati. Uye apa ndipo kuziva zvishoma kodhi kunogona kuita mutsauko wese.


Kana iwe uchinzwisisa chikamu chekusimudzira, iwe uri munzvimbo iri nani yekutaurirana kuti nei mamwe magadzirirwo akakosha.


Ngatitii uri kushanda pane chimwe chinhu chaunoda animation chaiyo yekutungamira kutarisa kwemushandisi, asi mugadziri anoda kuisvetuka kuchengetedza nguva. Kana iwe uchiziva kuti iwo animation inogona kuitwa sei, taura, yakapfava CSS tweak kana kushandisa iripo JavaScript raibhurari, unogona kukakavara nyaya yako zvinobudirira, uye mugadziri anonyanya kuteerera.


Ichi ndicho chinhu chakakosha: kuziva makodhi kwakakosha kuti ubatsire kupokana nezvemaonero ako nenzira inovaka uye isingakanganisi mapato ese.


Coding inoita kuti tione mashiripiti ari kuseri kwe 'Wow Factor'


"Avocado guy" pazasi inoratidza kurodha kune zvimwe zvinhu. Zvaive nehutsinye kune vanogadzira, saka ndakashandisa Lottie kuishandura kuita JSON-izvo zvakaita kuti kusanganisa kuve kusina musono uye zvakangotora maminetsi gumi nemashanu pane mazuva.


Mukutarisa kwedu kuita kuti zvinhu zvishande, hatigone kukanganwa nezve "wow factor."


Mafambiro anoyerera neanimation kana kuti mavara eUI akanyatsodzikama sei anogona kuita kuti chiitiko chiyeuke. Uku kubatana kwemanzwiro kwakakosha mukuita kuti zvigadzirwa zvisangoshandiswa chete asiwo zvinonakidza.


Vashandisi vanonyanya kushivirira pazvinhu zvidiki zvekushandisa pavanowana interface inoyevedza. Mushure mezvose, aesthetic dhizaini inogona kubudirira pane kungoshanda.


Nekudaro, iyo "wow factor" haingoitika. Zvinoda kuti tishande pamwe nevagadziri kuti tive nechokwadi chekuti chiono chedu chenguva idzodzo chinoturikira muchigadzirwa chekupedzisira. Zvishandiso zvakaita seLottie kana CSS animations zvinotitendera kuratidza vanogadzira izvo chaizvo zvatinoda, zvichibatsira kuunza shanduko nekudyidzana kuhupenyu.


Coding inotibatsira kunzwisisa zvinogoneka

Kudzidza kunyora kodhi kunotibatsira kunzwisisa izvo zvinogoneka kuvaka-uye chii chingangove chakatambanudzwa. Chokwadi, inokatyamadza Dribbble portfolio yakanaka kuona. Asi, kana izvo zvigadziriso zvisingakwanisi kugadzirwa, zvinongori zvedhijitari, kwete zvigadzirwa zvinoshanda.


Kana tichiziva zvimwe zvekutanga zvekodha, tinotanga kuona zvinogoneka, zvinoreva kuti tinogona kugadzira tisingaremere vagadziri vedu nemazano asingaite.


Tora, semuenzaniso, kugadzira micro-kupindirana kwechiratidzo chekupinda. Fungidzira iwe unoda zvidiki, zvinogutsa animation. Inofanira kupa vashandisi mhinduro sezvavanonyora password yavo. Semuenzaniso, munda unofanirwa kupenya girini kana fomati chaiyo yasangana. Pasina kunzwisisa zvishoma zveCSS kana JavaScript, unogona kumisa chimwe chinhu chakanyanya kuomarara chingatora maawa echikwata che dev kuvaka. Nerumwe ruzivo rwekodhi, iwe unoziva kuti ndeapi mhedzisiro inoitika. Zvichakubatsira iwe kumisa mazano anotonhorera uye anogoneka.


Vagadziri vanofanirwa "kuva semvura" - inochinjika uye inoyerera (mazvita nekuda kweichi quote, Bruce ) Tinogona kuramba tichisundira miganhu yekugadzira, asi isu tinoteerera kune zvipingaidzo zviri pamberi pedu.


Magadzirirwo akanakisa anokurudzira vashandisi uye vanogadzira zvakafanana pasina kusunda kupfuura izvo zvinoshanda kuvaka.


Hand-in-hand for impactful design

Dhizaini haisi yeaesthetics. Iyo inzira yekugadzirisa matambudziko ine chinangwa chekuvandudza zviitiko zvevanhu nechigadzirwa uye sevhisi yaunopa, uye, pakupedzisira, nemhando yako.


Nhasi, hatisi vagadziri chete; isu tiri vagadzirisi vematambudziko, shasha dzeruzivo rwevashandisi, uye, zvakanyanya kukosha, vashandi. Nekubatanidza hunyanzvi hwedu neruzivo rwehunyanzvi, tiri kugadzira nzira yezvigadzirwa zvemangwana-zvigadzirwa zvisina kunaka chete asiwo zvine zvazvinoreva uye zvinoshanda kune vashandisi.


Basa redu sevagadziri rinopfuura kugadzira yakanaka prototype-ndeyekushanda takabatana nemaoko nevagadziri kuti chiono ichocho chive neupenyu. Izvi zvinoreva kugara uchibatanidzwa mukati mehurongwa hwekusimudzira, kuvepo kuti ushande kuburikidza nematambudziko ehunyanzvi, kugadzirisa dhizaini pazvinenge zvichidikanwa, uye kuchengetedza mitsetse yekukurukurirana yakavhurika. Iko kubatana kunoenderera mberi uku kunoshandura dhizaini yakanaka kuita chigadzirwa chakasarudzika.


Sezvo dhizaini inoramba ichishanduka, kukodha kuri kungokura mukukosha. Pamharadzano dzekugadzira uye tekinoroji, pane mukana unoshamisa wekuvandudza-asi zvinoda shanduko yemafungiro. Kumbundira coding seunyanzvi hwepakati kunoita kuti vagadziri vagadzire zvigadzirwa zvisingango shamisa zvinooneka asiwo zvinoshanda, kuvandudza-hushamwari, uye zvinokanganisa.


P. S: Ndinoziva zvaunofunga, unoda aya makadhi ane mavara eveggie. Ndakagadzirira kuvhura Figma resource file yako: