ምርጥ ድር ጣቢያዎችን ለመፍጠር አስፈላጊዎቹ አካላት
የድር ንድፍን ለመለማመድ ሲሄዱ በመጀመሪያ ሊያውቁት የሚገባ ነገር የድርጣቢያዎችን ዲዛይን ከማተም ህትመት ጋር በጣም ተመሳሳይ ነው. መሠረታዊዎቹ ሁሉም ተመሳሳይ ናቸው. ቦታን እና አቀማመጥን, ፊደሎችን እና ቀለሞችን እንዴት እንደሚይዝ እንዲሁም መልእክቱን ውጤታማ በሆነ መንገድ በሚያስተላልፍ መንገድ ሁሉንም አንድ ላይ አካፍሉት.
ለመማር ማስተማር የሚመጡትን ቁልፍ ነጥቦችን እንመልከት. ይህ ለጀማሪዎች ጥሩ መገልገያ ነው, ነገር ግን ልምድ ያላቸው ዲዛይኖች እንኳ ይህን ምክር በመጠቀም አንዳንድ ክህሎቶችን ሊያሳኩ ይችላሉ.
01 ቀን 07
ጥሩ ንድፍ አካላት
ጥሩ የድር ንድፍ በአጠቃላይ በጥሩ ንድፍ ተመሳሳይ ነው. የሆነ ጥሩ የሆነ ንድፍ የሚያደርገው ምን እንደሆነ ከተረዱ እነዚህን ደንቦች ወደ ድር ጣቢያዎችዎ መተግበር ይችላሉ.
በድር ዲዛይን ውስጥ በጣም አስፈላጊዎቹ ክፍሎች ጥሩ አመላካች, አጭር እና ውጤታማ ገጾች, የሚሰሩ አገናኞች, እና ከሁሉም በላይ ጠቃሚው ሰዋሰው እና የፊደል አጻጻፍ ናቸው. ቀለም እና ግራፊክስን ሲጨምሩ እና ድር ጣቢያዎ ወደ ጥሩ ጅምር ሲያልቅ እነዚህን ነገሮች ማስታወስ አለብዎት. ተጨማሪ »
02 ከ 07
አንድ ድረ ገጽ እንዴት እንደሚዘጋጅ
ብዙ ሰዎች የድር ገጽ አቀማመጥ ንድፍ ነው ብለው ያስባሉ, እና በብዙ መንገዶች ነው. አቀማመጣው አባላቱ በገፁ ላይ የተቀመጡበት መንገድ ሲሆን ለምስሎች, ለፅሁፍ, ለአሰሳ, ወዘተ.
ብዙ ንድፍ አውጪዎች የ CSS አቀማመጦቻቸውን ለመምረጥ ይመርጣሉ. እንደ ቅርፀ ቁምፊዎች, ቀለሞች, እና ሌሎች ብጁ ቅጦች ለሆኑ ክፍሎች ጥቅም ላይ ሊውል ይችላል. ይሄ በመላው ድር ጣቢያዎ ላይ ወጥ የሆነ እና የማቀናበር ባህሪያትን ያረጋግጣል.
የሲ.ኤስ. (ሲኤስኤን) በጣም ጥሩው ነገር አንድ ነገር ለመለወጥ ሲፈልጉ, ወደ ሲኤስኤስ በመሄድ በእያንዳንዱ ገጽ ላይ ይለወጣል. በእውነትም እየሰፋ ነው እና ሲኤስትን ለመጠቀም መማር ጊዜዎን እና በጣም ትንሽ ሰቆቃዎችዎን ሊያቆቁሙ ይችላሉ.
ዛሬ ባለው የመስመር ላይ አለም, ምላሽ ሰጭ የድር ዲዛይን (RWD) መገናኘቱ በጣም አስፈላጊ ነው. የ RWD ቀዳሚ ትኩረት ገፁን በመመልከት ላይ ባለው መሣሪያ ስፋት መሰረት አቀማመጥን መለወጥ ነው. የእርስዎ ጎብኚዎች በሁሉም ዴስክቶፖች, ስልኮች እና በሁሉም አይነት መጠን ያላቸው ቴፖች ላይ እንደሚመለከቱት ልብ ይበሉ, ስለዚህ ይህ ከመቼውም ጊዜ ይበልጥ አስፈላጊ ነው. ተጨማሪ »
03 ቀን 07
ቅርጸ ቁምፊዎች እና ታይፕቶግራፊ
ቅርጸ ቁምፊዎች የእርስዎ ጽሑፍ በድር ገጽ ላይ የሚታይበት መንገድ ነው. ይህ በጣም ወሳኝ ነገር ነው, ምክንያቱም አብዛኛዎቹ ድረ-ገጾች በርካታ ጽሁፎችን ያካትታሉ.
ንድፍ በሚያስቡበት ጊዜ ጽሑፉ በጥቃቅን ደረጃ (ፊደል ቁብዶች, የቅርጸ ቁምፊ ቤተሰብ, ወዘተ) ላይ እና እንዲሁም በማክሮ-ደረጃ (የጽሑፍ አጻጻፍ ጥምሮችን እና መጠኑን እና የጽሑፉ ቅርፅ). ቅርጸ ቁምፊን መምረጥ ቀላል አይደለም, እና ጥቂት ምክሮች እርስዎ ለመጀመር ያግዝዎታል. ተጨማሪ »
04 የ 7
የእርስዎ ድር ጣቢያ ቀለም መርሃግብር
ቀለም በሁሉም ቦታ ይገኛል. እኛ ዓለምን እንዴት እናምናለን እና ነገሮችን እንዴት እንደምናየነው. ቀለም ከ "ቀዩ" ወይም "ሰማያዊ" በላይ ትርጉም አለው እና ቀለም አስፈላጊው የንድፍ አካል ነው.
ስለእሱ የምታስብ ከሆነ እያንዳንዱ ድር ጣቢያ የቀለም መርሃ ግብር አለው. የጣቢያው የንግድ ምልክት ማንነት እና በእያንዳንዱ ገጽ እና ሌሎች የግብይት ቁሳቁሶች ውስጥ ይፈልቃል. የእርስዎን የቀለም መርሃ ግብር መለየት በየትኛውም ንድፍ ሂደት ወሳኝ እርምጃ ሲሆን ጥንቃቄ የተሞላበት ነው. ተጨማሪ »
05/07
ግራፊክስ እና ምስሎችን ማከል
ግራፊክስ የድር ገጾችን መገንባት አስደሳች ክፍል ነው. ቃሉ "አንድ ምስል 1,000 ቃላት ቃል ነው" እና በድር ዲዛይነር ውስጥም ጭምር ነው. በይነመረብ በጣም የሚታይ እና ማራኪ የሆኑ ፎቶግራፎች እና ግራፊክስ ለሰርገልዎ ተሳትፎ ሊጨመሩ ይችላሉ.
እንደ ጽሑፍ ሳይሆን, መረጃውን ካልሰጠሃቸው በቀር የፍለጋ ሞተሮች አንድ ምስል ምን እንደሚሉ ለመንገር አስቸጋሪ ጊዜ አላቸው. በዚህም ምክንያት ዲዛይነሮች እነዚህን አስፈላጊ ዝርዝሮች ለማካተት እንደ ALT መለያ የመሳሰሉ የ IMG መለያ ባህሪያትን መጠቀም ይችላሉ. ተጨማሪ »
06/20
የማሳወቂያ አሰሳ አያሳዩ
አሰሳ የእርስዎ ጎብኝዎች ከአንድ ገጽ ወደ ሌላ የሚሄዱበት መንገድ ነው. እንቅስቃሴን ያቀርባል ጎብኚዎች የጣቢያዎን ሌሎች ነገሮችን እንዲያገኙ እድል ይሰጣቸዋል.
የድር ጣቢያዎ አወቃቀር (የመረጃ መሰረተ-ሕንጻ) ትርጉም ያለው መሆኑን ማረጋገጥ አለብዎት . ጎብኚዎች በፍለጋ ተግባሩ ላይ ለመተማመን እንዳይችሉ ለመፈለግ እና ለማንበብ እጅግ በጣም ቀላል መሆን ያስፈልጋቸዋል.
የመጨረሻው አላማ የእርስዎ አሰሳ እና የመስመር ውስጥ አገናኝ ጎብኚዎች ጣቢያዎን እንዲጎበኙ ያግዛሉ. ረዘም ላለ ጊዜ ለመቆየት የፈለጉት እቃ እየሸጡ የሚሸጥዎትን ዕቃ መግዛት ይችላሉ. ተጨማሪ »
07 ኦ 7
የድር ዲዛይን ሶፍትዌር
አብዛኛዎቹ የድር ንድፍኞች በ WYSIWYG ወይም «የምታዩት ነገር ነው» አርታኢዎች ውስጥ መስራት ይመርጣሉ. እነዚህ ለንድፍ እይታ ምስሎችን ይቀርባሉ እና እርስዎ ኤችቲኤምኤል ላይ ኮድ በመፍጠር ላይ እንዲያተኩሩ ያስችልዎታል.
ትክክለኛው የድር ንድፍ ሶፍትዌርን መምረጥ ፈታኝ ሊሆን ይችላል. ብዙ ንድፍ አውጪዎች Adobe Dreamweaver ይመርጣሉ, ምክንያቱም ለመጠቀም ቀላል እና ሁሉንም የሚያስፈልጉትን ባህሪ ሁሉ ያካትታል. ምንም እንኳን ወጪ ቢከሰት ግን ነጻ ሙከራ አለ.
ጀማሪዎች የነጻ ወይም የመስመር ላይ የድር አርታኢዎች ማየት ይፈልጋሉ. እነዚህ በድር ዲዛይን ውስጥ ጥራዝ እንድንሆንም እና አንዳንድ አስገራሚ ገጾችን በትንሽ ሳይጨምር ይገንቡ. ተጨማሪ »