09 ના 01
UXPin સાથે જાતે પ્રારંભ કેવી રીતે કરવો તે
અમે મોબાઇલ ડિઝાઇન, એપ્લિકેશન ડિઝાઇન અને પ્રતિભાવ ડિઝાઇનના ક્ષેત્રમાં પ્રવેશી રહ્યા હોવાથી યુએક્સ (વપરાશકર્તા અનુભવ) અને વાયરફ્રેમિંગ , ઇન્ટરેક્ટિવ પ્રોટોટાઇપિંગ અને મૉકઅપ્સ પર વધુ ધ્યાન કેન્દ્રિત કર્યું છે. આ વિશિષ્ટ લક્ષ્યાંકને લક્ષ્યાંક બનાવવા માટે ત્યાં એક ટન સાધનો છે અને તેઓ જટિલ, સંપૂર્ણતાવાળા લાક્ષણિક બીહેમોથથી વિરલ અને ભાગ્યે જ ઉપયોગી માટે સંપૂર્ણ કદમ ચલાવે છે. મારી આંખને ખેંચી લેનાર સાધનો પૈકી એક યુએક્સપિન છે, કારણ કે તે ડિઝાઇનરો માટે ડિઝાઇનરો દ્વારા વિકસાવવામાં આવી હતી.
અમે આગળ વધો તે પહેલાં ... એક ચેતવણી જો તમારી પાસે તે સંસ્થા છે જે સૉફ્ટવેરની માલિકી પસંદ કરે છે તો UXPin તમારા માટે નથી. આ એપ્લિકેશનમાં થયેલા તમામ કાર્યોને બ્રાઉઝરમાં કરવામાં આવે છે અને તમે સાચવો છો તે પ્રોજેક્ટ તમારા એકાઉન્ટમાં સચવાય છે.
UXPin સાથે પ્રારંભ કરવા માટે તમે બ્રાઉઝર લોન્ચ કરો અને UXPin તરફ જાઓ. અહીંથી તમે મફત ટ્રાયલ માટે સાઇન અપ કરી શકો છો અથવા તમારી અપેક્ષિત જરૂરિયાતને આધારે માસિક યોજના માટે ગોઠવી શકો છો. સાઇન અપ પ્રક્રિયા ખૂબ સરળ છે અને એકવાર તમે તમારું વપરાશકર્તા નામ અને પાસવર્ડ સેટ કર્યો છે, તો તમે પ્રારંભ કરવા માટે તૈયાર છો.
09 નો 02
UXPin માં એક પ્રોજેક્ટ શરૂ કરવા માટે કેવી રીતે
જ્યારે તમે લોગ ઇન કરો છો તો તમે ડેશબોર્ડ પર પહોંચો છો અને અહીંથી તમે નવી વાયરફ્રેમ, નવી મોબાઇલ પ્રોજેક્ટ અથવા રીસ્પોન્સિવ વેબ ડિઝાઇન પ્રોજેક્ટ બનાવવાનું નક્કી કરી શકો છો. UXPin માટે પ્લગ-ઇન્સ પણ છે જે તમને તમારા ફોટોશોપ અથવા સ્કેચ પ્રોજેક્ટ્સમાં લાવવા માટે પરવાનગી આપશે. આ માટે હું કેવી રીતે કેટલાક ટેક્સ્ટ સાથે બેનર બનાવવા જઈ રહ્યો છું અને બૅનરને ઇમેઇલ બટન ઉમેરું છું. આ પરિપૂર્ણ કરવા માટે મેં નવું વાયરફ્રેમ બનાવ્યું છે.
09 ની 03
UXPin ઇન્ટરફેસનો ઉપયોગ કેવી રીતે કરવો
ડિઝાઇન સપાટી ચાર ક્ષેત્રોમાં ભાંગી ગઇ છે. ડાબી બાજુના કાળા વિસ્તારમાં સાધનોની શ્રેણી છે જે તમને ડૅશબોર્ડ પર પાછા આવવા દે છે, તમે જે ઘટકોનો ઉપયોગ કરશો, સ્માર્ટ એલિમેન્ટ્સ પેનલ ખોલો, તત્વો માટે શોધો, પૃષ્ઠ પર નોંધો ઉમેરો અને ટીમના સભ્યો ઉમેરો. નીચે એક બટન છે જે ટૂંકા ટ્યુટોરીયલ ખોલે છે, બીજો એક કે જે તમને તમારા એકાઉન્ટને ઍક્સેસ કરવા દે છે અને બીજું જે FAQ ની ઍક્સેસ કરે છે, ચાલો તમે પ્રશ્નો પૂછો અને પ્રતિસાદ પણ આપો.
ટોચની વાદળી વિસ્તારમાં સાધનો અને ગુણધર્મોની શ્રેણી છે. જમણી બાજુ પરનું ઘાટા બટન્સ તમને તમારી ડિઝાઇનને ફરી વળવું, પ્રોજેક્ટ સેટિંગ્સને વ્યવસ્થિત કરવા, પૃષ્ઠને શેર કરવા અને પૃષ્ઠના ઇન-બ્રાઉઝર સિમ્યુલેશન કરવા દે છે.
એલિમેન્ટ્સ પેનલ છે કે જ્યાં તમે ડીઝાઇન સપાટી માટે બિટ્સ અને ટુકડાઓ પડાવી લે છે, તમારા પ્રોજેક્ટને નામ આપો અને પૃષ્ઠો ઍડ કરો અથવા દૂર કરો.
એલિમેન્ટ્સ લાઇબ્રેરી એ યુએક્સ ડિઝાઇનરો માટે સુખદ આશ્ચર્ય છે. આ પૉપ ડાઉનથી તમે iOS થી એન્ડ્રોઇડ લોલીપોપ સુધીના 30 લાઈબ્રેરીઓમાંથી પસંદ કરી શકો છો તેમજ તમને ફૉન્ટ અદ્ભુત ચિહ્નો, મોબાઇલ માટે હાવભાવ ચિહ્નો અને સમાજ વિજેટોનો સંગ્રહ સાથે બુટસ્ટ્રેપ અને ફાઉન્ડેશન તત્વોની ઍક્સેસ છે.
04 ના 09
UXPin પૃષ્ઠ પર એલિમેન્ટ કેવી રીતે ઉમેરવું
પ્રારંભ કરવા માટે હું બોક્સની તત્વને ડિઝાઇન સપાટી પર ખેંચી અને, જ્યારે હું માઉસ છોડું છું, ત્યારે પ્રોપર્ટીઝ પેનલ ખુલે છે. ગુણધર્મો બટન તમને તત્વનું નામ આપવા દે છે અને તત્વની પહોળાઈની ઊંચાઈ અને સ્થિતિ મૂલ્યોને સુયોજિત કરે છે. તમે તત્વને પેડિંગ ઉમેરી શકો છો, ખૂણાને ગોળ કરી શકો છો અને તેની અસ્પષ્ટતાને વ્યવસ્થિત કરી શકો છો. પૃષ્ઠભૂમિ રંગ બટનને ક્લિક કરવાથી RGBA રંગ પીકર ખોલવામાં આવે છે.
તમે પસંદ કરેલ ઘટકમાં ફૉન્ટ, બોર્ડર અને પેટર્ન અસાઇન કરી શકો છો. લાઈટનિંગ બોલ્ટ તમને પસંદ કરેલ ઘટકમાં ક્રિયાપ્રતિક્રિયાઓને ઉમેરવાની ક્ષમતા આપે છે.
05 ના 09
UXPin માં કેવી રીતે ઉમેરો અને ફોર્મેટ ટેક્સ્ટ કરો
ટેક્સ્ટ ઉમેરવા માટે, ટેક્સ્ટ ઘટકને ડિઝાઇનની સપાટી પર ખેંચો અને તમારા ટેક્સ્ટને દાખલ કરો. ફૉન્ટ ગુણધર્મોને ખોલવા અને તમારા ટેક્સ્ટને ફોર્મેટ કરવા માટે ટેક્સ્ટ સંપત્તિ બટનને ક્લિક કરો. જો તમને ડમી ટેક્સ્ટની બ્લોકની જરૂર હોય, તો ટેક્સ્ટ ઘટક ઉમેરો અને ફૉન્ટ પ્રોપર્ટીઝમાં GENERATE LOREM IPSUM બટન ક્લિક કરો.
06 થી 09
યુએક્સપીન પેજ પર એક છબી કેવી રીતે ઉમેરવી
આ કાર્યને પૂર્ણ કરવાના ઘણા રસ્તાઓ છે તમે ટૂલબારમાં છબી ટૂલનો ઉપયોગ કરી શકો છો, લાઇબ્રેરીમાંથી એક છબી ઘટક ઉમેરી શકો છો અથવા ઉપર દર્શાવ્યા પ્રમાણે ડિઝાઇન સપાટી પર તત્વ પર તમારા ડેસ્કટૉપથી ફક્ત એક છબી ખેંચો અને છોડો.
07 ની 09
યુએક્સપીન પેજ પર બટન કેવી રીતે ઉમેરવો
જો કે ત્યાં એક બટન તત્વ છે, જે શોધ ક્ષેત્ર પર " બટન " દાખલ કરે છે, જેમ કે ઉપર દર્શાવ્યા મુજબ, તમામ પુસ્તકાલયોમાં મળેલ બટનો ખોલે છે. એક જે તમારા માટે ડિઝાઇનની સપાટી પર કામ કરે છે અને રંગ, ફૉન્ટ અને બોર્ડર ત્રિજ્યાને બદલવા માટે ગુણધર્મોનો ઉપયોગ કરો. બટનની અંદરનો ટેક્સ્ટ બદલવા માટે, ટેક્સ્ટ પર એક વાર ક્લિક કરો અને નવા ટેક્સ્ટ દાખલ કરો.
09 ના 08
UXPin પૃષ્ઠ પર ક્રિયાપ્રતિક્રિયાઓને કેવી રીતે ઉમેરવું
તે જેટલું જટીલ નથી કારણ કે તે પ્રથમ દેખાશે. ઇમેઇલ ઇનપુટ માટે, મેં એક ઇનપુટ ઘટક ઉમેર્યું, તેને પુન: માપ કર્યું, ટેક્સ્ટ દાખલ કર્યું અને ટેક્સ્ટ ફોર્મેટ કર્યું. પસંદ કરેલ ઇનપુટ ઘટક સાથે, ગુણધર્મો બટનને ક્લિક કરો અને, જ્યારે એલિમેન્ટ પ્રોપર્ટીઝ દેખાય છે ત્યારે પેનલના ઉપર જમણા ખૂણામાં - દ્રશ્યતા બટન- આંખની દોડ - ક્લિક કરો.
બટન પસંદ કરો અને સંપર્કમાં ક્લિક કરો - લાઈટનિંગ બોલ્ટ- પ્રોપર્ટીઝમાં. જ્યારે ક્રિયા-પ્રતિક્રિયા પેનલ ખુલે છે, ત્યારે નવી ક્રિયાપ્રતિક્રિયા પસંદ કરો. ટ્રિગર પૉપ ડાઉન પરથી ક્લિક કરો પસંદ કરો. એક્શન વિસ્તાર માં એલિમેન્ટ બતાવો પસંદ કરો. હવે તમને એલિમેન્ટ બતાવવાનું કહેવામાં આવશે. બંદૂકો પર એકવાર ક્લિક કરો અને ઇનપુટ તત્વ પર ક્લિક કરો ઓળખાયેલ તત્વ સાથે, તમે હવે નક્કી કરી શકો છો કે તત્વને સજીવવું કે નહીં. આ કિસ્સામાં મેં ઇનપુટ બૉક્સને સરળતા સાથે બતાવવાનું નક્કી કર્યું અને ડિફોલ્ટ સમયગાળો 300 એમએમના મૂલ્ય સાથે ગયા.
હું ક્લિક કરેલું હોય ત્યારે જમણી તરફ 65 પિક્સેલ બટન ખસેડવા માંગુ છું. મેં બટન પસંદ કર્યું, ઇન્ટરએક્શન પેનલ ખોલ્યું અને નવી ઇન્ટરેક્શન પસંદ કર્યું. મેં આ સેટિંગ્સનો ઉપયોગ કર્યો:
- ટ્રિગર : ક્લિક કરો
- ક્રિયા: દ્વારા ખસેડો
- દિશા ખસેડો : x અક્ષ પર 65 પીએક્સ
- એનિમેશન : લીનિયર
- સમયગાળો: 300 એમએસ
ક્રિયાપ્રતિક્રિયાને દૂર કરવા માટે તત્વ પસંદ કરો અને આંતરક્રિયાઓ પેનલ ખોલો. પેનલમાં ક્રિયાપ્રતિક્રિયા પસંદ કરો અને તેને રદ કરવા માટે ટ્રૅશ કેન ક્લિક કરો.
09 ના 09
UXPin માં તમારું પૃષ્ઠ કેવી રીતે ચકાસવું
હકીકત એ છે કે તમે બ્રાઉઝરમાં કામ કરી રહ્યા છો, પરીક્ષણ મૃત સરળ છે. સિમ્યુલેટ ડિઝાઇન બટનને ક્લિક કરો. આ પાનું બ્રાઉઝરમાં ખુલશે અને તમે માર્ગ ચકાસી શકો છો. ત્યાં પણ પેનલની ડાબી બાજુએ પેનલ ઉમેરવામાં આવશે જે ટિપ્પણીઓ માટે પરવાનગી આપે છે, એક સાઇટ મેપ જો ત્યાં બહુવિધ પૃષ્ઠો, ઉપયોગિતા પરીક્ષણ, લાઇવ શેરિંગ, સંપાદન અને ડૅશબોર્ડ પર વળતર છે.
પૃષ્ઠના તળિયે બીજી એક નાની પેનલ છે જે તમને ઇન્ટરએક્ટીવ ઘટકો બતાવવા, ટિપ્પણીઓ બતાવવા અથવા છુપાવવા અને અન્ય લોકો સાથે પ્રોજેક્ટ લિંક શેર કરવાની મંજૂરી આપે છે.