የድር ጣቢያ ልማት ቴክኖሎጂ በጣም ዘርፈ ብዙ ሂደት ነው። ግን አሁንም ሁሉም ደረጃዎች በሁለት ዋና ዋና ክፍሎች ሊከፈሉ ይችላሉ - ተግባራዊ እና ውጫዊ ሽፋን. ወይም እንደየቅደም ተከተላቸው በድር አስተዳዳሪዎች መካከል እንደተለመደው የኋላ-መጨረሻ እና የፊት-መጨረሻ። የድር ጣቢያዎቻቸውን ከድር ልማት ስቱዲዮዎች የሚያዝዙ ሰዎች በተግባራዊነት ላይ ብቻ ማተኮር ተገቢ እንደሆነ በዋህነት ያምናሉ ፣ እና ይህ ትክክለኛ ውሳኔ ነው። ነገር ግን ይህ በጣም በጣም አልፎ አልፎ እውነት ነው፣ አብዛኛው ጊዜ ለጀማሪ ፕሮጀክቶች በቅድመ-ይሁንታ ሙከራ ደረጃ። ያለበለዚያ፣ የግራፊክ ዲዛይኑ እና የተጠቃሚ በይነገጽ የድር ልማት ደረጃዎችን ለማክበር እና ምቹ ለመሆን በቀላሉ ይጠየቃሉ።
የበይነገጽ ዲዛይነር ወይም ዲዛይነር የሚያጋጥመው የመጀመሪያው የማዕዘን ድንጋይ የጣቢያው አቀማመጥ ስፋት ነው። ከሁሉም በላይ, ለእሱ መገናኛዎችን መሳል አስፈላጊ ነው. በእውነቱ ፣ ሁለት አቀራረቦች ይነሳሉ - ለእያንዳንዱ ታዋቂ ማያ ገጽ ጥራት የተለየ አቀማመጥ ይስሩ ፣ ወይም ለሁሉም ማሳያዎች አንድ የጣቢያውን ስሪት ይፍጠሩ። እና ሁለቱም አማራጮች የተሳሳቱ ይሆናሉ፣ ግን መጀመሪያ ነገሮች መጀመሪያ።
መደበኛ የድር ጣቢያ ስፋት በፒክሰሎችለRunet
አስማሚ አቀማመጥ ከመፈጠሩ በፊት የሺህ ፒክሰሎች ስፋት ያለው ጣቢያ መገንባት ትልቅ ክስተት ነበር። ይህ አኃዝ የተመረጠው ለአንድ ቀላል ምክንያት ነው - ስለዚህ ጣቢያው ከማንኛውም ማያ ገጽ ጋር ይጣጣማል። እና ይሄ የራሱ አመክንዮ አለው፣ ግን አንድ ሰው አሁንም በዴስክቶፕ ላይ ቢያንስ ኤችዲ ሞኒተር እንዳለው እናስብ። በዚህ ሁኔታ ፣ የእርስዎ አቀማመጥ በስክሪኑ መሃል ላይ ፣ ሁሉም ነገር በአንድ ክምር ውስጥ ተጣብቆ ፣ እና በጎን በኩል ትልቅ ጥቅም ላይ ያልዋለ ቦታ ያለ ትንሽ ንጣፍ ይመስላል። አሁን አንድ ሰው 800 ፒክስል ስፋት ያለው ስክሪን ባለው ታብሌት ላይ የእርስዎን ድር ጣቢያ ይደርስበታል እና በቅንብሮች ውስጥ "ሙሉ ድህረ ገጽ አሳይ" እንደተመረጠ እናስብ። በዚህ አጋጣሚ፣ ጣቢያዎ እንዲሁ በቀላሉ ወደ ማያ ገጹ ስለማይገባ በስህተት ይታያል።
ከእነዚህ ታሳቢዎች በመነሳት ለአቀማመጡ የተወሰነ ስፋት በእርግጠኝነት ለእኛ ተስማሚ እንዳልሆነ እና ሌላ መንገድ መፈለግ አለብን ብለን መደምደም እንችላለን። ለእያንዳንዱ ስክሪን ስፋት የተለየ አቀማመጥ ያለውን ሃሳብ እንመርምር።
አቀማመጦች ለሁሉም አጋጣሚዎች
በገበያ ላይ ላሉት የስክሪን መጠኖች አቀማመጦችን ለመፍጠር እንደ ስትራቴጂ ከመረጡ ጣቢያዎ በመላው በይነመረብ ላይ በጣም ልዩ ይሆናል። ደግሞም ፣ ዛሬ እያንዳንዱን አማራጭ በጥሩ ሁኔታ ለማስተካከል በመሞከር አጠቃላይ መሳሪያዎችን ለመሸፈን በቀላሉ የማይቻል ነው። ነገር ግን በተቆጣጣሪዎች እና በመሳሪያዎች ማያ ገጾች ላይ በጣም ታዋቂ በሆኑ ጥራቶች ላይ ካተኮሩ ሃሳቡ መጥፎ አይደለም. ብቸኛው ጉዳቱ የገንዘብ ወጪዎች ነው። ከሁሉም በላይ የበይነገጽ ዲዛይነር, ዲዛይነር እና ኮድደር አንድ አይነት ስራ 5 እና 6 ጊዜ እንዲሰሩ ሲገደዱ ፕሮጀክቱ ዋጋ ያስከፍላል.ከመጀመሪያው የበጀት ዋጋ ጋር ያልተመጣጠነ ከፍ ያለ።
ስለዚህ ባለ አንድ ገጽ ጣቢያዎች ብቻ ለተለያዩ ስክሪኖች በተትረፈረፈ ስሪቶች ሊኮሩ ይችላሉ፣ ዓላማውም አንድን ምርት መሸጥ እና ጥሩ መስራትዎን ያረጋግጡ። ደህና፣ ከእነዚህ ማረፊያዎች ውስጥ አንዱ ከሌለህ፣ ግን ባለ ብዙ ገጽ ጣቢያ፣ ከዚያ የበለጠ ማሰብ አለብህ።
በጣም የታወቁ የጣቢያ መጠኖች
በሁለቱ ጽንፎች መካከል የሚደረግ ስምምነት አቀማመጡን ለሶስት ወይም አራት የስክሪን መጠኖች እያቀረበ ነው። ከነሱ መካከል አንዱ ለሞባይል መሳሪያዎች አቀማመጥ መሆን አለበት. ቀሪው ለአነስተኛ, መካከለኛ እና ትልቅ የዴስክቶፕ ስክሪኖች መስተካከል አለበት. የጣቢያው ስፋት እንዴት እንደሚመረጥ? ከዚህ በታች የHotLog አገልግሎት የሜይ 2017 ስታቲስቲክስን እናቀርባለን ይህም የተለያዩ የመሣሪያ ስክሪን ጥራቶች ታዋቂነት ስርጭት እና እንዲሁም የዚህን አመልካች ተለዋዋጭነት ያሳየናል።
ከሠንጠረዡ ላይ መጠቀም የሚፈልጉትን የጣቢያ መጠን እንዴት እንደሚወስኑ ማወቅ ይችላሉ። በተጨማሪም, ዛሬ በጣም የተለመደው ቅርጸት 1366 በ 768 ፒክስል ስክሪን ነው ብለን መደምደም እንችላለን. እንደዚህ ያሉ ማያ ገጾች በበጀት ላፕቶፖች ውስጥ ተጭነዋል, ስለዚህ የእነሱ ተወዳጅነት ተፈጥሯዊ ነው. ቀጣዩ በጣም ታዋቂው ሙሉ HD ማሳያ ነው, እሱም ለቪዲዮዎች, ጨዋታዎች እና ስለዚህ የድረ-ገጽ አቀማመጦችን ለመፍጠር የወርቅ ደረጃ ነው. በተጨማሪ በሰንጠረዡ ውስጥ የሞባይል መሳሪያዎችን ጥራት 360 በ 640 ፒክስል እና እንዲሁም ከእሱ በኋላ ለዴስክቶፕ እና ለሞባይል ስክሪኖች የተለያዩ አማራጮችን እናያለን ።
አቀማመጥን መንደፍ
ስለዚህስታቲስቲክስን ከመረመርን በኋላ፣ ጥሩው የጣቢያው ስፋት 4 ልዩነቶች አሉት ብለን መደምደም እንችላለን፡
- የላፕቶፕ ሥሪት ከ1366 ፒክስል ስፋት ጋር።
- ሙሉ HD ስሪት።
- A 800 ፒክስል ስፋት ያለው አቀማመጥ በትንሽ የዴስክቶፕ ማሳያዎች ላይ ይታያል።
- የጣቢያው የሞባይል ስሪት - 360 ፒክስል ስፋት።
እስቲ ለጣቢያው የመነጨ ምንጭ ምን መጠን መጠቀም እንዳለብን ወስነናል እንበል። ነገር ግን እንዲህ ዓይነቱ ፕሮጀክት አሁንም ውድ ይሆናል. ስለዚህ ተጨማሪ አማራጮችን እንመልከት፣ በዚህ ጊዜ ቋሚ ስፋት ሳንጠቀም።
አቀማመጡን ተለዋዋጭ ማድረግ
አማራጭ አካሄድ አለ፣ ከዝቅተኛው የስክሪን መጠን ጋር ብቻ መላመድ ተገቢ ሲሆን እና የጣቢያው መጠኖች እራሳቸው በመቶኛ ይዘጋጃሉ። በተመሳሳይ ጊዜ እንደ ምናሌዎች ፣ አዝራሮች እና አርማ ያሉ የበይነገጽ አካላት በፒክሰሎች ውስጥ ባለው አነስተኛ የስክሪን ስፋት ላይ በማተኮር በፍፁም እሴቶች ሊዋቀሩ ይችላሉ። ይዘት ያላቸው እገዳዎች በተቃራኒው በማያ ገጹ ስፋት ላይ በተጠቀሰው መቶኛ መሰረት ይለጠጣሉ. ይህ አካሄድ የጣቢያዎችን መጠን ለዲዛይነሩ እንደ ውሱንነት ማወቁን እንዲያቆሙ እና ይህንን ልዩነት በችሎታ እንዲያሸንፉ ያስችልዎታል።
ወርቃማው ጥምርታ ምንድን ነው እና በድረ-ገጽ አቀማመጥ ላይ እንዴት ሊተገበር ይችላል?
በህዳሴ ዘመንም ቢሆን ብዙ አርክቴክቶች እና አርቲስቶች ለፈጠራቸው ፍጹም ቅርፅ እና መጠን ለመስጠት ሞክረዋል። ስለ እንደዚህ ያለ መጠን እሴቶች ለሚነሱ ጥያቄዎች መልስ ለማግኘት ወደ ሁሉም የሳይንስ ንግሥት - ሂሳብ ዞረዋል ።
ከጥንት ጀምሮ ዓይናችን እጅግ በጣም ተፈጥሯዊ እና የሚያምር እንደሆነ የሚገነዘበው ክፍል ተፈጠረ።ምክንያቱም በተፈጥሮ ውስጥ በሁሉም ቦታ የሚገኝ ነው. የዚህ ሬሾ ቀመር ያገኙት ፊዲያስ የተባለ ተሰጥኦ ያለው ጥንታዊ ግሪክ አርክቴክት ነው። ትልቁን ክፍል ከትንሹ ጋር የሚዛመድ ከሆነ በአጠቃላይ ከትልቅ ጋር የተያያዘ ከሆነ, እንዲህ ዓይነቱ መጠን በጣም ጥሩ ይመስላል. ነገር ግን እቃውን ባልተመጣጠነ ሁኔታ ለመከፋፈል ከፈለጉ ይህ ነው. ይህ መጠን ከጊዜ በኋላ ወርቃማው ክፍል ተብሎ ይጠራ ነበር, ይህም አሁንም ለአለም የባህል ታሪክ ያለውን ጠቀሜታ ግምት ውስጥ አያስገባም.
ወደ ድር ንድፍ ተመለስ
በጣም ቀላል ነው - ወርቃማው ሬሾን በመጠቀም በተቻለ መጠን ለሰው ዓይን ደስ የሚያሰኙ ገፆችን መንደፍ ይችላሉ። እንደ ወርቃማው ሬሾ ፎርሙላ ትርጓሜ መሰረት ስናሰላ ኢ-ምክንያታዊ ቁጥር 1, 6180339887 እናገኛለን … ግን ለተመቻቸ መጠን 1, 62 የሆነ የተጠጋጋ እሴት መጠቀም እንችላለን ይህ ማለት የገጻችን ብሎኮች 62 መሆን አለባቸው ማለት ነው. % እና ከጠቅላላው 38%፣ ለሚጠቀሙት ጣቢያ የመነጨው ምንጭ ምንም ይሁን ምን። በዚህ ሥዕል ላይ ምሳሌ ማየት ትችላለህ፡
አዳዲስ ቴክኖሎጂዎችን ተጠቀም
ዘመናዊ የድረ-ገጽ አቀማመጥ ቴክኖሎጂዎች የእቅድ አውጪ እና ዲዛይነርን ሀሳብ በትክክል ለማስተላለፍ ያስችላሉ፣ ስለዚህ አሁን ከኢንተርኔት ቴክኖሎጂዎች መባቻ ይልቅ ደፋር ሀሳቦችን መተግበር ይችላሉ። የጣቢያው መጠን ምን መሆን እንዳለበት ከአሁን በኋላ ጠንክሮ ማሰብ አያስፈልግዎትም. እንደ አግድ የሚለምደዉ አቀማመጥ፣ ተለዋዋጭ የይዘት እና የቅርጸ-ቁምፊ ጭነት የመሳሰሉ ነገሮች በመጡ ጊዜ የድር ጣቢያ ልማት የበለጠ አስደሳች ሆኗል። ከሁሉም በላይ እነዚህ ቴክኖሎጂዎች ናቸውጥቂት ገደቦች, አሁንም እዚያ ቢሆኑም. ግን እንደምታውቁት, ያለ ገደብ ምንም ጥበብ አይኖርም. አንድ እውነተኛ የፈጠራ ንድፍ አቀራረብን - ወርቃማ ሬሾን እንድትጠቀም እንመክርሃለን. በእሱ አማካኝነት በአብነትዎ ውስጥ ምንም አይነት የጣቢያ መጠኖች ቢያዘጋጁ ውጤታማ እና በሚያምር ሁኔታ የስራ ቦታን መሙላት ይችላሉ።
የገጹን የስራ ቦታ እንዴት እንደሚጨምር
ሁሉንም የUI ክፍሎች ወደ ትንሽ አቀማመጥ ለማስማማት በቂ ቦታ እንዳይኖርዎት ጥሩ እድል አለ። በዚህ አጋጣሚ፣ ከዚህ ቀደም ካደረጉት የበለጠ በፈጠራ ማሰብ መጀመር ይኖርብዎታል።
ቢበዛ በብቅ ባዩ ሜኑ ውስጥ አሰሳውን በመደበቅ በጣቢያው ላይ ቦታ ያስለቅቁ። ይህንን ዘዴ በሞባይል መሳሪያዎች ላይ ብቻ ሳይሆን በዴስክቶፕ ላይም መጠቀም ምክንያታዊ ነው. ከሁሉም በላይ, ተጠቃሚው በጣቢያዎ ላይ ምን ርዕሶች እንዳሉ ሁልጊዜ መመልከት አያስፈልገውም - እሱ ለይዘቱ መጣ. እና የተጠቃሚው ፍላጎት መከበር አለበት።
ምናሌውን ለመደበቅ ጥሩ መንገድ ምሳሌ የሚከተለው አቀማመጥ ነው (ከታች ያለው ፎቶ)።
በቀይ አካባቢው በላይኛው ጥግ ላይ መስቀልን ማየት ትችላላችሁ፣ይህን በመጫን ሜኑውን ወደ ትንሽ አዶ ይደብቃል፣ተጠቃሚው የድረ-ገፁን ይዘት ብቻውን ይተወዋል።
ነገር ግን፣ ይህ አማራጭ ነው፣ አሰሳውን ትተው መሄድ ይችላሉ፣ ሁልጊዜም በእይታ ይሆናል። ነገር ግን በጣቢያው ላይ ያሉ ታዋቂ አገናኞች ዝርዝር ብቻ ሳይሆን የሚያምር የንድፍ አካል ሊያደርጉት ይችላሉ. ከጽሑፍ አገናኞች በተጨማሪ ወይም እንዲያውም ሊታወቁ የሚችሉ አዶዎችን ይጠቀሙ። ያው ነው።ጣቢያዎ በተጠቃሚው መሳሪያ ላይ ያለውን የስክሪን ቦታ በብቃት እንዲጠቀም ያስችለዋል።
ምርጡ ድር ጣቢያ ምላሽ ሰጪ ነው
ለጣቢያው የትኛውን አቀማመጥ እንደሚመርጡ ካላወቁ ሁሉም ነገር ለእርስዎ ቀላል ነው። ለግንባታ ወጪዎች ለመቆጠብ እና ለተመሳሳይ መሳሪያ ደካማ አቀማመጥ ምክንያት ታዳሚዎችዎን ላለማጣት፣ ምላሽ ሰጪ ንድፍ ይጠቀሙ።
ምላሽ ንድፍ በተለያዩ መሳሪያዎች ላይ በተመሳሳይ መልኩ ጥሩ የሚመስል ንድፍ ነው። ይህ አቀራረብ ጣቢያዎ በላፕቶፕ ላይ, በጡባዊ ተኮ, በስማርትፎን ላይ እንኳን ሳይቀር ለመረዳት እና ምቹ እንዲሆን ያስችለዋል. ይህ ውጤት የሚገኘው የማሳያውን የሥራ ቦታ ስፋት በራስ-ሰር በመቀየር ነው። ለጣቢያዎ ምላሽ ሰጪ የቅጥ ሉሆችን በመጠቀም፣ የሚቻለውን ምርጥ ውሳኔ እየወሰዱ ነው።
በምላሽ ዲዛይን እና የድር ጣቢያ ስሪቶች መካከል ያለው ልዩነት ምንድን ነው
ምላሽ ንድፍ ከጣቢያው የሞባይል ስሪት የሚለየው በኋለኛው ሁኔታ ተጠቃሚው ከዴስክቶፕው የተለየ የኤችቲኤምኤል ኮድ ይቀበላል። ይህ ከአገልጋይ አፈጻጸም ማመቻቸት እና የፍለጋ ሞተር ማመቻቸት አንፃር ጉዳቱ ነው። በተጨማሪም, ለተለያዩ የጣቢያው ስሪቶች ስታቲስቲክስን ለማስላት የበለጠ አስቸጋሪ ይሆናል. የማስተካከያ ዘዴው እነዚህ ጉዳቶች የሉትም።
ለተለያዩ መሳሪያዎች ምላሽ መስጠት የሚገኘው ከተጠቀሰው ስፋት መቶኛ ጋር አቀማመጥ ወይም ብሎኮችን ወደ ሚገኘው ቦታ በማስተላለፍ (በአቀባዊ አውሮፕላን በስማርትፎን ፈንታ ነው)በዴስክቶፕ ላይ አግድም)፣ ወይም ለተለያዩ ስክሪኖች የግለሰብ አቀማመጥ መፍጠር።
ስለ ምላሽ ሰጪ ዲዛይን እና ልማት በትምህርቶቻችን ውስጥ የበለጠ ይወቁ።
