"Кийим менен учурашуу" принциби адамдарга гана эмес, сайттарга дагы тиешелүү. Сайттын көйнөгү анын дизайны болуп саналат. Жана бул коноктор ресурсту көргөндөн кийинки алгачкы бир нече секундада кандай таасир калтыргандыгын дизайн аныктайт. Бул таасир өзгөчө маанилүү, анткени анын келечектеги жүрүм-турумун аныктайт. Сайтка кирген ар бир колдонуучу көрө турган биринчи дизайн элемент - бул анын "баш аты". Калпакча - веб-ресурстун жүзү. Ошондуктан, ар бир башталгыч веб-дизайнер биринчи кезекте сайттарга баш жасоону үйрөнгүсү келет.
Зарыл
- - Интернетке кирүү;
- - заманбап браузер;
- - растрдык графикалык редактор (GIMP, Photoshop);
- - кошумча: вектордук графикалык редактор (CorelDraw);
- - милдеттүү эмес: 3D моделдөө чөйрөсү (Blender, 3DStudio);
- - милдеттүү эмес: кагаз, карандаш же калем.
Нускамалар
1 кадам
Келечектеги сайттын аталышы боюнча концепцияны иштеп чыгуу. Идеалында, концепция баштапкы идеяга негизделиши керек. Идеялар жетишпесе, жакшы чечимдерди талдоо менен илхам алууга болот. Чыгармачыл изденүүнүн натыйжасын кагаз бетине эскиз түрүндө чагылдыруу. Эскизде сүрөттөр менен толтурулган "резина" жерлерди жана аймактарды көрсөтүү менен, сайттын болочок аталышынын түзүмү чагылдырылышы керек. Ушул этапта, баштын дизайнын болжолдуу түс схемасын ойлонуп көргөнүңүз оң.
2-кадам
Баштын көлөмүн тандаңыз. Чындыгында, анын бир гана параметрлерин - бийиктикти так аныктоо максатка ылайыктуу. Эреже боюнча, сайттын аталыштарынын бийиктиги аныкталат жана ал ариптердин дисплей параметрлерине таасирин тийгизүүчү логикалык чечилиштен көз каранды эмес. Башкача айтканда, баштын бийиктиги үчүн маанини пиксел менен тандашыңыз керек. Бул учурда, баннерлерди же контексттик жарнаманын блокторун башына жайгаштыруу мүмкүнчүлүгүн эске алуу акылга сыярлык. Туурасы боюнча, сиз веб-баракчанын ар кандай өлчөмдөрүнө баш ийдирүүгө мүмкүнчүлүк берген жок дегенде бир "резина" аянтын бөлүп көрсөтүп, минималдуу маанини аныкташыңыз керек.
3-кадам
Графикалык редактордо баш шаблонун түзүү. Жаңы документке тандалган геометриялык параметрлерге ылайык эскизди сүйрөй турган тунук катмарды кошуңуз. Катмардын бийиктиги баштын бийиктигине дал келиши керек. Туурасын өзүм билемдик катары кабыл алса болот, бирок минималдуу өлчөмдөн чоңураак, горизонталдык "резина" зоналар үчүн орун калтырып.
4-кадам
Сиздин баш шаблонуңузга жайгаштыруу үчүн статикалык сүрөттөрдү издеңиз же түзүңүз. Логотип жана айрым уникалдуу элементтер вектордук редактордо же 3D моделдөө чөйрөсүндө түзүлүшү мүмкүн. Интернеттен акысыз фотобанктардан тематикалык сүрөттөрдү табуу оңой.
5-кадам
Фон, логотип жана статикалык сүрөттөрдү графикалык редактордогу сайттын шаблонуна кыстарыңыз. Фонду жана ар бир сүрөттү өзүнчө тунук катмарга кошуңуз. Катмарларды эң жакшы жол менен жайгаштырыңыз. Катмарлардагы сүрөттөрдү жылдырып, алардын мурунку түзүлгөн шаблонго туура келген кемчиликсиз жайгашуусуна жетишүү.
6-кадам
Жыйынтыкталган баш сүрөтүн сактаңыз. Жумушчу долбоорду графикалык редактордун түпнуска форматында сактаңыз. Андан кийин тегизделген баш сүрөттү жоготуусуз форматта сактаңыз (мисалы, PNG).
7-кадам
Керек болсо HTML шаблонун түзүү. Тегизделген сүрөттү редактордон ачыңыз. Андан белгиленген өлчөмдөгү аймактарга туура келген сүрөттөрдү кесип таштаңыз. "Резина" аймактарына туура келген жерлерден 1 пикселдик кеңдикте сүрөттөрдү кесип алыңыз. Бардык сүрөттөрдү дискте сактаңыз. Сакталып калган сүрөттөрдү колдонуп, HTML аталышын жайгаштырыңыз.
