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