મોબાઇલ ઉપકરણો માટે છબીઓ તૈયાર કરી રહ્યા છે

મોબાઇલ માટે ઇમેજિંગ હંમેશાં એવું જ લાગે છે નહીં

ગ્રાફિક્સ પ્રોફેશનલ્સ માટે માત્ર તેમના કામ જ છાપવામાં જ નહીં પણ વેબ પર અને iPhones, iPads, Android ઉપકરણો અને Android ટેબ્લેટ્સ જેવા ઉપકરણો પર તે વધુ સામાન્ય બની રહ્યું છે. સપાટી પર, આને "સારી વસ્તુ" તરીકે જોવામાં આવે છે, કારણ કે મીડિયા અમારા કાર્યને ડિજિટલ સ્ક્રીનો સુધી વિસ્તરે છે. નુકસાન એ સ્ક્રીનની તીવ્ર સંખ્યા અને સ્ક્રીન રીઝોલ્યુશનની મૂંઝવણ સંખ્યા છે. સદ્ભાજીપૂર્ણ ખેલાડીઓને આશ્ચર્ય પામે તે અસામાન્ય નથી કે જે દિવસોમાં જે 300 ડીપીઆઇ રીઝોલ્યુશન સી.એમ.વાય.કે. ફોર્મેટમાં TIFF ચિત્ર ધોરણ હતું તે થયું. સારા જૂના દિવસો માટે ઓહ!

તે દિવસો વધારે છે. હવે અમે એ હકીકત સાથે દલીલ કરી શકીએ છીએ કે 200 થી 200 ઈમેજો એક ઉપકરણ પર દંડ દેખાઈ શકે છે અને હજુ સુધી બીજા પર ત્રિમાસિક કદ અને ત્રીજા ત્રિમાસિક કદ પર દેખાય છે. તે બધા વાસ્તવમાં ડિવાઇસ ઉત્પાદકો દ્વારા "ઠરાવ આર્મ્સ રેસ" ની તરફેણમાં આવે છે કારણ કે તેઓ તેમના સ્પર્ધકો કરતાં સ્ક્રીનમાં વધુ પિક્સેલ્સ જામ કરવાનો પ્રયાસ કરે છે.

આ આપણને "ધ રાઇઝ ઓફ સપ્રિક્સસ" તરીકે ઓળખાશે તે અમને લાવે છે. ઉપસર્ગ તે વસ્તુઓ છે - @ 2x, @ 3x - એક છબીના નામ પર હુમલો કર્યો. તેઓ આવશ્યકપણે, ઉદાહરણ તરીકે, જમણા ઉપકરણ પર જમણા ઉપકરણ પર જમણે ચિત્ર મૂકો. પછી તે વધુ સારી રીતે મળે છે

અમારા ઘણા કામમાં ચિહ્નો સાથે કામ કરવું અને, ફ્લેટ ડિઝાઇન ચળવળના ઉદભવ સાથે, આ બધી વસ્તુઓ વેક્ટર ચિત્રને ઇલસ્ટ્રેટર અને સ્કેચ તરીકે બનાવવામાં આવી છે. સમસ્યા એ છે કે ડિવાઇસીસ ફક્ત રેન્ડર કરી શકતા નથી .ઇ અથવા .eps ફાઇલો. તેઓ સ્કેલેબલ વેક્ટર ગ્રાફિક્સમાં રૂપાંતરિત કરવાની જરૂર છે અને, ચિહ્નો બનાવવા માટે ઉપયોગમાં લેવાતી એપ્લિકેશનના આધારે, ત્યાં પણ એક એસવીજી વિકલ્પ ન પણ હોઈ શકે.

પછી તે વધુ સારી રીતે મળે છે

પ્રોટોટાઇપીંગ એપ્લિકેશન્સ - સોફ્ટવેરનો એક નવો વર્ગ છે - જે તમારી છબીઓ અને આયકનને ઉપકરણોની બહાર રાખવામાં આવે તે પહેલાં એસેમ્બલી પોઇન્ટ બની રહ્યા છે અને તેમની પાસે તેમની વિશિષ્ટતા પણ છે.

આ ટ્યુટોરીયલ ગ્રાફિક્સ માટે ફોટોશોપ અને સ્કેચ અને તમારા વિચાર અને આખું જમાવટ વચ્ચેના કેટલાક પેઇન પોઈન્ટ દર્શાવવા માટે Adobe Experience Design નો ઉપયોગ કરે છે. ચાલો, શરુ કરીએ.

05 નું 01

કેવી રીતે એડોબ ફોટોશોપ માં મોબાઇલ ઉપકરણો માટે છબીઓ તૈયાર કરવા માટે

આ પ્રક્રિયામાં પ્રથમ પગલું તમારા લક્ષ્ય ઉપકરણ અથવા ઉપકરણોને જાણવું છે. આ કિસ્સામાં, તમે આઇફોન 6 ને નિશાન બનાવશો જેનો સ્ક્રીન વિસ્તાર 377 પિક્સેલ્સનો ઊંચો 667 પિક્સેલ ઊંચો છે. ડિઝાઇનને સ્ક્રીનની પહોળાઇ માટે ઇમેજની જરૂર છે.

બર્લ, સ્વિટ્ઝર્લેન્ડમાં બર્ન મિનિસ્ટર કેથેડ્રલની અંદર છબીનો ઉપયોગ કરવામાં આવ્યો હતો. એકવાર ફોટોશોપમાં ઇમેજ ખુલે છે, છબીની પરિમાણો અને તેના રિઝોલ્યૂશનને તપાસવા માટે છબી> છબી કદ પસંદ કરો . દેખીતી રીતે, એક એવી છબી છે કે જે 3156 x 2592 ને 300 ppi ના ઠરાવ સાથે અને 23.4 એમબીનો ફાઇલ કદ ફક્ત કામ કરશે નહીં.

ઈમેજ સાઇઝ સંવાદ બોક્સની અંદર, ઠરાવને 100 પીપીઆઈમાં ઘટાડવા . આ પ્રથમ કરો કારણ કે છબી પરિમાણો પણ બદલાશે. ઠરાવ સેટ સાથે, પહોળાઈને 375 પિકેલ્સમાં બદલો. જો તમે ઇમેજ માપ માહિતી તપાસો છો, તો તમે જોશો કે ઈમેજ 23.4 એમબીથી વધુ મોબાઇલ મૈત્રીપૂર્ણ 338 કે છે. ફેરફાર સ્વીકારવા માટે ઑકે ક્લિક કરો અને છબી કદ સંવાદ બૉક્સ બંધ કરો.

05 નો 02

એડોબ ફોટોશોપમાં "એક્સપોર્ટ આટ ..." ડાયલોગ બોક્સનો ઉપયોગ કેવી રીતે કરવો

એકવાર છબી નિકાસ માટે તૈયાર થઈ જાય, પછી નિકાસ બૉક્સને ખોલવા માટે "નિકાસ કરો નિકાસ કરો ..." પસંદ કરો .

આ ડાયલોગ બોક્સ એ તાજેતરમાં ફોટોશોપ પર ઉમેરાય છે અને "સેવ ફોર વેબ" સંવાદ બૉક્સને બદલે છે જે તેઓ વર્ષોથી ઉપયોગ કરે છે. જો તમને હજી પણ તેની જરૂર હોય, તો તમે તેને નિકાસ પૉપ ડાઉનમાં શોધી શકો છો. તે સ્પષ્ટ કારણોસર, હવે "વેબ માટે નિકાસ (લેગસી)" તરીકે ઓળખાય છે. જો આ સંવાદ બૉક્સમાં તમારી પ્રથમ મુલાકાત છે, તો અહીં સંક્ષિપ્ત પ્રવાસ છે:

• કદ: આ સ્તંભ છબીનું આઉટપુટ કદ સુયોજિત કરે છે. આ વિસ્તારના રસપ્રદ પાસા એ તે છબીને મોટું બનાવશે પરંતુ ઉપકરણની સ્ક્રીન પર મોટી સંખ્યામાં પિક્સેલને કારણે છબીને ઉપકરણ પર "ફઝી" તરીકે દેખાશે નહીં.
• 1x: આને પકડીને ક્લિક કરો અને તમને અનેક કદ સાથે રજૂ કરવામાં આવશે. 1x, 2x અને 3x કેટેગરીઝ એ પરંપરાગત રીતે એપલના હાઇ ડીપીઆઇ ડિવાઇસ સાથે સંકળાયેલા છે અને કેટલાક અન્ય લોકો સાથે તે Android ઉપકરણો માટે છબીઓ તૈયાર કરશે.
• પ્રત્યય: આ પસંદગી તમારું કદ બતાવશે પરંતુ તે @ 2x તરીકે દર્શાવવામાં આવશે અથવા કદ પસંદ કરવામાં આવશે. આ પ્રત્યયને ઇમેજ નામ પર ઉમેરવામાં આવશે.
• + સાઇન: આઉટપુટ માટે વિવિધ કદ ઉમેરવા માટે આને ક્લિક કરો. આ કિસ્સામાં, તેને બે વાર ક્લિક કરો અને પૉપ ડાઉનથી 2x અને 3x ને પસંદ કરો આ વ્યવહારીક કોઈપણ iOS ઉપકરણને આવરી લેશે.
• ટ્રૅશ કેનઃ આને ક્લિક કરો અને લાઇનઅપમાંથી પસંદગીને દૂર કરવામાં આવે છે.
• ફાઇલ સેટિંગ્સ: બંધારણ - jpg, png, gif અથવા svg - છબીને શ્રેષ્ઠ-યોગ્ય પસંદ કરો. જો ફાઇલનું કદ ચિંતાનું છે તો તમે ગુણવત્તા સેટિંગ્સને પણ ઘટાડી શકો છો
• છબી કદ: તમે છબીના ભૌતિક પરિમાણોને બદલી શકો છો.
• કેનવાસનું કદ: તમે છબી કેનવાસના ભૌતિક પરિમાણોને બદલી શકો છો.
• મેટાડેટા: તમે છબીના મેટાડેટામાં કૉપિરાઇટ અને તમારી સંપર્ક માહિતી ઉમેરી શકો છો.

જ્યારે સમાપ્ત થાય, ત્યારે બધાને નિકાસ કરો બટન ક્લિક કરો. તમને પૂછવામાં આવશે કે તમે છબીઓ ક્યાં મૂકવા માંગો છો. વિકસિત થવાની સારી આદત એ છે કે નવું ફોલ્ડર બટન ક્લિક કરો અને નિકાસ કરેલી છબીઓને પકડી રાખવા માટે એક ફોલ્ડર બનાવો. જ્યારે તમે નિકાસ કરો ક્લિક કરો છો, ત્યારે તમને ફોલ્ડરમાં છબીઓ બતાવવામાં આવશે.

05 થી 05

સ્કેચમાં મોબાઇલ ઉપકરણો માટે છબીઓ કેવી રીતે તૈયાર કરવી 3 બોહેમિયન કોડિંગથી

સ્કેચ 3, બોહેમિયન કોડિંગની એક મેકિન્ટોશ એપ્લિકેશન, વેબ અને એપ્લિકેશન ડિઝાઇન પર તેના તીવ્ર ફોકસને લીધે યુએક્સ અને UI ડિઝાઇનર્સ વચ્ચે ઝડપથી પ્રભુત્વ પ્રાપ્ત કરી રહ્યું છે. વાસ્તવમાં ફોટોશોપ, ઘણી રીતે, સ્કેચ સાથે "પકડીને" રમવાની વિચિત્ર સ્થિતિ છે.

સ્કેચમાં મોબાઇલ માટે ઇમેજ તૈયાર કરવા માટે, આર્ટબોર્ડ પરની છબી પસંદ કરો અને પ્રોપર્ટીઝ પેનલના તળિયે નિકાસ કરો બટન ક્લિક કરો . આ નિકાસ સંવાદ બૉક્સ ખોલશે. 2x અને 3x વર્ઝન ઉમેરવા માટે + ચિહ્ન પર ક્લિક કરો અને પ્રત્યયોને પણ ઉમેરો. ઉપલબ્ધ ફોર્મેટમાં PNG, JPG, TIF, PDF, EPS અને SVG છે. આ કિસ્સામાં, JPG પસંદ કરો. નિકાસ બૉક્સ અને લક્ષ્ય પર ક્લિક કરો અથવા નિકાસ કરેલી વિવિધ છબીઓને પકડી રાખવા માટે એક ફોલ્ડર બનાવો.

04 ના 05

શા માટે તમે ત્રણ (અથવા વધુ) છબી બનાવવાની જરૂર છે

ઘણી બધી બાબતોમાં, મોબાઇલ માર્કેટ એ "વાઇલ્ડ વેસ્ટ" છે જે ઠરાવો છે અને એક કદ ચોક્કસપણે બધુ ફિટ થતું નથી. ઉપરના ઉદાહરણમાં એડોબ એક્સપિરિયન્સ ડિઝાઇનથી, છબી 2 આઈફોન 6 આર્ટબોર્ડ અને એન્ડ્રોઇડ ડિવાઇસ આર્ટબોર્ડ પર મૂકવામાં આવે છે. નોંધ લો કે ડાબી બાજુના 1x સંસ્કરણ અર્ધ કદ જેટલો દેખાય છે. આઈટીએન 6 ની રેટીના સ્ક્રીન પર ઇમેજ કેવી રીતે દેખાશે તે જ આ છે. 2x વર્ઝન સંપૂર્ણપણે બંધબેસે છે અને એન્ડ્રોઇડ વર્ઝન સ્ક્રીનની બંધ છે. તમારી પસંદગી એ ક્યાં તો ઇમેજને સ્કેલ કરો અથવા ફોટોશૉપની છબીને અલગ કદ પર નિકાસ કરો.

05 05 ના

ટેસ્ટ પ્રારંભિક, ટેસ્ટ ઘણી વખત, ટ્રસ્ટ નથ્ર, ટ્રસ્ટ કોઈ એક અને ખાસ કરીને જાતે

તમને સમજવાની જરૂર છે કે આ પ્રક્રિયાની શરૂઆત છે. તમારા કાર્યને ઘણા બધા ઉપકરણો પર જોવું કારણ કે તમે વર્કફ્લોના એક આવશ્યક ભાગ તરીકે ગણી શકાય. તમારે એ પણ જાણવાની જરૂર છે કે એપ્લિકેશન અથવા મોબાઇલ વેબ પ્રોજેક્ટ્સ માટે ગ્રાફિક્સ સંપત્તિઓ બનાવવાની પ્રક્રિયામાં આ પહેલું પગલું છે.

પ્રોટોટાઇપિંગ એપ્લિકેશન્સનો ઉપયોગ કરીને પીડા પોઈન્ટ ઉઘાડું કરવાની એક ઉત્તમ રીત છે, પરંતુ વિકાસકર્તાઓ દ્વારા આ જ અસ્કયામતોને આઉટપુટની જરૂર પડશે. ઘણા કિસ્સાઓમાં, આઇકોન્સ સહિત અસ્કયામતોની ભૌતિક પરિમાણો શારીરિક વિશાળ હશે અને એસ.પી.જી. માં નહીં પરંતુ પીંગ ફોર્મેટમાં. પ્રથમ નજરમાં, આ ટોચ પર થોડો લાગે છે પરંતુ સ્કેલિંગ છબીઓનો સોનેરી નિયમ યાદ રાખી શકે છે: સ્કેલ અપ કરતાં નીચે માપવાનું વધુ સારું છે.

નીચે લીટી એ તમારા વિકાસકર્તાની સાથે મળીને કામ કરવું અને પ્રોટોટાઇપિંગ સૉફ્ટવેરનો ઉપયોગ કરવા માટે તમારી ડિઝાઇન ઉદ્દેશ દર્શાવવાની એક રીત છે. આખરે, જોકે, તે જ સંપત્તિઓ અંતિમ ઉત્પાદન માટે તૈયાર રહેવાની જરૂર છે અને તમારા ડેવલપર પાસે તમારા કરતાં તેનાથી કે તેણીની જરૂર છે તેના પર સારી હેન્ડલ છે.