Мазмун

• Басуу
• 1-ыкма: 3 негизги эреже
• 2ден 2-ыкма: колдонмо
• Сунуштар
• Эскертүүлөр

Эң сонун веб-сайтты иштеп чыгуу өтө оор тапшырма болуп сезилиши мүмкүн, бирок негизги нерселерди эсиңизден чыгарбасаңыз, сизге бул процесс кызыктуу жана кызыктуу болот. Бул жөн гана сырткы келбеттен көп нерсе жөнүндө эмес! Биз сизге адамдар улам-улам кирип турган вебсайттарды иштеп чыгууга жардам берүүчү негиздерди жана айрым жалпы көрсөтмөлөрдү көрсөтөбүз.

Басуу

1-ыкма: 3 негизги эреже

1. Эреже 1:Кардарыңызды угуңуз. Сиз "ааламдагы жана андан кийинки тарыхтагы дүйнөдөгү эң чоң веб-сайттын" дизайнын иштеп жаткандырсыз, бай каралар, тазаланган шрифттер жана "Мени азыр изилде!" Деп кыйкырган сайттын ачык, көркөм түстөрү менен. Тилекке каршы, кардарыңыз кызгылтым жана кызгылт сары түстөгү ачык түстөгү кызгылт сары түстөгү меню тилкесин каалады. Сиз жумуштан айдалдыңыз, жана сиздин эң мыкты веб-сайтыңыз - кардардын укугу бар - алардын резервдик дискинде, аны эч ким эч качан көрбөй туруп, сакталат.
   • Кардарыңыздын корпоративдик инсандыгын изилдеңиз. Кардар сизге жаккан бир нече веб-сайтты көрсөтсүн. Бул сизге жаккан нерселер жөнүндө гана эмес, сиз ойлобогон дагы бир нече дизайн идеяларын берет.
   • Кызгылт сары жана кызгылтым веб-сайтты тамашалап жатабыз деп ойлосоңуз, анда ушул салкын, татаал сайтты карап көрүңүз:
2. Эреже # 2:Аудиторияңызды жана алар эмнени издеп жаткандыгын билип, дизайныңызды ошого ылайыкташтырыңыз. Адамдардын вебсайттары бар болушунун себеби, аларды башка адамдардын көрүшүн каалашат. Бул маалыматтык, же коммерциялык же белгилүү бир максаттуу аудиториянын көңүлүн ачуу үчүн болушу мүмкүн. Дизайнердин милдети - сиз кимди долбоорлоп жатканыңызды билүү жана ал жакка конуп калганда аларды баракта сактап калуу.
   • "Жакшы көрүнсө, алар калат" деп ойлошуңуз мүмкүн. Бирок бул сөзсүз түрдө андай болушу шарт эмес. Мисалы, кыймылсыз мүлктү алалы. Бул жерде таза, көңүлдүү дизайндагы сайт бар. Анын көрүнүшү, ачык түстөрү жана көрүнүктүү жерде шилтемелери бар заманбап кең экран форматындагы ак мейкиндиги көп:
   • Эми ошол эле аймактагы кыймылсыз мүлктү сатууга болгон мындай мамилени карап көрүңүз: башаламан жана өтө бош эмес, түстөр тажатма жана жарнамада жаап.
   • Үй издегендер үчүн кайсынысы жакшыраак иштейт деп ойлойсуз? Туура, кайда үйлөр! Адамдар "Санта-Моникада сатыла турган үйлөрдү" издегенде, сайттын кандай болушуна маани беришпейт. Алар кыймылсыз мүлк агенти жөнүндө окугусу же шаардын кооз сүрөттөрүн көргүсү келбейт. Алар үйлөрдү көрүүнү каалашат.
3. Эреже # 3:Өзүңдү ук. Сиз кардардын эмнени каалагандыгын түшүнөсүз жана сиздин базар эмне издеп жаткандыгын билесиз. Эми сизге, дизайнерге көңүл бурууга кез келди!
   • Өзүңүз тандаган графикалык программада шаблонду түзүңүз. Баракчаңыздын элементтерин ар кандай катмарларда жасаңыз (ошондо кийинчерээк бардык шаблонду бузбай туруп, нерселерди өзгөртө аласыз). Бул элементтер болушу мүмкүн:
     • Header. Бул сиздин сайтыңыздын бардык барактарында бирдей болгон элемент. Баш аты сайттын аталышынан жана логотипинен, ошондой эле веб-сайттын башка бөлүктөрүнө шилтемелерден турат (мисалы, About, Contact ж.б.). Көрүнүктүү жана иш жүзүндө мунун бардыгы бири-бирине байланат. Меню тилкесиндеги биринчи баскычты үй бетине кайра шилтеме берүү жакшы практика.
     • Мисалы, Apple компаниясын карап көрөлү:
     • Көпчүлүк Apple нерселериндей эле, алардын башкы бети абдан таза, түз дизайны бар. Жогору жагындагы меню тилкесине көңүл буруңуз, ар бир баскыч үчүн логикалык темалар, ошондой эле издөө талаасы бар - эгер сиздин сайт колдосо, анда ар дайым жакшы идея. Эми бир нече элементти көрүү үчүн, баскычтардын бири, iPad үчүн конуу барагын карап көрөлү:
     • Меню тилкеси iPad баскычын караңгылатуу менен гана өзгөрөт.
     • Конуучу барактын темасы чоң кара тамгалар менен көрсөтүлөт.
     • Жаңы подменю пайда болот, андыктан өнүм жөнүндө көбүрөөк маалымат ала аласыз. Ушул баскычтардын бирин чыкылдатып койсоңуз, анда ар бир барак темага жараша жаңы мазмунду сунуш кылганын, бирок жайгашуусу жана жасалгаланышы боюнча бирдей болоорун көрөсүз.
     • Көбүнчө, меню тилкесиндеги ар бир негизги тема сиз толтурушуңуз үчүн ар башка подкладкага ээ болот. Экинчи меню тилкесин түзүүнүн ордуна, ушул мисалдагы популярдуу менюларды Музыканттар Досунан алсаңыз болот:
     • Каптал тилкеси. Бул сиздин сайтыңыздын көптөгөн беттеринде пайда болот, бирок баардыгы сөзсүз эле эмес - контекст аныктайт. Бирок, бул өтө маанилүү элемент жана интуитивдүү болуп, анча-мынча башаламандыкка жол бербестен кылдаттык менен иштелип чыгышы керек. Меню тилкесинен айырмаланып, каптал тилкесинин мазмуну өтө динамикалуу болушу мүмкүн. Кыймылсыз мүлк сатуучусу Трулиянын бул эки каптал тилкесин карап чыгыңыз, биринчиси, сатып алуучулар үчүн:
       
       

2ден 2-ыкма: колдонмо

1. Жакшы колдонуучу интерфейсин иштеп чыгыңыз. Вебсайттын ар кандай элементтерин, мисалы, аталышын, каптал тилкелерин, логотиптерин, сүрөттөрүн жана текстин ар бир баракта бир жерге жайгаштырып, сайтыңызды багыттоочу жана интуитивдүү кылыңыз.
   • Ар бир барактын жогору жагында бирдей баш ат. Сиздин сайтыңыздын мазмуну көптөгөн кайталануучу элементтерге жол береби же жокпу, ар бир барактын үстү бирдей экендигин текшериңиз.
   • Дизайныңызда логиканы колдонуңуз. Бир барактагы элементтер логикалык жактан маанилүүлүгү же темасы боюнча иреттелген болушу керек; сайттын ар кандай баракчалары да болушу керек.
2. Туруктуу стилди түзүңүз. Макет сиздин сайтка структуралык ырааттуулук бериши керек болгон жерде, стиль тематикалык гармонияны камсыз кылышы керек.
   • Эки-үч негизги түстү карманыңыз жана алардын бири-бирине шайкеш келгендигин текшериңиз.
   • Арип стилин же өлчөмүн өтө көп колдонуудан алыс болуңуз; эгерде бир нечесин алмаштыргыңыз келсе, аларды ар бир баракта бирдей колдонуңуз.
   • Бирдиктүү стилди сактоо жана ар бир баракчага өзүнчө барбай эле, веб-сайттын элементтерин өзгөртүүнү жеңилдетүү үчүн Каскаддык Стиль Таблицаларын (CSS) колдонуңуз.
3. Окулууну максималдаштыруу. Текстти окууну жеңилдетүү үчүн, аны кичинекей бөлүктөргө бөлсөңүз болот.
   • Бөлүктөрдүн ар бирин бөлүп алуу үчүн субтитрлерди жана туура аралыкты колдонуңуз.
   • Темалардын иерархиясын жана маанилүүлүгүн көрсөтүү үчүн коюу тамгаларды же ар кандай өлчөмдөрдү колдонуңуз.
   • Текстке кандай мамиле кылганыңызга көңүл буруңуз. Арипти өтө кичине кылбаңыз жана тексттин чоң бөлүктөрүн окууну жеңилдетүү үчүн катар аралыкты көбөйтүңүз. Тексттин чоң тактарын окуу кыйыныраак; аны кичинекей абзацтарга бөл.
4. Вебсайтыңызды жалпыга жеткиликтүү кылыңыз. Стандарттуу HTML колдонуп, бир бренд же браузердин версиясы үчүн гана жеткиликтүү болгон тэгдерден, функциялардан жана плагиндерден алыс болуңуз.
   • Көпчүлүк заманбап браузерлер менен компьютерлер татаал сүрөттөрдү иштете алышат, бирок сиз сүрөттөрүңүздү кичирейтип, веб үчүн оптималдаштырсаңыз, бардыгы жылмакай көрүнөт. Тездиктин маанилүүлүгүнө караганда сапаттын маанилүүлүгүн таразалаңыз.
5. Вебсайтыңызды сынап көрүңүз. Буга ынануу керек ар бир шилтеме иштейт сиз күткөндөй жана сүрөттөр туура пайда болот.
   • Максаттуу аудиторияңыздын мүчөлөрү сиздин дизайныңыздын тактыгын жана колдонулушунун жеңилдигин текшерип, веб-сайтыңыз жөнүндө пикир билдирип, колдонуучунун айрым тестирлөөсүн уюштургуңуз келиши мүмкүн.
6. Вебсайтыңызды жарыялаңыз. Эгер сизде жок болсо, домендик аталышты сатып алыңыз. Шилтемелердин дагы эле иштеп же иштебей тургандыгын мезгил-мезгили менен текшерип, келүүчүлөр сизге электрондук почта билдирүүлөрү менен келген сунуштарды угуңуз.

Сунуштар

• Өзүңүздүн жеке көз карашыңызга же башка сайттардан көргөн нерселериңизге жараша макетти иштеп чыгууга эркин болсоңуз, даяр дизайнды сатып алуу оңойураак болот.
• Келген адамды сүйкүмдүү, өзгөчө сүрөттөр менен бомбалабаңыз. Флэш-анимация, ачык түстөр, оймо-чиймелүү фондор жана баракчанын жүктөлүшүндө автоматтык түрдө ойнолуучу музыка 90-жылдардагы кызыктуу тажрыйбалар болгон, бирок эми алар колдонуучуларды коркутат. Максималдуу түшүнүктүүлүк үчүн тексттин түсүнө карама-каршы келген жөнөкөй фондорго жабышыңыз.
• Абзацтардын аралыгын оптималдаштыруу үчүн сиз ар дайым CSS колдоно аласыз.
• Угуу жана көрүү мүмкүнчүлүгү начар коноктор үчүн сиз видеолорго субтитр жазып, аудиону транскрипциялап, атайын мүмкүнчүлүктөр жөнүндө билдирүү кошо аласыз. Таблицалар маалыматты уюштуруунун эффективдүү ыкмасы болушу мүмкүн, ал эми экранды окугуч программалык камсыздоону колдонуп, начар көргөн коноктор материалды туура тартипте укпашы мүмкүн.
• Келген конокторуңуз сияны үнөмдөшсүн: басма беттери үчүн өзүнчө стилдер барагын колдонуңуз.
  • Басып чыгаруу параметрлерин орнотууда фондук сүрөттөрдү өчүрүңүз.
  • Ак фондо кара текстти колдонуңуз.
  • Меню тилкесин жана керексиз сүрөттөрдү алып салыңыз.

Эскертүүлөр

• Плагиаттан алыс болуңуз жана автордук укук боюнча бардык мыйзамдарды аткарыңыз. Интернеттен тапкан кокустук сүрөттөрдү, жада калса структуралык элементтерди жактырбай эле койбоңуз. Сиздин сайтта колдонгон нерселердин бардыгы мыйзамдуу жана этикалык болушу керек.