የ Adobe ልምድ ዲዛይን ንድፍ, ጠቃሚ ምክሮች እና ቴክኒኮች

01 ቀን 07

የ Adobe ልምድ ዲዛይን ንድፍ, ጠቃሚ ምክሮች እና ቴክኒኮች

Adobe የቢዝነስ ንድፍትን እንደ ይፋዊ ቅድመ እይታ ሲያቀርብ, ኩባንያው በተመሳሳይ ጊዜ ሁለት አስገራሚ አዝማሚያዎችን በአንድ ጊዜ አከናውኗል. በመጀመሪያ, በወጣው የፕሮቶታይፒ ሶፍትዌር ገበያ ውስጥ ክፍተት ተወጣ. በሁለተኛ ደረጃ, ለተጠቃሚዎች ከ "ስራ-በሂደት" ጋር እንዲጫወቱ እድል ፈጥረዋል እናም ተጠቃሚዎቹ ለዚያ ሂደትም ላይ እንዲተኩሩ ፈቅደዋል. አሁን መተግበሪያው ለጥቂት ወራት የሚገኝ ሲሆን, አንዳንድ የተሞክሮ የንድፍ ንድፎችን, ምክሮችን, እና ቴክኒኮችን ለማጋራት አመቺ ጊዜ ነው ብዬ አስቤ ነበር.

ነገር ግን በመጀመሪያ, ፕሮቶፕይፕ ሶፍትዌር ምን ማለት እንደሆነ እያሰቡ ይሆናል. በዚህ ክፍተት ውስጥ ከሚገኙት ዋና ዋና ተዋንያን መካከል Proto.io, መርህ, ዩሲፒን, Atomic.io , የስምሪት ዲዛይን እና ኢንቪሲቲ ናቸው. እንደ ስዕል 3, Photoshop እና Illustrator ካሉ ስዕሎች በተለየ የዲጂታል ዲዛይኖች በተቀረጹ እንደ ግራፊክ አዘጋጆች እነዚህ ግራፊካዊ አርታዒቶች ዛሬ በሞባይል እና በድር ንድፍ ቦታ ውስጥ የተለመዱ መስተጋብሮችን, እንቅስቃሴዎችን እና ሌሎች ባህሪዎችን ያስተዋውቃሉ.

በሞባይል እና በተቃራኒው በተጠቃሚው ላይ የ laser -like ትኩረት በመነሳት, ንድፍ አውጪዎች ጥቂት ንድፎችን ለማውጣት, ከዚያ ጥቂት ጥረቶችን ለመሰብሰብ እና ፕሮጀክቱን ለመልቀቅ ወይም ወደ ድር አገልጋይ ለመስቀል በቂ አይሆንም. የ UI / UX የስራ ፍሰት ነገሮች መሰረታዊ ነገሮችን ለውጧል. እያንዳንዱ በሂደቱ, ተጠቃሚውን መለየት, ንድፎች, ሸምጋዮች, ሞርዶች, እና ፕሮቶታይፕ ለዝቅተኛ የተጠቃሚ ፍተሻዎች ተገዢ ናቸው.

ይህ የመጨረሻው ደረጃ ነው - ፕሮጄክቲፕሊንግ - ችግሩ ተገኝቶ ተገኝቶ ወደ ፕሮጀክቱ ከመቀየሩ በፊት ተስተካክሎ ይቀመጣል. ይህ በአሳታፊነት, በእንቅስቃሴ, በማያ ገጽ ሽግግር እና በማያ ገጹ ላይ ያሉ ሁሉም ነገሮች አቀማመጥ እጅግ ወሳኝ ናቸው. ችግሮች እና ችግሮች በቀላሉ የማይታዩ ምስሎች ሊሆኑ ወይም በቃላት ሊገለጹ አይችሉም. ደግሞም እነዚህ ምርቶች ለእውነተኛ ሰዎች ናቸው. የመጀመሪያውን የፕሮቶታይፕ ፓፒራይት ቅደም ተከተል ከማስተላለፍ ይልቅ ለዚያ ዓላማ የተሰሩ የግራፊክስ ሶፍትዌሮች እየተደረጉ ነው. ስህተት መስተካከል, ምስልን መተካት, የተወሰነ ጽሑፍን እንደገና መፃፍ, አዝራርን እና እንዲሁም ከመደበኛ አፃፃፍ እና የማረሚያ ኮድ ይልቅ የምስል አርታኢን በመጠቀም ላይ ነው.

በእርግጥ ይህ ሶፍትዌር በዛሬው የ "ፈጣን ፕሮቶታይፕ" ንድፍ እና ልማት አካባቢ ቁልፍ አካል ሆኗል.

እንደዚያ ከተነገረው, ተሞክሮ ተሞክሮ ዲዛይን ጋር እናዝናለን.

02 ከ 07

ቦታን ይፍጠሩ በ Adobe የመመልከት ንድፍ ውስጥ በተነሰ ዙር ያስጠጋ

የ XD ን አንድ የጎን ገጽታ የቫይታሚክስ መሳርያዎች አጠቃቀም ነው. አዶ ማግኘት አልቻሉም? ችግር የለም. የእራስዎን ይዝጉ. እንዴት እንደሚደረግ እነሆ:

1. የ Ellipse Tool የሚለውን በመምረጥ, አማራጭ / Alt-Shift ቁልፎች ተጭነው ክበብ ይሳሉ.
2. በተመረጠው ክበብ አማካኝነት የ Fill ቀለማቱን ወደ FF0000 እና ድንበር ላይ ባለው ባህሪ ውስጥ «none» የሚለውን ያዘጋጁ .
3. የመጠባበቂያ ነጥቦችን ለማሳየት ክቡን ሁለት ጊዜ ጠቅ ያድርጉ. የታችኛው መልሕቅን ወደ ታች ይጎትቱት.
4. የተመረጠውን መልህቅ ነጥብ ሁለቴ ጠቅ ያድርጉ እና ጥምዝሎች በመስመሮች ተተኩ.
5. ነጭ ቀለበት ያለ ነጭ ክር እና ምንም ሽክርክሪት ይሳሉ. ወደ ቦታው ውሰድ እና ፒኑን እና ክበቡን ምረጥ. በሴኪዩኑ አናት ላይ ባለው የ "ፓንዴል" ክፍል ላይ "አግዳሚ ማዕከል" አዝራሩን ጠቅ ያድርጉ እና ፒኑ ይባላል.

03 ቀን 07

በ Adobe የመረዳት ንድፍ ውስጥ የጀርባ ድብዘዛ ይፍጠሩ

በጀርባ ምስል ላይ ጽሁፍ ወይም ሌላ ይዘት በመኖራቸው የተለመደ ነው. ችግሩ እዚህ ያለው ምስል ነው, እንዲያውም በተደጋጋሚ የቀረበውን ይዘት ከልክ በላይ ያስገድለዋል. ይህንን ችግር ለመፍታት አንደኛው መንገድ የዳራ ምስልን ማደብዘዝ ነው. ምስሉን በ Photoshop ወይም በሌላ የአርትዖት ሶፍትዌር ማደብዘዝ ይችላሉ, ነገር ግን ይሄ XD አሁን ይህንን ተግባር ለእርስዎ ሊፈጽም ስለሚችል ይህ በተወሰነ ደረጃ ውጤታማ አይደለም. እንዴት እንደሚደረግ እነሆ:

1. አዲስ የስነ ጥበብ ካርታ ይፍጠሩ እና የዳራ ምስልዎን ያክሉ.
2. አራት ማዕዘን ቅርጽ ያለው መምረጫውን በመምረጥ ምስሉ ላይ አራት ማዕዘን (ስዕሎች) ይሳሉ. ከቀይ ጎነ-ገብ (ሬክታንግል) ጋር ተመርጠው, ሞልቶን ወደ ነጭ እና ጭረት ወደ ሐሰት ያድርጉት.
3. ከቀይ ጎነ-ገብር ጋር በመምረጥ ከንፅፅር ፓነል ውስጥ የጀርባ ብዥታ የሚለውን ይምረጡ . ሶስቱም ተንሸራታቾች የብሩር መጠን, ብሩህ እና የአማራጭነት ናቸው. የሚያደርጉት ነገር ይኸውልዎት

• ማደብዘዣ መጠን: ከቅርቡ ስር ያለውን የምስሉን ብዥነት ያስተካክላል. ከፍተኛው እሴት +50 ነው.
• ብሩህነት- በምስሉ ላይ ያሉትን ድምቀቶች እና ጥላዎች ያስተካክላል. ዝቅተኛው እሴት -50 እና ከፍተኛው 50 እሴት + 50 ነው.
• ክፍተት (Opacity) - ቅርጽ (ግዕዝ) ግልጽነት እና በምስል ቅርጽ ያለው ምስል ታይነት ላይ ተፅዕኖ አለው. እሴቶቹ ከ 0% እስከ 100% ይደርሳሉ.

"ነገሮችን መቀያየር" የሚፈልጉ ከሆነ የፎቁን "መልክ" ለመቀየር የቅርጹን ቀለም ይለውጡና ከብርታሽ ዋጋ ጋር ይጫወቱ.

04 የ 7

በ Adobe ተሞክሮ ተሞክሮ ዲዛይን ውስጥ Scrim ፍጠር

የተለመደው የዲዛይን ችግር የኤሌክትሪክ (ኤሌክትሪክ) ክፍሎች አባሎች የተለመደው ቀለም ያላቸው መሆን አለባቸው ነገር ግን በጀርባ ምስል ወይም በጠንካራ ቀለም ሲቀመጡ ይጎነበሳሉ. መፍትሄው ነጋዴ ነው. አንድ ረቂቅ በይነገጽ እና በአጀርባው መካከል የተቀመጠው የተወሰነ መጠን ያለው ጨብጥ ነው. ይሄ በ XD ውስጥ ለማከናወን ቀላል ነው. እንዴት እንደሚደረግ እነሆ:

1. ምስልዎን በ XD ይፍጠሩ, ምስሉን ያክሉ እና ከተገቢው የ UI ስብስብ ጋር አንድ የበይነገጽ ክፍሎች ይቅዱ እና ይለጥፉ - ፋይል> ክፍት UI ኪት ... - ወደ ጥበብ ሰሌዳ. ከላይ ባለው ምስል ፎቶው የሁኔታ አሞሌውን እና የመተግበሪያ አሞሌ ለማየት አስቸጋሪ ያደርገዋል.
2. ሬክታንግልን መሣርያውን መምረጥ እና አራት ማዕዘን ቅርጽ ይስሉ. በካፒካሎች ፓነል ውስጥ መሙላት እና በቀጣዩ መልቀቂያ ውስጥ ከፕላስ ብሩቱ ቀለም ግራድ ቀለምን ይምረጡ. የዘር ፍጡራን ቀለማትን ወደ ጥቁር እና ነጭ ያቀናብሩ. A ዋጋ - Opacity- እስከ 60% እና የዋይት A ዋጋ ወደ 0% ይቀይሩ .
3. በቀጥ ጠርዝ ከተመረጠው < Object> Arrange> Backward> የሚለውን ይምረጡ . የበይነገጽ አባሎቹ አሁን በምስሉ ላይ ይታያሉ.

05/07

በ Adobe ተሞክሮ ዲዛይን ውስጥ ምስል አምሳያ ይፍጠሩ

የተለመደው የዲዛይን ንድፍ በቻት ትግበራዎች ውስጥ ሰዎች እርስ በእርሳቸው ሲነጋገሩ እና የአናሳው ምስል በማያ ገጹ ላይ ይታያል. እነዚህ አምባሮች አብዛኛውን ጊዜ ጭምብል ያደረጉ ምስሎች ናቸው. ይህ በ XD ውስጥ ይሄንን ቀላል ያከናውናል. እንዴት እንደሚደረግ እነሆ:

1. በአንድ ምስል እና ክበብ ወይም ሌላ በስእል ሰንጠረዥ ላይ በመነሳት ይጀምራሉ. ክበብዎን በማንኛውም ቀለም መሙላት ይችላሉ. ማድረግ ያለብዎት ነገር ቢኖር የጭረት ቀለም ለመጨመር ነው. ውጤቱን ሲፈጥሩ ይጠፋል, ስለዚህ ለምን ያስጨነቁ. ክቡሩን ማቆም ካስፈለገዎ ወደ ቅንጫቢ ሰሌዳ ይቅዱ.
2. ክበቡን ወደ ምስሉ ውሰድ እና ምስሉን እና ክቡን ሁለቱንም ምረጥ. በብሎቭ ዕቃዎች ከተመረጡ, በጥቁር Object> Mask ን ይምረጡ . መዳፊቱን በሚለቁበት ጊዜ አምሳያው ተፈጠረ. ከዚያ ላይ መጠኑን መቀየር ይችላሉ.
3. ግርዶሽ ማከል ካስፈለገ ክሊፕቦርድን በኪስ ቦርዱ ላይ ቁጭ ብለህ ለጥፈው. ከተመረጠው ቅጂው ውስጥ በአዳራሻው ውስጥ ሙላውን አጥፋው እና የጭረት ቀለም እና ስፋት ያክሉ. እነሱን ለመዘርዘር, ሁለቱንም ነገሮች ይምረጡ እና በአካፒ ባርፕ ፓነል ራስጌ ላይ ባሉት የአግራር አዝራሮች ውስጥ ያለውን መሃከል አሰላለፍ አዝራሮችን ጠቅ ያድርጉ.
4. ጭምጭል ውስጥ ያለውን ፎቶ ማንቀሳቀስ ከፈለጉ ጭምብልዎን ሁለቴ ይጫኑ. ይህ ምስሉን እና ጭምብ ቅርፅን ያሳያል. በምስሉ ላይ ጠቅ ያድርጉ እና ወደ ቦታ ይጎትቱት. መዳፊቱን በሚለቁበት ጊዜ ምስሉ ጭምፊው ውስጥ ባለው አዲሱ ቦታ ውስጥ ይሆናል.

06/20

በ Adobe ተሞክሮ የንድፍ ጥበብ ቦርዶች ይጫወቱ

የተሞክሮው የንድፍ ጥበብ ሠሌዳዎች ይዘትን ለማስቀመጥ ብቻ አይደሉም. እነሱም ሊታለፉ ይችላሉ. ማድረግ የሚችሏቸው ሁለት ነገሮች እነሆ:

1. የስነ ጥበብ እና የውዝቦች ጥንድ ፎቶግራፎችን የሚፈልጉ ከሆነ, የንድፍ ሠንጠረዥን ማባዛት, እና ከተመረጠው ብዜት ጋር, በተንሸራታች ፓነል ውስጥ ያለውን የመሬት ገጽታ አዝራርን ጠቅ ያድርጉ. የአርፖርት ሰሌዳ ወደ የመሬት አቀማመጥ ይለወጣል. Artboard በውስጡ የያዘው ይዘት ካለው የአርዱን ሰሌዳ ስም እና የአርዱን ሰሌዳ ባህሪያት በካፒታል ፓነል ውስጥ ይታያሉ.
2. ለአርትኦት ሰሌዳው ብጁ ቀለም ለመጨመር, የአርፖርት ሰሌዳውን ለመምረጥ እና በፕሪንተር ፓነል ውስጥ ባለው የአካላት ውጫዊ ክፍል ላይ ሙላ ቀለምን ጠቅ ያድርጉ. ለሙከራው የሄክሳዴሲማል ዋጋን እና የ + ምልክትን ጠቅ ያድርጉ. ቀለሙ እንደ ብጁ ቀለም ይታከላል. ይህን ቀለም ሌላ ቦታ ለመተግበር አንድ ነገር ይምረጡ እና ቀለሙን ለመተግበር ብጁ የቀለም ቺፕ ላይ ጠቅ ያድርጉ.
3. ጠረጴዛዎች በቁመት ሊሽከረከሩ ይችላሉ. ይህንን ለማድረግ, የስነ ጥበብ ካርታውን መምረጥ እና ቁመቱን ቁመት በካፒታልዎች ፓነሎች ላይ ወይም የንድፍ ሰሌዳውን ወደታች በመጎተት. በንብረቶች ፓነል ውስጥ በተሸሸገበት ቦታ ውስጥ ከ ፖፕ አፕ ምናሌው ቀጥ ያለ በመምረጥ ለስክሪኑ የመመልከቻውን ከፍታው ይጫኑ. ያኛው ሰማያዊ መስመር መስመሩን የመመልከቻውን ታች ያሳያል. እሱን ለመሞከር የ Play አዝራሩን ጠቅ ያድርጉና ከዚያ ያሸብልሉ. ማንሸራተትን ለማጥፋት በማንሸራተቻ ቁልፉ ውስጥ ምንም አይምረጡ.

07 ኦ 7

በ Adobe ተሞክሮ ዲዛይን ውስጥ የሞባይል በይነገጽ ስብስብ ያርትዑ

ልምድ እና ዲዛይን ለ iOS, Android እና Windows UI ዎች ለመገንባት የተጠቃሚ በይነገጽ ያካትታል. ለመጀመሪያ ጊዜ ሲከፍቷቸው በደንብ በሚገባ የተዋቀሩ ይመስላቸዋል. በእርግጠኝነት እነዚህ በእያንዳንዳቸው ውስጥ ያሉት እብዶች እና ቁርጥራጮች ሙሉ ለሙሉ ማስተካከል ይችላሉ. የ Android የሽቦ ቀለም በመገንባት እንፈልገው.

1. መጀመሪያ የ Artboard መሣሪያውን በመምረጥ እና የ Android ሞዴሉን በ Google ክፍል ውስጥ ባለው የካርታዎች ክፍል ውስጥ በመምረጥ ይጀምራሉ.
2. ፋይል> ክፍዩን UI ኪባ> Google Material ይምረጡ . ይህ የቁስ ንድፍ በይነገጽ ኪት ይከፍታል. የማጉላት ማያ ገጹን ይምረጡና የእጅ መሣርያዎች የስነ ጥበብ ክፍልን ይምረጡ . ከዚህ ጋር መጀመር እፈልጋለሁ ምክንያቱም የበይነገጽ ንኡስ ዓይነቶችን በተገቢው ገጽታ ላይ እንዲያሳዩ አቅጣጫዎች ስለሚሰጠኝ. በአንዱ ጥቁር አሞሌዎች ላይ አንዱን ጠቅ ካደረጉ መቆለፉን ታያለህ. ለመክፈት እያንዳንዱን ተቆልፎ ያለውን ቁልፍ ይጫኑ . የስነ ጥበብ ካርዶችን ጠርተው ቅደም ተከተል ወደ ቅንጥብ ሰሌዳው ይቅዱ. ወደ ሰነድዎ ይመለሱና ማያ ገጹን ወደ ጥበባዎ ላይ ይለጥፉ.
3. የስነ ጥበብ ካርታ አናት ላይ በሚገኘው የመተግበሪያ አሞሌ አንድ ጊዜ ጠቅ ያድርጉ. እንዴት መምረጥ እንደምትችል አስተውል. Select Object> Arrange> Bring to Front. የእርስዎ ምርጫ አሁን ከማያ ገጽ መመሪያዎች በላይ ነው. ይህ እያንዳንዱን ማያ ገጹ ላይ ያለው እያንዳንዱ ክፍል ማስተካከል ይችላል.
4. ከላይ ያለውን የኹናቴ አሞሌ ላይ ሁለቴ ይጫኑ እና በፖፕቲካል ፓነል ውስጥ እና በመሙላት ቀለም ወደ 455A64 . የመተግበሪያ አሞሌን ሁለቴ ጠቅ ያድርጉ እና ሙላውን ወደ 607D8B ያቀናብሩ. ይህ በአንድ የበይነገጽ ስብስብ ውስጥ እያንዳንዱን ክፍል የፕሮጀክቱን ቀለም ዝርዝር መስፈርቶች ለማሟላት አርትዖት ሊደረግበት ይችላል.
5. ስለ አዶዎቹስ ምን ማለት ይቻላል? ቀለማቸውን እንዴት እንደሚቀይሩ እነሆ. ለመምረጥ ልብን ሁለቴ ጠቅ ያድርጉት. የካፒታል ፓነል ን ከተመለከቱ, ምርጫውን ማርትዕ እንደማይችሉ ሊገምቱ ይችላሉ. አይደለም. ልብን አንድ ጊዜ ብቻ ጠቅ አድርግ . ባህሪዎች ክፍት ሲሆኑ የተሞላውን ቀለም ወደ FF0000 ይለውጣሉ. ለተቀረው አዶዎች እና ፅሁፉ ይህን የቢሊየ-ጠቅ ማድረጊያ ዘዴ ድገምድ.