01 of 09
Kumaha Ka Meunang sorangan Mimitian Jeung UXPin
Salaku urang ngalih kana realm desain mobile, desain aplikasi jeung desain responsif aya geus hiji fokus ngaronjatkeun on UX (pamaké Garapan) jeung wireframing , prototyping interaktif tur mockups. Aya ton parabot kaluar aya aimed di Ecological ieu sareng aranjeunna ngajalankeun tangga nada pinuh ti kompleks, Fitur behemoths sarat pikeun sparse na bieu mangpaat. Salah sahiji parabot anu geus bray panon abdi UXPin saukur sabab diwangun ku désainer pikeun désainer.
Sateuacan urang pindah ka hareup ... caveat a. Mun Hormat mangrupa organisasi nu prefers sorangan software nu lajeng UXPin henteu keur anjeun. Sakabéh karya dipigawé dina aplikasi ieu dipigawé dina browser jeung proyék nu simpen keur disimpen kana rekening Anjeun.
Pikeun ngamimitian kalawan UXPin anjeun ngajalankeun hiji browser na sirah kana UXPin. Ti dieu bisa ngadaptarkeun sababaraha sidang bébas atawa ngatur pikeun rencana bulanan dumasar kedah diantisipasi Anjeun. Prosés tanda up téh rada gampang jeung sakali geus diatur Ngaran pamaké anjeun sarta Sandi, anjeun téh siap ngamimitian.
02 of 09
Kumaha Ka Mimitian A Project di UXPin
Lamun anjeun asup Anjeun sumping di Dashboard jeung, ti dieu anjeun bisa mutuskeun nyieun wireframe anyar, hiji proyék mobile anyar atawa proyék Desain Web responsif. Aya ogé nyolok-in pikeun UXPin nu bakal ngidinan Anjeun pikeun mawa dina proyék Photoshop atanapi sketsa Anjeun. Keur kitu Kumaha Ka Kuring keur bade nyieun banner jeung sababaraha téks na nambahkeun hiji tombol email kana spanduk. Keur ngalengkepan ieu kuring dipilih Jieun wireframe anyar.
03 of 09
Kumaha Ka Paké The UXPin Interface
The Design Surface geus pegat ka opat wewengkon. Di wewengkon hideung di kenca aya runtuyan parabot nu ngantep anjeun balik deui ka dasbor, buka Unsur anjeun bakal make, Ngabuka panél Smart Unsur, milari elemen, nambahan catetan ka kaca jeung nambahan anggota tim. Di handap nyaéta tombol nu muka hiji tutorial pondok, lian nu ngidinan Anjeun pikeun ngakses akun anjeun sarta séjén nu aksés ka FAQ urang, hayu urang nu nanyakeun na malah nyadiakeun eupan balik.
Di wewengkon biru sapanjang luhur mangrupakeun runtuyan parabot jeung sipat. The tombol darker di sisi katuhu ngidinan Anjeun pikeun iterate design anjeun, ngaluyukeun setelan proyék, bagikeun kaca jeung ngalakukeun hiji simulasi di-browser kaca.
Panel Unsur anu mana nu Anjeun grab nu bit jeung lembar pikeun Desain Surface, ngaran proyék anjeun sarta nambahkeun atawa nyabut kaca.
The Unsur perpustakaan nyaeta kejutan pikeun désainer UX pikaresepeun. pop Ieu handap ngidinan Anjeun milih ti anon 30 perpustakaan mimitian ti ios Android Lolipop Salaku ogé anjeun boga aksés ka Bootstrap sarta elemen Yayasan sapanjang jeung Font Awesome ikon, ikon sapuan pikeun mobile na kumpulan Widget Sosial.
04 of 09
Kumaha Ka Tambahkeun Hiji Unsur Ka Hiji halaman UXPin
Pikeun ngamimitian I nyeret Box unsur kana beungeut rarancang jeung, nalika kuring ngaleupaskeun beurit, panel Pasipatan muka. Tombol Pasipatan ngidinan Anjeun ngaranan unsur tur nyetel jangkungna sarta posisi lebar nilai unsur urang. Anjeun oge bisa nambahkeun padding kana unsur, buleud kaluar juru tur saluyukeun opacity na. Ngaklik tombol Latar Warna muka hiji picker warna RGBA.
Anjeun oge bisa ngadaptarkeun font, wawatesan jeung pola jeung unsur nu dipilih. The kilat baud méré Anjeun kamampuhan pikeun nambahkeun interactivity ka unsur nu dipilih.
05 of 09
Kumaha Ka Tambahkeun Jeung Format téks Dina UXPin
Nambahkeun teks, seret unsur téks kana beungeut rarancang jeung asupkeun téks Anjeun. Klik tombol Harta téks pikeun muka sipat Font jeung pormat téks Anjeun. Lamun perlu blok tulisan dummy, tambahkeun unsur téks na klik ngahasilkeun tombol LOREM IPSUM dina sipat Font.
06 of 09
Kumaha Ka Tambahkeun Hiji Gambar Ka Hiji UXPin Page
Aya sababaraha cara keur ngalengkepan ieu tugas. Anjeun tiasa nganggo Alat Gambar di toolbar, tambah unsur Gambar ti Perpustakaan atawa saukur nyered tur ngaleupas hiji gambar tina desktop Anjeun onto unsur dina beungeut rarancang sakumaha ditémbongkeun di luhur.
07 of 09
Kumaha Ka Tambahkeun A Button Ka Hiji UXPin Page
Padahal aya unsur Button, ngasupkeun "Button" kana aréa Search, sakumaha ditémbongkeun di luhur, muka nepi sadaya tombol kapanggih dina sakabéh pustaka. Séred hiji anu hade pikeun anjeun onto beungeut rarancang jeung nganggo Pasipatan ngarobah warna, font, komo radius Border. Pikeun ngarobah téks jero tombol, klik sakali dina téks jeung asupkeun téks anyar.
08 of 09
Kumaha Ka Tambahkeun Interactivity Ka Hiji halaman UXPin
Ieu teu jadi pajeulit sakumaha eta mimitina bisa muncul. Keur input email, abdi ditambahkeun unsur input, ukurana dinya, diasupkeun téks tur formatna téks. Kalawan unsur Input dipilih klik tombol Pasipatan na, nalika sipat Unsur némbongan klik pisibilitas nu button- panon nu - di pojok katuhu luhur panel.
Pilih tombol tur klik interaksi tombol - nu kilat Bolt- dina sipat. Nalika panel interaksi muka, pilih BodhisattvaBot Anyar. Pilih Klik ti pemicu pop handap. Di wewengkon Aksi pilih Tembongkeun Unsur. Anjeun bakal kiwari jadi dipenta mana Unsur mun némbongkeun. Klik sakali dina gunsite tur klik unsur Input. Kalawan unsur dicirikeun, Anjeun ayeuna bisa ngabedakeun atanapi teu ngahirupkeun unsur. Dina hal ieu kuring megatkeun pikeun némbongkeun kotak Input kalawan betah di na indit jeung nilai durasi standar tina 300ms.
Kuring ogé hayang mibanda tombol mindahkeun ngeunaan 65 piksel pikeun katuhu keur diklik. Kuring dipilih tombol, dibuka panel interaksi jeung dipilih BodhisattvaBot Anyar. I dipaké ieu setélan:
- Pemicu: Klik
- Peta: Pindah Ku
- Pindahkeun abah: 65 px dina x sumbu
- Animasi: linier
- Durasi: 300 mdet
Pikeun nyabut hiji interaksi milih unsur jeung Ngabuka panél interaksi. Pilih interaksi dina panel tur klik Jarian Bisa dihapus eta.
09 of 09
Kumaha pikeun nguji Page anjeun Dina UXPin
Alatan kanyataan anjeun digawé di browser nu, nguji téh maot basajan. Klik tombol simulate Desain. Kaca bakal muka dina browser jeung anjeun bisa nguji jalan. Aya ogé bakal panel a ditambahkeun kana sisi kénca kaca nu ngidinan keur Comments, a Peta Loka lamun aya sababaraha kaca, usability Tés, Live Sharing Basa, Edit sarta mulang ka Dashboard dina.
Di handap kaca geus panel leutik sejen nu ngidinan Anjeun némbongkeun unsur Interactive, acara atanapi nyumputkeun koméntar sarta babagi link proyék kalawan batur.