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