Вэбсайтын wireframes нь вэб хуудсан дээр элементүүдийг байршуулахыг харуулсан зургуудын энгийн зураг юм. Дараа нь нарийн төвөгтэй дизайны оронд дизайны үйл явц эхэлснээр энгийн wireframe загварыг засварлаж маш их цаг хэмнэх болно.
Wireframes ашиглах нь танд вэбсайтын төслийг эхлүүлэх гайхалтай арга юм. Энэ нь танд болон таны клиентийг өнгө, төрөл, загвар дизайны бусад элементүүдийг анхааралгүйгээр байрлуулах боломжийг олгодог. Таны веб хуудсанд байгаа байрлал болон элемент тус бүрийг эзлэх зайг төвлөрүүлэхэд анхаарлаа төвлөрүүл. Энэ нь таны үйлчлүүлэгчдийн хэрэгцээнээс хамаарна.
01-ийн 03
Вэб хуудсанд юу оруулах ёстой
Вэб хуудасны бүх чухал элементүүд нь таны вэбсайт wireframe дээр харагдах ёстой. Бодит график зурахын оронд энгийн хэлбэрийг ашигла. Эдгээр элементүүд нь:
- Хөтөч: Хэрэглэгчдэд зориулсан товчлуурууд нь таны сайтын үндсэн хэсгүүд дээр очих болно.
- Компанийн лого: Зөвхөн хайрцагаар төлөөлж болно.
- Агуулгын талбар: Таны агуулгын өөр өөр хэсгүүд хаана байх вэ?
- Хайлтын хайрцаг
- Хэрэглэгчийн нэвтрэх талбарууд
02 - 03
Вэбсайтыг хэрхэн үүсгэх вэ? Wireframes
Вэбсайт wireframe бий болгох янз бүрийн арга замууд байдаг. Үүнд:
Гараар цаасан дээр зурах
Энэ арга нь үйлчлүүлэгчтэй нүүр тулахтай харьцуулахад хялбар байдаг. Байршлынхаа санаануудыг цаасан дээр байрлуулж, ямар элементүүд хаана явах ёстойг анхаарна уу.
Adobe Photoshop, Illustrator, or Other Software ашиглан ашиглах
Ихэнх график програм хангамжийн багцууд нь wireframes бий болгоход шаардлагатай бүх үндсэн хэрэгслүүдээр тоноглогдсон байдаг. Энгийн мөр, хэлбэр, текстийг (элементүүдээ шошголоход) бүх гоёмсог утсыг бүтээх хэрэгтэй.
Зорилгот төрлийн төрөлд зориулан гаргасан програм хангамжийг ашиглах
Photoshop and Illustrator нь заль мэхийг хийж чаддаг байхад зарим төрлийн програм хангамжийг энэ төрлийн ажилд зориулан боловсруулсан байдаг. OmniGraffle нь хоосон зураг дээр ашиглах хэлбэр, мөр, сум, текстийн хэрэгслийг ашиглан wireframes-ийг бий болгох хялбаршуулсан программ юм. Та ч гэсэн Graffletopia дээр тусгайлсан график багцыг (үнэгүй) татаж авах боломжтой.
03 - 03
Ашиг тус
Вэбсайттай wireframes -тай бол хүссэн байршилд хүрэхийн тулд энгийн мөрийн зургийг оновчтой болгох хэрэгтэй. Хуудас орчмын нарийн төвөгтэй элементүүдийг шилжүүлэхийн оронд хоёр хайрцагийг шинэ позицууд руу шилжүүлэхэд маш бага хугацаа шаардагддаг. Энэ нь танд эсвэл таны үйлчлүүлэгчийг эхлээд байршилд анхаарлаа төвлөрүүлэхэд илүү бүтээмжтэй байдаг ... "Би тэнд өнгө таалагддаггүй" гэх мэт сэтгэгдлүүдээр эхлэхгүй байх болно. Харин оронд нь та эцсийн бүтэц, бүтцийг эхлүүлэх болно Таны дизайныг үндэслэв.