Cleasan, Dealbhan agus Teicnichean Dealbhaidh Adobe

01 de 07

Cleasan, Dealbhan agus Teicnichean Dealbhaidh Adobe

Nuair a thug Adobe a-steach Dealbhadh Eòlas mar Ro-ràdh Poblach , choilean a 'chompanaidh dà rud as iongantach aig an aon àm. An toiseach, dh 'fhàg iad àite anns a' mhargaidh bathar-bog prototyping a tha a 'tighinn am bàrr. San dàrna àite, chruthaich iad cothrom do luchd-cleachdaidh cluich le "obair air adhart" agus tha e a 'leigeil le luchd-cleachdaidh buaidh a thoirt air an adhartas sin. A-nis gu bheil an t-iarrtas air a bhith ann airson beagan mhìosan, shaoil ​​mi gum biodh e math ùine a bhith a 'roinn cuid de chleasan, comhairlean agus dòighean-obrach Dealbhaidh.

Ach an toiseach, is dòcha gu bheil thu a 'faighneachd dè tha air a chiallachadh le Prototyping Software. Am measg nam prìomh chluicheadairean san àite seo tha Proto.io, Principle, UXPin, Atomic.io , Design Design agus InVision. Eu-coltach ri tagraidhean leithid Sgeidse 3, Photoshop agus Illustrator far a bheil dealbhadh staitistigeil air an dèanamh, tha na deasachaidhean grafaigeach seo a 'toirt a-steach eadar-ghnìomhachd, gluasad agus feartan eile a tha cumanta ann an àite gluasadach agus dealbhadh lìn an latha an-diugh.

Le àrdachadh fònaichean-làimhe agus am fòcas neo-sheasmhach, coltach ri laser air a 'chleachdaiche, chan eil e a-nis gu leòr airson neach-dealbhaidh a bhith a' sgioblachadh beagan sgeidsichean, a 'tarraing còmhla grunnan comps agus an uairsin a' leigeil leis a 'phròiseact a leigeil air no a luchdachadh suas gu frithealaiche lìn. Tha an t-sruth-obrach UI / UX air nithean atharrachadh gu bunaiteach. Tha a h-uile ceum den phròiseas, bho bhith a 'comharrachadh an neach-cleachdaidh, sgeidsichean, faidhlichean uèir, mockups, agus prototyping a-nis fo ùmhlachd do dheuchainnean luchd-cleachdaidh farsaing.

Is e sin an ìre mu dheireadh - prototyping - far a bheil na puingean pian air an lorg agus air an stèidheachadh mus gluais am pròiseact gu bhith a 'dèanamh deireannach. Seo far a bheil eadar-ghnìomhachd, gluasad, tionndadh sgrion agus a bhith a 'suidheachadh gach rud air an sgrion cho cudromach. Chan urrainnear cùisean agus duilgheadasan a shealltainn dìreach mar ìomhaigh dhìreach no air am mìneachadh mar as trice. Às deidh sin, tha na stuthan sin airson fìor dhaoine. An àite a bhith a 'gluasad a h-uile càil sin gu còd, tha am pròiseas prototyping a' sìor fhàs air a dhèanamh le bathar-bog grafaigeachd a chaidh a dhealbhadh dìreach chun na h-adhbhar sin. Tha e nas fhasa mearachd a rèiteach, cuir dealbh an àite, ath-sgrìobhadh cuid de theacsa, gluais putan agus mar sin air adhart le bhith a 'cleachdadh deasaiche lèirsinneach na a bhith a' ath-sgrìobhadh agus a 'còd dearbhaidh daonnan.

Gu dearbh, tha am bathar-bog seo air a bhith na phrìomh phàirt den àrainneachd Dealbhaidh is Leasachaidh "Rapot Prototyping" an-diugh.

Le sin thuirt, gum bi beagan spòrs againn le Dealbhadh Eòlas.

02 de 07

Cruthaich Pìos Ceann-uidhe Le Ciorcal sìmplidh ann an Adobe Experience Design

Is e aon ghnè nead de XD an cleachdadh de innealan tarraing feòir. Chan urrainn dhut ìomhaigh a lorg? Chan eil duilgheadas ann. Rollaibh fhèin. Seo mar a tha:

1. Tagh an Uidheam Ellipse agus, leis na h-iuchraichean Roghainn / Alt-Shift brùthadh, tarraing cearcall.
2. Leis an cearcall a chaidh a thaghadh, cuir an dath Fill gu FF0000 agus an Crìochan gu "none" anns na feartan.
3. Dèan briogadh dùbailte air a 'chearcall gus na h-àiteachan acair a shealltainn. Slaod an acair gu h-ìosal.
4. Dèan briogadh dùbailte air an Rubha Anchor a thagh thu agus cuiridh na loidhnichean an àite na croisean.
5. Tarraing cearcall beag eile le lìonadh geal agus gun stoke. Gluais e gu suidheachadh agus tagh am prìne agus an cearcall. Anns a 'phannal Align aig mullach nan Properties briog air a' phutan Ionad Cothromach agus thèid am Pin a chruthachadh.

03 de 07

Cruthaich cùl-fhiosrachadh ann an Adobe Experience Design

Tha e cumanta gum bi teacsa no susbaint eile ann mu ìomhaigh cùl-raon. Is e an duilgheadas an seo an ìomhaigh, nas trice na chan e, a 'toirt thairis air an t-susbaint os a chionn. Is e aon dhòigh air a bhith a 'fuasgladh na cùise seo a bhith a' briseadh sìos an ìomhaigh cùil Faodaidh tu an ìomhaigh fhuasgladh ann am Photoshop no bathar-bog deasachaidh ìomhaighean eile, ach tha seo beagan neo-èifeachdach, gu h-àraid bhon urrainn do XD a-nis an obair seo a làimhseachadh dhut. Seo mar a tha:

1. Cruthaich clàr-ealain ùr agus cuir ris an ìomhaigh cùil agad.
2. Tagh an Inneal Reangangle agus tarraing thu ceart-cheàrnach thairis air an ìomhaigh. Leis an Reangangle air a thaghadh, cuir an Fill gu White agus an stròc gu dona.
3. Leis an Reangangle air a thaghadh, tagh Cùl-fhiosrachadh Blur anns a 'phannal fheartan. Is e na trì luchd-faidhlichean a tha a 'meudachadh sùim, brèagha agus sùbailteachd. Seo na tha iad a 'dèanamh:

• Sùim Blur: A ' dìon blùrachd an ìomhaigh fon chumadh. Is e an luach as àirde +50.
• Gliocas: A ' rèiteachadh na h-àrd-chliù agus na sgàilean anns an ìomhaigh. Is e an luach as ìsle -50 agus is e an luach as àirde +50.
• Cothromachd: A 'toirt buaidh air follaiseachd an cumaidh agus follaiseachd an ìomhaigh fon chumadh. Tha na luachan eadar 0% agus 100%.

Ma tha thu airson "rudan atharrachadh", atharraich dath an cumaidh agus cluich leis a 'luach Opacity gus "sealladh" na h-ìomhaigh atharrachadh.

04 de 07

Cruthaich sgrìobadh ann an Adobe Experience Design

Is e duilgheadas dealbhaidh cumanta a th 'ann an eileamaidean eadar-aghaidh a bhith na dathan cumanta ach, thèid an call nuair a thèid a chur air cùl ìomhaigh no dath cruaidh. Is e am fuasgladh sgrìob. Is e caisead beagan tearc a th 'ann an scrim eadar an eileamaid eadar-aghaidh agus an cùl-raon. Tha seo furasta a choileanadh ann an XD. Seo mar a tha:

1. Cruthaich do chlàr-bùird ann an XD, cuir ìomhaigh agus copaidh agus peadaich eileamaidean eadar-aghaidh bhon Kit UI iomchaidh - File> Open UI Kit ... - a-steach don bhòrd-art. Anns an ìomhaigh gu h-àrd, tha an dealbh a 'dèanamh a' bhàr Inbhe agus an App Bar duilich fhaicinn.
2. Tagh an Inneal Reangangle agus tarraing ceart-cheàrnach. Ann am Pannal Togalaichean tagh Lìon agus tagh Gradient bhon pop sìos san Picker Dath. Suidhich na dathan caisead gu Dubh agus Geal. Suidhich luach A - Ìomhaigh- gu 60% agus an luach Geal A gu 0%.
3. Leis an Reangangle air a thaghadh, tagh Rud> òrdachadh> cuir air ais air ais . Tha na h-eileamaidean eadar-aghaidh a-nis rim faicinn thar an ìomhaigh.

05 de 07

Cruthaich Avatar deilbh ann an Adobe Experience Design

Tha Pàtran Dealbhaidh cumanta ri fhaighinn ann an aplacaidean còmhraidh far a bheil daoine a 'bruidhinn ri chèile agus tha dealbh an neach-labhairt a' nochdadh air an sgrion. Mar as trice tha na h-avatars seo ìomhaighean a chaidh a losgadh. Tha e marbh sìmplidh seo a choileanadh ann an XD. Seo mar a tha:

1. Bidh tu a 'tòiseachadh le ìomhaigh agus cearcall no cumadh eile air a' chlàr-ealain. Faodaidh tu an cearcall a lìonadh le dath sam bith. Chan eil agad ri dhèanamh ach airson dath stròc a chur ris. Bidh e a 'dol à bith nuair a chruthaicheas tu a' bhuaidh, agus mar sin carson a tha e draghail. Ma dh'fheumas tu an cearcall a stoke, lethbhreac dheth chun bhòrd-chlàir.
2. Gluais an cearcall chun an ìomhaigh agus tagh an dà chuid an ìomhaigh agus an cearcall. Le rudan bot a chaidh a thaghadh, tagh Rud> masg le cruth . Nuair a dh'fhàgas tu an luchag, thèid an Avatar a chruthachadh. Às an sin faodaidh tu atharrachadh a dhèanamh air.
3. Ma dh'fheumas tu stròc a chuir ris, cuir a-steach an cearcall na shuidhe air do chlàr-bùird air a 'bhòrd-art. Leis an lethbhreac a chaidh a thaghadh, cuir crìoch air na Feartan agus cuir dath agus leud stròc ris. Gus an lìonadh suas, tagh an dà rud agus briog air na putanan Ionad Ath-nuadhachadh anns na roghainnean Ailig aig mullach pannal nan togalaichean.
4. Ma tha thu airson an dealbh a ghluasad timcheall air a 'bhroilleach, briog air an masg dùbailte. Nochdaidh seo an ìomhaigh agus an cumadh masg. Cliog air an ìomhaigh agus slaod e ann an suidheachadh. Nuair a bheir thu seachad an luchag, bidh an ìomhaigh anns an t-suidheachadh ùr taobh a-staigh a 'bhoglaich.

06 de 07

Cluich le Adobe Experience Design Artboards

Chan eil na h-innealan-ealain Dealbhaidh Eòlas dìreach ann airson dhut susbaint a shuidheachadh. Faodaidh iad cuideachd a bhith air an làimhseachadh. Seo beagan rud as urrainn dhut a dhèanamh:

1. Ma tha feum agad air tionndaidhean Landscape and Portrait de artboard, bidh e a 'dùblachadh an clàr-ealain agus, leis an dùblachadh a chaidh a thaghadh, briog air a' phutan tìre anns a 'phannal Properties. Nì am bathar-ealain atharrachadh gu Landscape orientation. Ma tha susbaint air Artboard air, briog air ainm Artboard agus nochdaidh togalaichean Artboard anns a 'Phannal Properties.
2. Gus dath àbhaisteach a chur ris an Artboard, agus am pròiseact airson a 'chùis sin, tagh an Artboard agus briog air an sgiobair dath Fill ann an earrann Ath-shealladh Pannal nan Ealan. Cuir a-steach an luach seaghach airson an dath agus briog air an comharra +. Thèid an dath a chur ris mar dath dathte. Gus an dath sin a chur a-steach an àiteigin eile, tagh rud agus cliog air an sgiob dath dathte gus an dath a chur a-steach.
3. Faodar artailean a dhèanamh gu dìreach ann an staidhre. Gus seo a dhèanamh, tagh am bòrd-artaigil agus atharraich e an àirde an dara cuid air na Pannalan Feartan no le bhith a 'slaodadh bonn an bùird-artachaidh sìos. Anns an raon Scrollable de phannal nan togalaichean, tagh dìreach bhon chlàr pop sìos agus cuir a-steach àirde an fhuaim airson an sgrion. Tha an loidhne gorm sin a 'sealltainn dhut bonn an t-seallaidh. Gus dearbhadh a dhèanamh air, briog air a 'phutan Play agus gluais air falbh. Gus scròbadh a leigeil dheth, tagh Diog anns an scrolling pop down.

07 de 07

Deasaich Kit UI Fòn-làimhe ann an Adobe Experience Design

Tha Experience Design ann an UI Kit airson iOS, Android agus Windows UI a leasachadh. Nuair a bhios tu gan fosgladh an toiseach, is dòcha gu bheil thu a 'smaoineachadh gu bheil iad air an suidheachadh gu math ceart. Chan eil gu leòr - tha gach pìos agus pìosan anns na h-innealan sin gu h-iomlan a 'deasachadh. Feuch an lorg sinn a-mach le bhith a 'togail frèam-uidheam Android.

1. Bidh thu a 'tòiseachadh le bhith a' taghadh inneal Artboard agus a 'taghadh Android Mobile san roinn Ghoogle den Phannal Properties .
2. Tagh File> Open UI Kit> Stuth Ghoogle . Bidh seo a 'fosgladh Kit Uidheam Deilbhte Material. Tagh an Glainne Mion-luachaidh agus am pàillean e Screen Guides artboard . Is toigh leam tòiseachadh leis an fhear seo oir tha e a 'toirt dhomh na h-iùl a th' agam airson suidheachadh ceart air-sgrìn de na h-eileamaidean eadar-aghaidh. Ma bhriogas tu air aon de na barraichean Gorm, chì thu gu bheil e glaiste. Cliog air a 'ghlais a tha ceangailte ri gach fear dhiubh airson a fhosgladh . Marquee the artboard agus cuir lethbhreac den taghadh chun a 'bhòrd-bhùird. Thoir air ais chun do phàipear agus cuir an sgrion sìos dhan bhòrd-ealain agad.
3. Briog air aon uair air a 'bhàr-aplacaid gu bheil mullach na bùird-art. Feuch mar as urrainn dhut a thaghadh. Tagh Rud> A 'rèiteachadh> A' toirt air ais. Tha do roghainn a-nis os cionn nan Stiùiridhean Screen. Bu chòir seo innse dhut gu bheil gach aon de na h-eileamaidean air an sgrion comasach air a dheasachadh.
4. Dèan dà dhiog air a 'Bhàr Inbhe aig a' mhullach agus, anns a 'Phannal Properties agus et an dath Lìon gu 455A64 . Dèan dùbailte air an App Bar agus cuiridh e crìoch air 607D8B. Bu chòir dha seo innse dhut gum bi gach eileamaid ann an inneal UI air a dheasachadh gus coinneachadh ri sònrachaidhean dath a 'phròiseict.
5. Dè mu na h-ìomhaighean? Seo mar a dh'atharraicheas iad an dath. Dèan briogadh dùbailte air a 'chridhe airson a thaghadh. Ma sheallas tu air a 'Phannal Togalaichean, is dòcha gu bheil thu den bheachd nach urrainn dhut an taghadh a dheasachadh. Chan eil gu leòr. Dèan briogadh dùbailte sa chridhe aon uair eile . Bidh na togalaichean fosgailte agus atharraichidh tu an dath lìonta gu FF0000. Dèan an cleas seo dùbailte dùbailte airson na h-ìomhaighean a tha air fhàgail agus an teacsa.