Агуулгын хүснэгт
Вузуны дизайны үндсийг сурах бүрэн гарын авлага.
Сая долларын асуулт: Сайн дизайны нууц юу вэ?
Бид энэ талаар гүн ухааны үүднээс хандаж болно. , гэхдээ ерөнхийд нь хэлэхэд, сайн дизайны "нууц" нь таны харааны элементүүдийг зотон даавуу, бие биентэйгээ уялдуулан зохион байгуулах арга барилд оршдог. Үндсэндээ бид зохион байгуулалтын дизайныг тайлбарласан. Бодоод байхад хаа сайгүй л байдаг.
Жишээ нь сэтгүүлийн зохион байгуулалтыг авч үзье. Тэдний загвар нь сонгодог сүлжээний системийг дагаж мөрддөг (бид нэг минутын дотор сүлжээний талаар бүгдийг сурах болно). Бүх зүйл ихэвчлэн зүүн, баруун, доод талд зэрэгцдэг. Ялангуяа баганууд нь тодорхой үндэслэлтэй зэрэгцүүлсэн байдаг бөгөөд энэ нь хуудсыг зөвхөн харагдахуйц биш, уншихад хялбар, эрх мэдэлтэй болгодог. Том гарчиг нь үзэгчдийн анхаарлыг татдаг бол дэд гарчиг нь мэдээллийн визуал шатлалыг бий болгохын тулд хэмжээнээс ялгаатай байдаг.
Линда Гаом, Беханс
Эдгээр бүх чанарууд нь хуудсыг бүтээдэг. цэвэрхэн, бүтэцтэй, уншихад хялбар дизайн хийх бөгөөд эдгээр нь бидний дараагийн ярих зөвлөмжүүдтэй нийцэж байна. Гэхдээ эхлээд макет дизайны талаар илүү ихийг ойлгоцгооё.
Layout Design гэж юу вэ?
Байршлын дизайн гэдэг нь уншигчдын анхаарлыг татах, тодорхой мессежийг нүдэнд харагдахуйц байдлаар хүргэхийн тулд график элементүүдийн зохион байгуулалттай холбоотой юм. .Тиймээс бид ярихгүй байнаамрах газар, харин бусад элементүүд нь чиг баримжаа өгдөг.
Үүнийг ойлгох энгийн арга бол жишээ нь манай вэбсайтаас жишээ авах явдал юм. Графикууд нь текстээс тодорхой тусгаарлагдсан, үйлдэл хийх дуудлага ч мөн адил байдаг тул үзэгчийн анхаарал нэг мэдээллийн багцаас нөгөөд шилждэг.
Зарчим. #5. Тодосгогчийг ашиглаарай
Таны загварт хангалттай тодосгогч байгаа эсэхийг шалгаарай.
Тодотгол нь таны дизайныг зохион байгуулахад тусалдаг бөгөөд нэн шаардлагатай шатлалыг бий болгож, чухал зүйлийг онцолж өгнө.Үүнээс гадна тодосгогчийг сайн ашиглах нь таны дизайны туршид харааны сонирхлыг нэмэгдүүлдэг. Бүх зүйл ижил хэмжээ, хэлбэр, өнгөтэй байх нь уйтгартай харагдах болно гэдгийг хүлээн зөвшөөрөх хэрэгтэй. Тодосгогч нь бүх зүйлийг амталдаг.
Таны хамгийн түрүүнд бодсон зүйл бол дулаан ба сэрүүн, бараан ба цайвар, хөх ба улбар шар зэрэг өнгөний ялгаа байж магадгүй. Хэдийгээр өнгө нь тодосгогч байдлын туйлын чухал зарчим боловч төрөл, зэрэгцүүлэл, хэмжээ зэрэг ялгаатай байдаг. Мөн ялгаа нь харьцангуй гэдгийг санаарай. Энэ нь зөвхөн бусад элементүүдтэй зэрэгцэн орсны дараа л утга учиртай.
Энэ дүрмийг ухаалаг бөгөөд үзэсгэлэнтэй байдлаар ашигласан бүдүүвчүүдийн зарим жишээг энд үзүүлэв. Хэмжээний хэв маяг, өнгө, тэр ч байтугай элементүүдийн хэмжээ хоорондын ялгааг анзаараарай.
Эх сурвалж: ОУГ-ын Эвлэрүүлэн зуучлах үйл ажиллагааны төлөвлөгөө
Зарчим №6. Давталт, Хэв маяг, хэмнэл
Давталт гэж бодохдоо бид боддог.нэг элементийн дахин дахин.
Гэхдээ дизайны хувьд өөр. Энэ нь тийм ч уйтгартай биш нь лавтай. Зөв ашигласан тохиолдолд давталт нь таны дизайныг үнэхээр хүчирхэгжүүлж чадна.
Янз бүрийн хэсгүүд хоорондоо уялдаа холбоотой, нэг найруулгын нэг хэсэг мэт санагдахын тулд бүхэл бүтэн зураглалыг тодорхойлж, дахин ашиглахыг хичээгээрэй. Энэ нь таны загварт сэдэвтэй болоход тусална. Элементүүдийг давтаж хийснээр та үзэгчдийнхээ хүлээлтэд нийцүүлэн хүргэхээс гадна хэрэглэгчийн туршлагыг сайжруулах болно. Тогтвортой байх нь хэрэглэгчдэд илүү таатай мэдрэмж төрүүлдэг.
Та үүнийг дүрс эсвэл тэмдэглэгээг давтах замаар хийж болно. Эсвэл бүр өнгөний схем, үсгийн хэв маяг, ерөнхийдөө ижил хэв маяг.
Үсгийн хэв маягийг том гэр бүлтэй хамт хэрэглэх нь сайн зуршил юм. Өөр өөр тооны хэв маяг, шугамын жин/загвар, өнгө зэргийг хязгаарлаж, бүх хугацаанд давтана уу. Мөн зураг, графикийн хэв маягийг ижил байлгахыг хичээ. Жишээ нь, нэг зураачийн зурсан зургуудыг ашигла.
Эх сурвалж: Thepentool.co
Болоо. Эдгээр нь таны дизайныг цэгцэлж, илүү цэвэр, мэргэжлийн, тэнцвэртэй зохион байгуулалтад хүрэхэд туслах зургаан зарчим юм.
Мөн_үзнэ үү: Өнгөний зохицол: Танглонгтой хийсэн ярилцлагаГэхдээ таны аялал үүгээр дуусахгүй. График дизайн нь нарийн шинжлэх ухаан биш бөгөөд зөвхөн зөвлөмж, зарчмаар хязгаарлагдах ёсгүй. Бүтээлийн бүх талбарт байдаг шиг хатуу дүрэм гэж байдаггүй. Эдгээр зөвлөмжийг нарийн аргаар арилгах нь илүү гүнзгий, олон янз байдлыг нэмнэтаны загварууд.
Гэсэн хэдий ч эдгээр нь маш сайн эхлэлийн цэг бөгөөд бид таныг туршиж үзэхийг зөвлөж байна. Тэд хэрхэн ажилласныг бидэнд мэдэгдээрэй!
Эхлэхийн тулд Vectornator-г татаж аваарай
Загваруудаа дараагийн түвшинд аваач.
Файлыг татаж авах
логоны дизайны талаар эндээс үзнэ үү. Гэхдээ сонин, сэтгүүл, зурагт хуудас, тэдгээрийн дижитал хувилбарууд, вэб, апп, эсвэл UX/UI дизайн зэрэг хэвлэмэл материалын дизайн.“Байршил” гэдэг үг бидэнд маш олон санааг өгдөг. Энэ нь хуудсан дээрх урьдчилан тодорхойлсон элементүүдийн зохион байгуулалтыг хэлнэ.
Бүдүүвч нь үр дүнтэй байвал сайн харагддаг бөгөөд энэ нь үзэгчийг дизайныг дамжуулах гэж буй мессежийг ойлгоход чиглүүлдэг. Иймээс зохион байгуулалтыг ойлгох нь анхаарал татахуйц, үр дүнтэй, хэрэглэгчдэд ээлтэй, тааламжтай зохиол бүтээхэд чухал ач холбогдолтой.
Хэрэв зохион байгуулалт нь үзэгчдэд өөрийн захиасыг сайн хүргэж чадахгүй эсвэл өөрөөр хэлбэл "сайн уншдаггүй" гэсэн үг юм. ", загвар нь хичнээн загварлаг харагдаж байсан ч үр дүнгүй байх болно. Байршлын дизайны талбарт агуулга нь чиг хандлага, заль мэхийг орлуулдаг.
Байршлын дизайны зорилго
Мессежийг хурдан дамжуулах
Энэ бол гол зүйл. Байршлын дизайн нь хамгийн их үр дүн, нөлөө үзүүлэхийн тулд нүдний хөдөлгөөний жигд урсгалыг бий болгохын тулд график хөрөнгийн хоорондын хамаарлыг тогтоодог.
Тэнцвэрийг бий болгох
Байршлын дизайны зарчмуудыг ашиглах нь бүтээх хамгийн хялбар арга юм. Загварын төсөлдөө уйтгартай байхгүйгээр тэнцвэр, тэгш хэмийн мэдрэмж.
Нэгдмэл байдлыг бий болгох
Бүдүүвч нь дизайны олон элементийг амархан шингэцтэй, уялдаатай, логик байдлаар зохион байгуулахад тусална.
Гоо сайхныг бий болгох
Тэнцвэр ба бүтэц нь байгалийн жам ёсоор гоо сайхныг бий болгодог.Хэрэв таны байршлын дизайныг зөв хийсэн бол энэ нь автоматаар үзэгчдэд таалагдах болно. Мессежийг ойлгохын тулд үзэгчид хэдий чинээ бага хүчин чармайлт гаргана, төдий чинээ таны загвар илүү сэтгэл татам харагдах болно.
Фрэнк Филиппиний "Би дизайны оюутан байсан: Дараа нь -" номынхоо дизайнер. Одоо.' Эх сурвалж: DesignBoom
Бүдүүвчний дизайны элементүүд
Текст
Үүнд зөвхөн текстийн үндсэн хэсэг эсвэл догол мөрийг оруулаад зогсохгүй гарчиг, дэд гарчиг, толгой ба хөл зэрэг орно. Хэмжээний хэв маяг, өнгө, хэмжээ зэргийг сонгох нь таны зохион байгуулалтыг үзэгчдэд хэрхэн хөрвүүлэхэд өөр өөр нөлөө үзүүлэх болно.
Зураг
Хамгийн түгээмэл зургийн төрөл бол гэрэл зураг, чимэглэл эсвэл инфографик юм.
Дүрсүүд
Дүрсүүд нь маш өнцөгтэй геометрийн хэлбэртэй эсвэл байгалийн ертөнцийг дуурайлган органик хэлбэртэй байж болно. Тэд бас хийсвэр байж болно. Хийсвэр хэлбэрүүд өнгөрсөн жил маш их моод болсон, учир нь вэб дизайнерууд тэдгээрийг нарийн төвөгтэй, өргөн цар хүрээтэй найруулгад оруулж байгааг бид харсан.
Дүрсүүд нь зургийг орлох боломжтой. Эсвэл тэдгээрийг хуудсанд график элемент нэмэх, текстийг тодруулах эсвэл бусад визуал элементүүдийн хоорондын зайг тодорхойлоход ашиглаж болно.
Цагаан зай
Ямар ч бүдүүвчний загварт тодорхой хэмжээний хоосон зай байх болно. Энэ нь таны элементүүдийг амьсгалж, бие даан ялгарах боломжийг олгоно.
Байршлын дизайны алтан зарчмууд
Та эдгээр зарчмуудыг анзаарах болно.Байршлын дизайн нь дизайны олон үндсэн зарчмуудыг дагаж мөрддөг. Өнгийг тодорхой аргаар ашиглах гэх мэт, хэвлэх, давталт, тодосгогч, шатлал, тэнцвэрт байдал.
Зарчим №1. Сүлжээг ашигла
Сүлжээ нь дизайнеруудад текст, зураг гэх мэт дизайны янз бүрийн элементүүдийг уялдаа холбоотой, дагаж мөрдөхөд хялбар байдлаар байрлуулахад тусалдаг.
Тэдгээр нь эмх цэгцтэй байдлыг бий болгож, элементүүдийг бие биенээ дарахаас сэргийлдэг. , хамгийн чухал нь тор нь таны тэгш байдлыг засах болно. Ажлаа илүү цэвэрхэн, илүү мэргэжлийн болгох.
Эх сурвалж: hgmlegal.com
Сүлжээний анатоми
Та үүнийг босоо болон хэвтээ шугам гэж бодож магадгүй, гэхдээ сүлжээ нь хэд хэдэн хэсгээс бүрдэнэ. Олон, үнэндээ. Үндсэн сүлжээнд таны мэдэх ёстой хамгийн чухал нэр томъёо энд байна:
- Формат нь таны эцсийн дизайны бүх талбар юм. Хэрэв та ямар нэг зүйлийг хэвлэхэд зориулж зохиосон бол формат нь хуудас, хэрэв та вэб дизайнер бол формат нь вэб хуудас эсвэл хөтчийн цонх юм.
- Хөөвөрийн зай нь формат болон дизайны хоорондох зориудаар хоосон зай юм.
- Урсгалын шугамууд нь таны зохион байгуулалтыг зэрэгцээ хэсгүүдэд тусгаарладаг хэвтээ шугамууд юм. Урсгалын шугамууд нь таны дизайныг уншихад хялбар болгоход тусалдаг бөгөөд уншигчийг агуулгыг зөв дагахад чиглүүлдэг.
- Модулиуд нь хэвтээ болон босоо шугамаар үүсгэгдсэн блокууд юм.ямар ч сүлжээний урсгалын шугамууд. Хэрэв та энэ талаар бодох юм бол тэдгээр нь ямар ч сүлжээний барилгын материал юм. Таны бүх босоо модуль нь таны багануудыг үүсгэдэг бол таны бүх хэвтээ сүлжээнүүд мөрүүдийг үүсгэдэг.
- Бүсүүд нь босоо эсвэл хэвтээ холбогдсон модулиудын бүлгүүд юм. Та эдгээрийг хэрхэн зохион байгуулахаар шийдсэн дүрэм журам байхгүй.
Эх сурвалж: Radversity
Сүлжээний төрлүүд
Байршуулах сүлжээг анх зохион байгуулахад ашигласан. цаасан дээрх гар бичмэл.
Тэд 13-р зууны эхэн үед Францын зураач Виллар Де торны системийг алтан харьцаатай нэгтгэж хэвлэмэл хуудасны захын загвар гаргах үед үүссэн. Ном, сэтгүүлийн хэвлэмэл загваруудын дийлэнх нь нотлогдож байгаа тул та энэ сүлжээний системийг өнөөг хүртэл харж болно. Хэвлэн нийтлэгчид, редакторууд болон дизайнерууд нь зөвхөн сайхан харагдахын тулд бус, харин уншигчид тодорхой нэг дизайны элементүүдийг тодорхой газар байрлуулахыг хүлээж байгаа учраас стандарт сүлжээг ашиглахыг илүүд үздэг.
Сүлжээг тэгш хэмтэй гэсэн хоёр аргаар хийж болно. эсвэл тэгш бус. Тэгш хэмтэй сүлжээ босоо болон хэвтээ бүсүүд хоорондоо тэнцүү байх төвийн шугамыг дагаж мөрддөг; ба багана нь ижил өргөнтэй байна.
тэгш хэмгүй сүлжээнд нэрнээс нь харахад захын болон баганууд бүгд ижил биш байна.
>Энэ ангилалд үндэслэн та найдах боломжтой таван үндсэн төрлийн бүдүүвч сүлжээнүүд дэлхий даяар хэрэглэгддэг:
Гар бичмэлgrids нь баримт бичгийн хамгийн түгээмэл сүлжээ юм. Тэд толгой, доод хэсэг, захын зайг тусгаарлаж, үндсэндээ форматын дотор (эсвэл хуудасны) тэгш өнцөгтийг үүсгэдэг бөгөөд энэ нь таны текстийн хил хязгаарыг өгдөг. Эдгээр нь сэтгүүл, сонин, номын үндэс суурь болдог. Тэгэхээр энэ нь магадгүй таны хамгийн сайн мэддэг загвар байх.
Эх сурвалж: UXplanet
Эх сурвалж: Radversity
Баганын тор сэтгүүл хэвлэх дуртай бас нэг юм. Ердийн сэтгүүлийн зохион байгуулалт нь текстийг уншихад хялбар хэсгүүдэд хуваахын тулд баганын сүлжээг ашигладаг. Гэхдээ тэдгээр нь вэбсайтуудын хувьд маш их алдартай байдаг. Та хоёроос зургаан сүлжээг ашиглаж болно. Илүү их боломжтой, гэхдээ нийтлэг биш. Баганын торны тухай маш чухал зүйл бол баганын хоорондох зай буюу суваг нь бие биенээсээ ижил зайтай байх явдал юм.
Жишээ нь, тэгш хэмтэй баганын торыг сонинууд ашигладаг бол вэб дизайнд тэгш хэмтэй баганын торыг илүүд үздэг. .
Эх сурвалж: UX Planet
Эх сурвалж: Radversity
Модульчлагдсан сүлжээ нь баганын тортой төстэй боловч тэдгээр нь мөн хэвтээ урсгалын шугамыг тооцдог. Байршилдаа янз бүрийн элементүүдийг зохион байгуулах шаардлагатай бөгөөд баганын тор нь хангалтгүй байгаа үед ийм төрлийн сүлжээ хэрэгтэй болно.
Модульчлагдсан тор нь ижил хэмжээтэй модулиудтай тул орон зайн бүсүүдийг янз бүрийн аргаар дүрслэн харуулахад хялбар болгодог.
Эх сурвалж: UXPlanet
Эх сурвалж: Radversity
Мөн_үзнэ үү: Сарнай хэрхэн зурах вэСуурь сүлжээ нь текст дээр суурилсан зохиолуудад гайхалтай. Суурь шугам гэдэг нь таныг бичих үед текст байрлах мөр бөгөөд тэргүүлэгч нь хоёр үндсэн шугамын хоорондох зай юм. Таны гарчиг эсвэл дэд гарчгууд хэр том байх ёстойг гайхаж байна уу?
Таны текстийг урсгалтай хэмнэлтэй болгоход туслах үндсэн сүлжээнүүд энд байна.
Эх сурвалж: UX Planet
Эх сурвалж: Фрагариа
Шаталсан сүлжээнүүд бүхнээс илүү сүлжээ шиг харагддаггүй. хамтрагчид. Гэсэн хэдий ч тэдгээр нь дизайны элементүүдийг ач холбогдлын дарааллаар нь зохион байгуулахад маш их хэрэгтэй байдаг. Шаталсан сүлжээнүүд нь модульчлагдсан сүлжээнүүд дээр суурилж болно, эсвэл та өөрөө үүсгэж болно. Вэбсайтууд энэ сүлжээг их ашигладаг, ялангуяа дижитал сэтгүүл, сонинууд дижитал хэлбэрт шилжихдээ баганын сүлжээ гэхээсээ илүү шаталсан сүлжээнүүдэд найдах хандлагатай байдаг.
Эх сурвалж: UX Plane
Зарчим #2. Сөрөг орон зайг ашигла
Бид ихэнхдээ хоосон, чимээгүй, өнгөгүй байх нь муу зүйл гэж боддог. Гэхдээ бид тэдгээр нь хэрхэн тодосгогч байдлын бат бөх суурь болохыг авч үздэггүй.
Мөн цагаан зай гэж нэрлэгддэг сөрөг орон зай нь таны загварт ямар ч бодит элемент агуулаагүй хэсгийг хэлнэ. Энэ нь хоосон үлдсэн хэсэг юм. Энэ нь зөвхөн таны хөрөнгийг хүрээлж зогсохгүй, тэдгээрийн хооронд шаардлагатай холбоог бий болгодог. Ийм учраас сөрөг орон зай нь дизайны зөв элемент бөгөөд таны зохион байгуулалт хэр үр дүнтэй болоход асар их нөлөө үзүүлдэгдизайн юм.
Сайн ба муу сөрөг орон зай
Сөрөг орон зай нь таны дизайны янз бүрийн хэсгүүдийг тусгаарлахын зэрэгцээ таны зохион байгуулалтанд амьсгалах боломжийг олгоно. Энэ нь харааны шатлал, харааны тэнцвэрт байдалд тусалдаг; энэ нь үндсэн элементүүдэд хэрэглэгчийн анхаарлыг хандуулдаг; анхаарал сарниулах түвшинг бууруулдаг; Эцэст нь энэ нь таны загварт хэв маяг, дэгжин байдлыг нэмдэг.
Туршлагагүй дизайнерууд текстээ томруулах, лого, дүрсийг үлээх зэргээр аль болох их хэмжээний зотон бөглөх хандлагатай байдаг. Гэхдээ таны элементүүдийн өрөөг өгснөөр үзэгчид тодорхой мэдээллийг илүү хурдан бөгөөд тохь тухтай сонгох боломжийг олгодог.
Хэрэв бүх зүйл таны үзэгчийн анхаарлыг татахаар хашгирвал юу ч сонсогдохгүй.– Аарон Уолтер, 'Дизайн emotion'
Өөрийн сөрөг орон зайг тодорхойлох хялбар арга бол модульчлагдсан сүлжээ ашиглах явдал юм. Үүнийг дизайныхаа дээд талд байрлуулснаар та аль модулийг хоосон хэвээр үлдээж, аль нь бөглөх ёстойг хялбархан төсөөлж чадна.
Дизайн зохион бүтээгч Brunswicker, Эх сурвалж: Codesignmag.com
3-р зарчим. Нэг төвлөрсөн цэгийг сонго
Үйлчлүүлэгч чамаас логог томруулж өгөхийг хүсч байсан уу? Дараа нь гарчгийг улам том болгох гэж үү?
Бүх зүйлийг онцолж болохгүй. Энэ нь сайн дизайны цэгийг ялдаг. Цаг хугацаатай адил анхаарал төвлөрөх нь харьцангуй юм. Нэг элемент тодрохын тулд нөгөө нь арын дэвсгэр болж үйлчилнэ. Таны дизайныг харуулахын тулд зарим элементүүд бусдыг давамгайлах ёстойхарааны шатлал.
Дизайн дахь гол цэг нь хамгийн их харагдахуйц жинтэй нэг элемент юм. Энэ бол таны зохион байгуулалтын бусад бүх зүйлээс илүү анхаарал татахуйц элемент юм.Төвлөрсөн цэг нь таны үзэгчдэд таны дизайныг үзэх аялал хаанаас эхлэхийг мэдэгдэх болно. Тэгэхээр энэ бол таны ярьж буй түүхийн эхлэл юм.
Үүнийг ихэвчлэн том зураг эсвэл том бичгийн эх сурвалжийг ашиглан хийж болно. Доорх төвлөрсөн цэг хэр үр дүнтэй болохыг анхаарна уу
Браулио Амадогийн зохион бүтээсэн Bloomberg Businessweek, Эх сурвалж: Энэ нь сайхан хэрэг
Гэхдээ төвлөрсөн цэг нь таны үзэгчдийн анхаарлыг татах болно. дараагийн дүрэм нь түүнийг удирдан чиглүүлэхэд тусална.
Зарчим No4. Ойролцоох ба Урсгалын талаар бод
Ойролцоох зарчим нь энгийн. Бие биетэйгээ холбоотой элементүүдийг хамтад нь байрлуулсан эсэхийг шалгаарай.
Ойролцоох нь визуал хэрэглүүр холбогдсон бөгөөд таны байршлыг зохион байгуулахад туслах нэг харааны нэгж болж байгааг харуулж байна.Тиймээс зөвхөн өөр хоорондоо уялдаа холбоотой байгаа хөрөнгийн кластер дизайн хийж, үзэгчдээ хэрэглэх шаардлагатай холбогдох контент руу чиглүүлэхийн тулд дизайныхаа мэдээллийн халаасыг ашиглана уу. Үүнийг урсгалын зарчим гэж бас нэрлэдэг.
Эх сурвалж: Satori Graphics
Сайн урсацтай загвар нь бүхэл бүтэн бүтцэд, элементээс элемент хүртэл хялбархан, үзэгчдийн нүдийг татах болно. Таны төвлөрсөн цэгүүд нүдийг татах болно
