Trik Adobe Garapan Desain, Tips, sarta Téhnik

01 of 07

Trik Adobe Garapan Desain, Tips, sarta Téhnik

Nalika Adobe diwanohkeun Garapan Desain salaku Nilik Public , pausahaan dilakonan dua feats rada endah dina waktos anu sareng. Kahiji, aranjeunna staked kaluar rohangan di pasar software prototyping munculna. Kadua, aranjeunna dijieun kasempetan pikeun pamaké maén sareng "karya-di-kamajuan" na ieu letting nu pamaké pangaruh nu kamajuan. Kiwari éta aplikasi nu geus disadiakeun pikeun sababaraha bulan, Teu sangka bakal waktu nu sae pikeun babagi sababaraha Garapan Desain trik, tips, jeung téhnik.

Tapi ke heula, Anjeun bisa jadi wondering naon anu dimaksud ku Prototyping Software. Diantara pamaén utama di ieu rohangan téh Proto.io, Prinsipna, UXPin, Atomic.io , Garapan Jurnalisme sarta InVision. Teu kawas aplikasi kayaning sketsa 3, Photoshop na Illustrator mana desain statik dihasilkeun, ieu rai grafis ngenalkeun interactivity, gerak jeung fitur sejenna umum di spasi design mobile na web dinten ieu.

Kalawan kebangkitan mobile jeung dilawan fokus, laser-kawas on pamaké, éta geus euweuh kacukupan keur desainer pikeun mecut nepi sababaraha sketsa, narik babarengan sababaraha comps lajeng ngaleupaskeun proyék atawa unggah ka hiji web server. UI / UX workflow boga hal fundamentally robah. Unggal hambalan proses, da identifying pamaké, sketsa, wireframes, mockups, sarta prototyping ayeuna poko keur nguji pamaké éksténsif.

Éta nu tahap panungtungan - prototyping - dimana titik nyeri anu kapanggih sarta dibereskeun saméméh proyék nu ngalir kana produksi final. Ieu tempat interactivity, gerak, transisi layar tur teu ngarenah sagalana dina layar anu jadi kritis. Isu jeung masalah bisa saukur jadi ditémbongkeun salaku gambar statik atanapi dipedar verbal. Barina ogé, produk ieu keur manusa nyata. Tinimbang mindahkeun sakabéh nu keur kode, anu prosés prototyping ieu beuki keur undertaken ku software grafik dirancang ngan keur kaperluan éta. Ieu gampang ngalereskeun kasalahan, ngaganti hiji gambar, nulis balik sababaraha teks, mindahkeun tombol a jeung saterusna maké pangropéa visual ti terus ditulis na kode debugging.

Kanyataanna, software ieu geus jadi komponén konci dina dinten ieu "Rapid Prototyping" Desain sarta Pangwangunan lingkunganana.

Kalayan ngomong yén, hayu urang gaduh sababaraha senang jeung Garapan Desain.

02 of 07

Jieun Pin tujuan Sareng hiji Circle Basajan dina Adobe Garapan Desain

Hiji aspék rapih tina XD nyaéta pamakéan miboga parabot vektor gambar. teu bisa manggihan hiji ikon? Henteu masalah. Gulung anjeun sorangan. Di dieu nu kumaha:

1. Pilih The elips Alat na, jeung kenop Pilihan / Alt-Shift dipencet, tarik bunderan.
2. Jeung bunderan dipilih, nyetel warna eusian kana FF0000 jeung Border kana "euweuh" dina sipat.
3. Ganda-klik bunderan pikeun nuduhkeun titik jangkar. Sered handap jangkar handap.
4. Ganda-klik jangkar Arahkeun dipilih sarta ngagambarkeun kurva anu diganti ku garis.
5. Tarik bunderan leutik sejen ku eusian bodas sarta euweuh stoke. Mindahkeun kana posisi jeung pilih pin na bunderan. Dina panel align dina luhureun éta Pasipatan klik tombol horisontal Center sarta Pin geus dijieun.

03 of 07

Jieun Blur Latar dina Adobe Garapan Desain

Ieu mangrupakeun umum pikeun mibanda téks atanapi eusi nu sejen liwat hiji gambar tukang. masalahna di dieu mangrupakeun gambar, leuwih sering ti moal, overpowers eusi luhur eta. Hiji cara ngarengsekeun masalah ieu nyaeta mun blur gambar tukang. Anjeun tiasa blur gambar di Photoshop atawa software na rohangan ngédit gambar lianna, tapi ieu téh rada teu episien, utamana saprak XD ayeuna tiasa ngadamel ieu tugas pikeun anjeun. Di dieu nu kumaha:

1. Jieun artboard anyar jeung nambahan gambar tukang Anjeun.
2. Pilih Alat Pasagi nd a narik sagi opat anu leuwih gambar. Kalawan Pasagi nu dipilih, nyetel eusian ka Bodas jeung stroke nepi Euweuh.
3. Jeung Pasagi dipilih, pilih Blur Latar dina panel sipat. Tilu sliders anu Blur Jumlah, Caang na Opacity. Di dieu Kang naon maranéhna ngalakukeun:

• Blur Jumlah: Saluyukeun blurriness sahiji gambar handapeun bentukna. Nilai maksimum nyaéta +50.
• Kacaangan: Saluyukeun highlights sarta bayangan dina gambar. Nilai Copélna aya -50 jeung nilai maksimum nyaéta +50.
• Opacity: mangaruhan transparansi tina bentuk jeung pisibilitas gambar di handapeun bentukna. Nilai dibasajankeun 0% ka 100%.

Lamun anjeun rék ka "pindah hal up", ngarobah warna bentuk jeung maén jeung nilai Opacity robahna "kasampak" gambar.

04 of 07

Jieun Scrim di Adobe Garapan Desain

Hiji masalah desain umum nyaeta elemen panganteur elemen kudu janten warna umum tapi, nu leungit nalika ditempatkeun leuwih hiji gambar latar atawa warna padet. Leyuran nyaeta scrim a. A scrim mangrupakeun gradién rada opaque disimpen diantara unsur panganteur na tukang. Ieu gampang keur ngalengkepan dina XD. Di dieu nu kumaha:

1. Jieun artboard anjeun dina XD, tambahkeun hiji gambar na salin hiji elemen panganteur ti UI Kit luyu - File> Buka UI Kit ... - kana artboard nu. Dina gambar di luhur poto ngajadikeun bar Status sarta App Bar susah ningali.
2. Pilih Alat Pasagi tur tarik kaluar sagi opat hiji. Dina Pasipatan Panel pilih eusian tur pilih gradién tina pop handap dina Warna Picker. Nyetél kelir gradién mun Hideung Putih. Nyetél A nilai - Opacity- ka 60% jeung nilai Bodas A nepi 0%.
3. Kalawan Pasagi nu dipilih, pilih Objék> Susun> Kirim mundur. Unsur panganteur anu ayeuna ditingali ngaliwatan gambar.

05 of 07

Jieun hiji Gambar Avatar di Adobe Garapan Desain

A Desain Pola umum anu kapanggih dina aktip Chat dimana urang ngobrol silih sarta gambar dina spiker urang bisa ditempo dina layar. avatars ieu biasana gambar nu geus masked. Éta mayit basajan ngalengkepan ieu XD. Di dieu nu kumaha:

1. Anjeun mimitian ku hiji gambar sarta bunderan atawa bentuk séjénna dina artboard nu. Anjeun tiasa ngeusian bunderan kalawan warna nanaon. Naon teu kedah ngalakukeun anu nambahkeun warna stroke. Ieu bakal ngaleungit mun anjeun nyieun pangaruh sangkan naha ganggu. Mun anjeun perlu stoke bunderan, nyalin ka clipboard.
2. Mindahkeun bunderan dina ka gambar tur pilih duanana gambar na bunderan. Kalawan objék bot dipilih, pilih Objék> Topeng jeung Wangun. Lamun anjeun ngaleupaskeun mouse, nu Avatar geus dijieun. Ti dinya anjeun bisa ngatur ukuran eta.
3. Lamun perlu nambahkeun stroke a, nempelkeun bunderan linggih dina clipboard Anjeun onto artboard nu. Jeung salinan dipilih mareuman eusian dina Pasipatan jeung tambahkeun hiji warna stroke jeung lebar. Pikeun baris aranjeunna nepi, pilih duanana objék jeung klik tombol Center align dina pilihan align di luhureun panel sipat.
4. Mun rék mindahkeun poto nu di sabudeureun dina topéng, ganda klik topéng. Ieu bakal némbongkeun gambar jeung bentuk topeng. Klik gambar tur sered kana posisi. Lamun anjeun ngaleupaskeun beurit, gambar bakal di posisi anyar na jero topéng.

06 of 07

Maén Jeung Adobe Garapan Desain Artboards

The Design artboards Garapan henteu ngan aya pikeun anjeun pikeun nempatkeun eusi. Aranjeunna, teuing, bisa dimanipulasi. Di dieu sababaraha hal nu tiasa ngalakukeun:

1. Lamun perlu Lansekap na versi Potrét hiji artboard, jadi gaduh panulisan artboard jeung, jeung duplikat dipilih, klik tombol bentang dina panel Pasipatan. Artboard bakal ngarobah kana orientasi Lansekap. Mun Artboard ngabogaan kandungan ka dinya, klik nami Artboard urang jeung pasipatan Artboard bakal muncul dina Pasipatan Panel.
2. Nambahkeun warna custom mun Artboard, sarta proyék pikeun zat nu, pilih Artboard tur klik chip warna eusian dina bagian Panémbong tina Pasipatan Panel. Asupkeun nilai hexadecimal pikeun warna jeung klik + tanda. Warna bakal ditambahkeun salaku Warna Adat. Panawaran warna nu nguap, pilih hiji obyék teras klik chip Adat Warna panawaran kelir.
3. Artboards bisa dijieun vertikal scrollable. Jang ngalampahkeun ieu, pilih artboard jeung ngarobah jangkungna na boh dina Pasipatan Panels atanapi ku cara nyéred handap artboard ka handap. Di wewengkon Scrollable tina panel sipat, pilih nangtung ti pop handap menu na asupkeun jangkungna viewport pikeun layar. Yén garis biru dashed nembongkeun anjeun handap viewport nu. Pikeun nguji éta, klik tombol Play sarta ngagulung jauh. Mareuman ngagulung, pilih Euweuh dina ngagulung pop handap.

07 of 07

Ngedit Kit Mobile UI di Adobe Garapan Desain

Pangalaman Desain ngandung hiji Kit UI pikeun ngamekarkeun ios, Android jeung Windows UI urang. Lamun anjeun mimiti muka éta, Anjeun bisa pikir maranéhna nu geulis ogé diatur dina tempat. Teu rada-tiap tina bit jeung buah di eta kit anu pinuh editable. Hayu urang neangan kaluar ku ngawangun hiji wireframe Android.

1. Anjeun ngamimitian ku milih alat Artboard sarta milih Android Mobile di bagian Google tina Pasipatan Panel.
2. Pilih File> Buka UI Kit> Google Bahan. Ieu muka Bahan Desain UI Kit. Pilih kaca pembesar na marquee t anjeunna layar Panungtun artboard. Kuring resep mimitian ku ieu sabab méré kuring nu Panungtun pikeun panempatan dina layar ditangtoskeun tina elemen panganteur. Lamun klik salah sahiji Blue bar anjeun bakal nempo eta dikonci. Klik konci napel unggal sahijina pikeun muka konci éta. Marquee artboard jeung nyalin Pilihan pikeun clipboard. Balik deui ka dokumen Anjeun paste layar kana artboard Anjeun.
3. Klik sakali dina bar App yén luhureun artboard kana. Perhatikeun kumaha anjeun tiasa milih eta. Pilih Objék> Susun> Bawa ka hareup. Pilihan anjeun ayeuna luhureun Panungtun layar. Ieu kedah ngabejaan Anjeun unggal elemen dina layar anu bisa diédit.
4. Klik ganda Bar status di luhur jeung, dina et teh Pasipatan Panel s warna eusian kana 455A64. klik ganda App Bar tur nyetel eusian -na pikeun 607D8B. Ieu kedah ngabejaan Anjeun unggal unsur dina kit UI bisa diédit papanggih spésifikasi warna proyek urang.
5. Naon ngeunaan ikon? Di dieu téh kumaha carana ngarobah warna maranéhanana. Klik ganda jantung pikeun milih eta. Lamun kasampak di Pasipatan Panel, anjeun bisa nganggap anjeun teu bisa ngédit seleksi. Teu rada. Ganda klik haté hiji waktos deui. The Pasipatan kabuka jeung anjeun ngarobah warna eusian kana FF0000. Ngulang trik-ganda-klik ganda ieu ikon sésana jeung téks.