Загвараа эхлүүлэхийн тулд энгийн Wireframe ашиглах хэрэгтэй
Вэб wireframe бол Вэб хуудас ямар байхыг харуулах энгийн харааны гарын авлага юм. Энэ нь ямар нэг график эсвэл текстийг ашиглахгүйгээр хуудасны бүтцийг санал болгодог. Вэбсайт wireframe нь вэб сайтын бүх бүтцийг харуулах бөгөөд үүнд аль хуудсуудыг холбохыг оруулаарай.
Вэбсайт wireframes нь дизайныг эхлүүлэх сайн арга юм. Мөн нарийн төвөгтэй wireframes- ыг маш их хэмжээний нарийвчлалтайгаар үүсгэх боломжтой боловч таны төлөвлөлт амны уут, үзэгний тусламжтайгаар эхэлж болно. Сайн wireframes хийх гол түлхүүр бол бүх харааны элементүүдийг орхих явдал юм. Зураг болон текстийг харуулахын тулд хайрцаг, мөрийг ашигла.
Вэб хуудсанд дараах зүйлсийг оруулах зүйлс:
- үндсэн график элементүүдийн хайрцаг
- Гарчиг болон дэд толгойн байршуулалт
- энгийн зохион байгуулалтын бүтэц
- үйлдэл хийхийг уриалж байна
- текстийн блокууд
Энгийн Web Wireframe хэрхэн бүтээх
Вэбсайтаа wireframe-г ашиглана. Үүнийг би хэрхэн хийдэг вэ:
- Том тэгш өнцөгтийг зурах - энэ нь бүхэлд нь хуудас эсвэл харагдах хэсгийг харуулж чадна. Би ихэвчлэн харагдах хэсгээр эхэлдэг ба дараа нь элементүүдийг багтаахын тулд үүнийг өргөжүүлнэ.
- Байршлыг зурах - 2 багана, 3 багана уу?
- Толгойн графикийн хайрцагт нэмж оруулна уу. Хэрэв баганаас дээш нэг толгой байхыг хүсвэл баганынхаа дээгүүр зурах эсвэл зүгээр л хүссэн газраа нэмэх хэрэгтэй.
- H1 гарчигтай байхыг хүсч байгаа "Headline" гэж бичнэ үү.
- H2 болон доод түвшний гарчиг байхыг хүсч байгаа "Дэд-Толгой" гэж бичнэ үү. Энэ нь тэдгээрийг h2-ээс бага h2, h2-ээс бага h3 гэх мэт пропорциональ болгодог.
- Бусад зургуудыг нэмээрэй
- Хөтөч нэмэх. Хэрвээ та төлөвлөж байгаа бол та зөвхөн хайрцгийг зурж, дээд хэсэгт нь "залуурдах" гэж бичээрэй. Эсвэл багананд байгаа суман дээр bulleted жагсаалтыг тавь. Контентыг бүү бич. Зөвхөн "навигаци" гэж бичээд текстийг төлөөлөх мөрийг ашиглана уу.
- Хуудасны дотор нэмэлт элементүүдийг нэмээрэй - тэдгээр нь текстээр юу байгааг тодруулах боловч жинхэнэ агуулгын текстийг бүү ашигла. Жишээлбэл, хэрэв та баруун доод хэсэгт дуудлага хийх товчин дээр дарахыг хүсвэл тэнд хайрцаг оруулж, "дуудлага хийх" гэж бичнэ. "Одоо худалдаж ав" гэж бүү бич. Энэ хайрцагт.
Нэгэнт энгийн wireframe бичсэн бол нэгээс дээш зурахын тулд 15 минутаас дээш хугацаагаар авчихаад өөр хэн нэгэнд үзүүлэх хэрэгтэй. Тэдэнд ямар нэгэн зүйл байхгүй, өөр санал хүсэлт байвал асуу. Тэдний хэлж байгаагаар та өөр wireframe бичиж эсвэл өөрт байгаа нэгийг нь хадгалж чадна.
Яагаад Paper Wireframes Эхний төслүүдэд хамгийн сайн байдаг
Висио шиг програмууд ашиглан wireframe үүсгэх боломжтой байдаг. Та эхлээд brainstorming session хийхэд цаас хэвээр байх хэрэгтэй. Цаас нь байнгын биш мэт санагдах бөгөөд олон хүмүүс таныг 5 минутын турш хамтдаа шидээд, танд сайн санал хүсэлт гаргахгүй байх болно. Гэхдээ төгс квадратууд болон өнгөөр гоёмсог wireframes-г бүтээсэн програмыг ашиглавал хөтөлбөрт өөрөө орж ирээд амьдардаггүй зүйлээ дуусгах цаг зарцуулах эрсдэлтэй.
Цаас утсаар хийхэд хялбар байдаг. Хэрэв та таалагдахгүй бол цаасан дээр бүдүүрч, дахин боловсруулалтанд хаяж, шинэ хуудсыг ав.