በድር ዲዛይን ውስጥ ስለመምራት መማር

የድር ዲዛይን ምንጊዜም ከዋናው ግራፊክ እና የህትመት ንድፍ አውጪዎች ርእሰ ሀሳቦችን እና መግለጫዎችን ወስዷል. ይህ በተለይ በድረ ገጽ ቅርጸት እና በድረ ገጻችን ላይ የቃላት ቅርጸቶችን የምናገኝበት መንገድ ላይ የሚታይ ነው. እነዚህ መመሳሰሎች ሁልጊዜ ከ 1 ወደ 1 ትርጉሞች አይደሉም, ነገር ግን አንዱ ተግሣጽ በሌላው ላይ ተጽዕኖ እንዳደረገ ማየት ይችላሉ. በተለይ በባህላዊው የፊደል ስያሜ "መሬትን" እና "መስመር-ቁመት" በመባል የሚታወቀው የሲሲል ባህሪይ ግንኙነት ምን እንደሚመስል ስትመለከት ይህ በግልጽ ይታያል.

የሚመራበት ዓላማ

ሰዎች የታተሙ ገፆችን ለመተየም የብረት ወይም የእንጨት ፊደሎችን በእጅ ሲሰሩ በሚታወቀው መስመሮች መካከል ክፍተት ለመፍጠር ስስ የተወሰነ የእርሳስ ቁርጥራጮች መካከል በእንግሊዝኛው መስመሮች መካከል ይቀመጡ ነበር. ሰፋ ያለ ቦታ እንዲፈልጉ ከፈለጉ ከፍተኛ መጠን ያለው እርሳስ ይከተሉን. ይህ "መሪ" የሚለው ቃል የተፈጠረበት ነው. ስለ ዲጂታል ዲዛይን እና ርእሰ መምህራን መፅሃፍ ውስጥ "መሪ" የሚለውን ቃል ከተመለከቱ, - "በተከታታይ የመስመሮች የመተላለፊያ መስመሮች መካከል ያለው ርቀት" አንድ ነገር ያንብበው ነበር.

በድር ዲዛይን ላይ መሪ

በዲጂታል ዲዛይን, መሪው ቃል አሁንም በጽሁፍ መስመሮች መካከል ያለውን ክፍተት ለመጥቀስ አሁንም ጥቅም ላይ ይውላል. ብዙ ፕሮግራሞች ይህንን ትክክለኛ ቃል ይጠቀማሉ, ምንም እንኳን በትክክለኛው መርህ በግልጽ በእነዚያ ፕሮግራሞች ላይ ጥቅም ላይ የማይውል ቢሆንም. ይህ ከትርጉሞቹ ትክክለኛ ሀሳቦች የሚጠቀሙባቸው አዲስ የዲዛይኖች ንድፍዎች ጥሩ ምሳሌ ነው.

ከድር ንድፍ ጋር ሲነጻጸር ለ "መሪ" ምንም የሲሲኤስ ንብረት የለም. በተቃራኒው, ይህ የሚታየውን የእይታ ጽሑፍ የሚይዘው የ CSS ባህሪ መስመር-ቁመት (line-height) ይባላል. የእርስዎ ጽሑፍ በጽሑፍ መስመሮች መካከል ያለው ተጨማሪ ቦታ እንዲኖረው ከፈለጉ ይህን ንብረት ይጠቀሙበታል. ለምሳሌ, በ <ጣቢ >ዎ ውስጥ ላሉት ሁሉንም አንቀጾች መስመር ቁመት መጨመር እንደሚፈልጉ ይናገሩ, ይህንን ማድረግ ይችላሉ

ዋና p {መስመር-ቁመት: 1.5; }

ይህ አሁን በነባሪ የቅርፀ-ቁምፊ መጠን (ይህም በተለምዶ 16 ፒክስል ነው) ላይ በመመርኮዝ ይህ መደበኛ ደረጃ መስመሮች 1.5 እጥፍ ይሆናል.

የመስመር-ቁመት አጠቃቀም መቼ

ከላይ እንደተገለፀው, የመስመር-ቁመቱ በአንቀጽ ወይም በሌሎች የጽሁፍ ጥረዛዎች መካከል ያለውን የጽሑፍ መስመሮች ለማስቀመጥ ለመጠቀም ተስማሚ ነው. በመስመሮቹ መካከል በጣም ትንሽ ቦታ ከሌለ, ጽሁፉ ሊደናቀፍና ተመልካቾችን ለጣቢያዎ ለማንበብ አስቸጋሪ ሊሆን ይችላል. በተመሳሳይ ሁኔታ, መስመሮቹ በገፁ ላይ በጣም የተራራቁ ከሆነ, የተለመደው የንባብ ፍሰት ይቋረጣል እና ለዚሁ ዓላማ አንባቢዎች ከጽሑፍዎ ጋር ችግር ይኖራቸዋል. ለዚህ ተገቢው የመስመር-ቁመት ክፍተት መጠቀምን የሚፈልጉት ለዚህ ነው. እንዲሁም በገፁ ላይ የመረዳት ችሎታ ላይ ግብረመልሳቸውን ለማግኘት ከተገቢ ተጠቃሚዎች ጋር የእርስዎን ንድፍ መሞከር ይችላሉ.

መስመር-ቁመት የማይጠቀሙበት ጊዜ

ከስር በታች ወይም አንቀጾችን ጨምሮ በጣቢያዎ ንድፍ ላይ ሁለት ቦታዎችን ለማከል ሊጠቀሙበት ከሚፈልጉ ከማስተላለፊያዎች ወይም ጠርዞች ጋር የመስመር-ቁመት አይጨምሩ. ይህ ክፍተት እየመራ አይደለም, ስለሆነም በመስመር-ቁመት የሚመራ አይደለም.

በአንዳንድ የጽሁፍ ክፍሎች ውስጥ ቦታን ማስገባት ከፈለጉ, ህዳጎች ወይም ፓድዲንግን ይጠቀማሉ. ወደ ቀደመው የሲኤስኤል ምሳሌ መለስ ብለን ስንጠቀም, ይህንን ማከል እንችላለን:

ዋና p {መስመር-ቁመት: 1.5; ህዳግ በታች: 24 ፒክስል; }

ይህ አሁንም ለገዳችን አንቀፅ (በ

አባል ውስጥ ያሉ) የ 1.5 መስመር ቁመዶች ሊኖረው ይችላል. እነዚህ ተመሳሳይ አንቀፆች በእያንዳንዳቸው የ 24 ፒክሰሎች ርዝመት ያላቸው ሲሆን አንባቢዎች አንዱ አንቀጽ ከሌላው ጋር በቀላሉ እንዲለዩ እና የድር ጣቢያው ንባብ ለማንበብ ቀላል እንዲሆንላቸው የሚታዩ የእይታ ክፍተቶችን ያስቀምጣል. ከዚህ በተጨማሪ ማርክን (ማረፊያ) ንብረትን እዚህ መጠቀም ይችላሉ.

ዋና p {መስመር-ቁመት: 1.5; ድብዳብ-ታች: 24px; }

በአብዛኛዎቹ አጋጣሚዎች, ይህ እንደ ቀዳሚው ሲኤስሲ አንድ አይነት ነው የሚታይ.

ከ «አገልግሎቶች-ምናሌ» ውስጥ አንድ ዝርዝር ውስጥ ያሉትን ዝርዝር ከዝርዝር ንጥል ውስጥ መደመርን ለማከል እንደሚፈልጉ ይናገሩ, እንዲያደርጉት Margin ወይም padding ይጠቀሙ, በመስመር ቁመት አይደለም. ስለዚህ ይህ ተገቢ ነው.

.services-menu li { እያንዳንዳቸው የነጥብ መስመሮችን ወደ ብዙ መስመሮች ሊያራዝፉ የሚችሉ ረጅም የጽሑፍ ሰንሰለቶች ስለነበሯቸው የዝርዝር ቁምፊዎችን እራሳቸው በዝርዝር ዝርዝሮች ውስጥ ለማስቀመጥ ከፈለጉ እዚህ ላይ በመስመር-ቁመት ብቻ መጠቀም ይችላሉ.