Дизайн дээр сүүдэр хэрэглэх

Дизайн дээр сүүдэр хэрэглэх
Rick Davis

Энэхүү дизайны нийтлэлд сүүдрийн дизайн дахь хэрэглээ, нэр томъёоны тоймыг өгөх болно.

Сүүдэр гэж юу вэ?

Сүүдэр гэдэг нь сүүдэрт гэрэл цацарсан бараан хэсэг юм. гэрлийн эх үүсвэрийг тунгалаг зүйлээр хаасан. Гэрэл нь тунгалаг бус объектоор дамжин өнгөрч чадахгүй тул сүүдэр нь хэлбэртэй байдаг. Объект нь гэрлийг хааж, түүнийг хааж буй объектын хажуугаар өнгөрч, дараагийн гадаргуу руу шилжүүлэхэд хүргэдэг. Үүссэн сүүдэр нь хоёр хэмжээст дүрс буюу гэрлийг хааж буй объектын урвуу проекц юм.

Сүүдрийн хэмжээ нь гэрлийн эх үүсвэр болон түүнийг хааж буй объектын хоорондох зайнаас хамаарна. Тухайн зүйл гэрлийн эх үүсвэрт ойртох тусам гэрэлд саад болж, илүү том, зөөлөн сүүдэртэй болно. Хэрэв объект илүү хол байвал сүүдэр улам хурц, жижиг болно.

Харанхуй, хатуу ирмэгтэй сүүдэр нь нэг гэрлийн эх үүсвэртэй харанхуй өрөөг санал болгодог. Хөнгөн, зөөлөн ирмэгтэй дусал сүүдэр нь сарнисан гэрлээр баялаг өрөөг санал болгодог.

Байгалийн сүүдэр:

Тэдгээрийг нарны гэрлээр үүсгэдэг. Нарны гэрлийн хангамжийн өнцөг нь сүүдрийн уртыг тодорхойлдог. Хиймэл сүүдэр:

Үүнд хиймэл гэрлээр бий болсон бүх сүүдэр багтана.

Дизайн дахь сүүдрийн хэрэглээ

Сүүдрийн байршил, төлөв байдал нь дизайн хийхэд зайлшгүй анхаарах зүйл юм. Градиент, тодотгол, сүүдэр нь таны дизайны элементүүдэд хэмжээс үүсгэж, чиглүүлдэгүзэгчдийн анхаарал. Сүүдэр ашиглах нь таны дизайны ерөнхий гоо зүй, функциональ байдлыг эрс сайжруулж, гүн гүнзгий, бодит байдлыг нэмэгдүүлэх боломжтой.

Ерөнхийдөө, дизайн дахь сүүдэр нь байгалийн, бодит ертөнц дэх гэрэл, сүүдэр тусгах (гол ба орчны) үйлдлийг дуурайж байх ёстой. гэрэл) ба дизайнтай үр дүнтэй холилдоно.

Сүүдэрийг дизайны үйл явцад үр дүнтэй ашиглахын тулд та эхлээд сүүдрийн үндсэн хуулиуд болон түүний үндсэн элементүүдийг ойлгох хэрэгтэй.

Гэрэл. Эх сурвалж

Гэрлийн эх үүсвэр нь гэрлийн эх үүсвэрээс ирж буй цацрагийн чиглэл, байрлалыг тодорхойлдог. Байгалийн гэрэл нь цорын ганц гэрлийн эх үүсвэр болох нарны байрлалтай; хиймэл гэрэл нь олон гэрлийн эх үүсвэрийг зөвшөөрдөг.

Тодруулга

Тодруулга нь объект дээр хамгийн тод тусдаг хэсэг юм; энэ нь гэрлийн эх үүсвэртэй тулгарч буй цэг бөгөөд түүнд хамгийн ойр байдаг.

Сүүдэр/Цөм сүүдэр

Сүүдэр/цөм сүүдэр нь гэрлээс хамгийн алслагдсан объектын хамгийн бараан хэсгийг илэрхийлдэг. эх сурвалж. Сүүдрийн харанхуй нь сүүдэрт өөр өөр байж болно. Сүүдрийн хамгийн бараан хэсгийг үндсэн сүүдэр гэж нэрлэдэг.

Цутгамал сүүдэр

Сүүдэр өөрөө тухайн объект дээр байдаг ч тухайн объект өөрөө сүүдэр үүсгэдэг. Цутгасан сүүдэр нь объектын сууж буй гадаргуу дээр тусна. Цутгасан сүүдэр нь ирж буй туяатай үргэлж ижил чиглэлд чиглүүлдэг боловч үргэлж эсрэг талд байдаг.объект.

Энэ нийтлэлийг Instagram дээр үзэх

Inspirationsl0g0 (@inspirationsl0g0)-н хуваалцсан нийтлэл

Дизайн дахь сүүдрийн хэрэглээ

Вэб дизайнерын үүрэг бол өнгө үүсгэх явдал юм. гэрэл ялгаруулах хоёр хэмжээст дэлгэцийн загвар. Сүүдэр ашиглах нь 2D дизайн дахь орон зайн гүн болон хуурмаг байдлыг бий болгодог. Сүүдэр бол график дизайны чухал хэсэг юм. Зургийн дизайны процесст үүнийг оруулах тоо томшгүй олон арга бий.

Сүүдэр ба градиент нь дизайны хамгийн өргөн хэрэглэгддэг хоёр элемент юм. Бусад холбогдох элементүүд нь сүүдрийн тунгалаг байдал, сүүдрийн өнцөг, сүүдрийн офсет, сүүдрийн радиус, сүүдрийн зөөлөн байдал (ихэвчлэн бүдэгрүүлэх гэж нэрлэдэг) юм.

сүүдэр ба градиент сүүдрийн элементүүдийг ямар ч график программ ашиглан бүтээхэд маш хялбар боловч сул тал нь эдгээр хоёр сүүдрийн эффектийг байнга хэтрүүлэн ашигладаг.

Skeuomorphic Design дахь сүүдэр

Ялангуяа Skeuomorphic Design 2000-аад оны эхэн үеэс дунд үе хүртэл ашиглалтын дээд цэгтээ хүрсэн үед дизайнерууд Photoshop болон үүнтэй төстэй программ хангамжийн давхаргын хэв маягийг хамгийн дээд хүчин чадалдаа хүртэл шавхсан. ялангуяа жижиг хэмжээтэй дэлгэцийг маш эмх замбараагүй, бөөгнөрөлтэй болгодог. Дүрсүүдийг тусгал, сүүдэр, зөв ​​зэрэгцүүлэх шугамаар бүтээж, 3D мэдрэмжийг бий болгосон.

Хэдийгээр харааны элементүүд өөр өөр байж болох ч хэрэглэгчид эдгээр хоёрыг үргэлж хийх боломжтой.таамаглал:

Мөн_үзнэ үү: Vectornator 4.0 Анхны харагдац: Mac UX-ийг дахин боловсруулсан
  • Өсгөгдсөн мэт харагдах элементүүдийг доош дарах боломжтой (жишээ нь, товчлуурууд)
  • хэвэрсэн мэт харагдах элементүүдийг (жишээ нь, оролтын талбарууд)

Зүүн талд байгаа зураг: Windows 95 тохиргооны дэлгэц, зургийн эх сурвалж: extremetech. Баруун талд байгаа зураг: Apple-ийн skeuomorphic Homescreen, зургийн эх сурвалж: materialdesignblog

Материал дизайн дахь сүүдэр

2010-аад оны дундуур бүтээлч дүүжин илүү минималист болж хувирав. Хавтгай дизайн чиг хандлага болон Материалын UI-дизайны хэл -г хөгжүүлэх хандлага.

Мөн_үзнэ үү: Хөдөлгөөнт YouTube танилцуулгыг хэрхэн бүтээх вэ

Хавтгай дизайн ба материалын дизайны харьцуулалт. Зургийн эх сурвалж: Дунд зэргийн

Дизайн болон сүүдрийн зан үйл нь бодит ертөнцөөс объектуудыг аль болох нарийвчлалтай дүрслэх явдал биш байв. Энэ бүхэн тодорхой, дэг журам, тасралтгүй байдал, энгийн байдлын тухай байв. Хавтгай дизайн арга нь туйлын хялбар болгох үүднээс z тэнхлэгийг орхигдуулсан. z тэнхлэг байхгүй байгаа нь UI элементүүдэд сүүдэр оруулах нь илүүц болсон.

Google-ийн анх хөгжүүлсэн Материал дизайны хэл нь z тэнхлэгийг өөрийн программдаа оруулсан. цэвэр бөгөөд хялбаршуулсан арга барил, түүний тасралтгүй байдлын хатуу дүрэмд төвлөрч, ихэвчлэн хөдөлгөөнт шилжилтийг харуулсан. Гүнзгий байдлыг бий болгохын тулд минималист сүүдэр ашигласан. Загварын шинэ хандлага нь өнгө, орон зайг ашиглах шинэ боломжийг олгосон.

Неморфик дизайн дахь сүүдэр

Дараа ньИлүү хялбаршуулсан 2 хэмжээст дизайны аргын бараг арав гаруй жилийн хугацаанд дизайны шинэ хэл гарч ирэв: Нейморфизм нь macOS Big Sur-д ихээхэн онцлогтой. Дүрс болон UI элементүүд нь 12 цагийн гэрлийн эх үүсвэрээс сүүдэрлэж, онцлох хэсгүүдээр бүтээгдсэн. Энэ нь skeuomorphic загварын физик, мэдрэгчтэй арга барилтай дахин холбогддог боловч хэт давхрагын хэв маягийн сүүдэргүй.

Сүүдрийн зан төлөв, төсөөлөл нь материал болон өөр өөр байдаг. невморф загварын хэв маяг.

Скеуоморфизм, Хавтгай дизайн, Нейморфизмыг харьцуулах. Зургийн эх сурвалж: justinmind

Материал дизайн картууд нь тодорхойгүй сүүдэртэй хөвж буй мэт харагдана.

Неморфик Дизайн картууд нь цаанаас нь шахагдсан мэт харагдана. Сүүдрийн проекц ба түүний гэрэлтэй харилцан үйлчлэл нь огт өөр.

Неморфик карт ба Материалын картыг харьцуулах. Зургийн эх сурвалж: uxdesign

Неморфик карт ба Материалын картыг харьцуулах. Зургийн эх сурвалж: uxdesign

Яагаад та өөрийн дизайндаа сүүдрийг оруулах ёстой вэ

2D/UI дизайн дахь сүүдрийн зорилго нь үндсэндээ 3D объектыг аль болох бодитоор дуурайх биш юм. Хэрэглэгчийн хувьд харин интерфэйсийн навигацийг нарийн чиглүүлэх, хөнгөвчлөхийн тулд.

Сүүдрийг нарийн, нарийн тооцоолсон төсөөлөлтэй нэгтгэх нь дизайныг илүү хүртээмжтэй болгох хамгийн тохиромжтой арга юм.хэрэглэгчид.

Хэрэв та өөрийн загварт сүүдрийг оруулахаар шийдсэн бол тэдгээрийг хэрэгжүүлэх олон арга зам байдгийг санаарай. Бидний нийтлэлд дурдсан өөр өөр параметрүүдийг тойрон тоглож, туршиж үзээрэй. Эдгээр тохиргоо нь таны дизайны харагдах байдал, хүртээмжид хэрхэн нөлөөлж байгааг харна уу.

Сүүдэрийнхээ тунгалаг байдал, өнцөг, өнгийг өөрчилснөөр таны дизайн үзэгчдэд хэрхэн таалагдаж байгааг өөрчлөх боломжтой. Сүүдрийн өнгөний шинж чанарыг өөрчилснөөр та дизайныг бизнесийн хэв маягаас хөгжилтэй, хөгжилтэй болгож хувиргаж болно.

Сүүдэрийнхээ бүдгэрүүлэх эсвэл офсет шинж чанарыг тохируулах нь хэрэглэгчийн анхаарлыг өмнө нь орхигдуулж байсан дизайны элементүүд рүү чиглүүлэх боломжтой.

Бидний танд өгсөн үндсэн удирдамжийг санаж, сүүдрийн шинж чанаруудтай тоглож хөгжилдөөрэй!




Rick Davis
Rick Davis
Рик Дэвис бол энэ салбарт 10 гаруй жил ажилласан туршлагатай график дизайнер, визуал зураач юм. Тэрээр жижиг гарааны бизнесээс эхлээд томоохон корпорациуд хүртэл янз бүрийн үйлчлүүлэгчидтэй хамтран ажиллаж, тэдний дизайны зорилгод хүрэхэд нь тусалж, үр дүнтэй, үр дүнтэй дүрслэлээр дамжуулан брэндээ өргөжүүлжээ.Нью-Йорк хотын Дүрслэх урлагийн сургуулийг төгссөн Рик дизайны шинэ чиг хандлага, технологийг судлах хүсэл эрмэлзэлтэй бөгөөд энэ салбарт боломжтой зүйлсийн хил хязгаарыг байнга шахдаг. Тэрээр график дизайны програм хангамжийн чиглэлээр гүнзгий мэдлэгтэй бөгөөд мэдлэг, ойлголтоо бусадтай хуваалцахыг үргэлж хүсдэг.Дизайнерын ажлаас гадна Рик бол үнэнч блог хөтлөгч бөгөөд график дизайны программ хангамжийн ертөнц дэх хамгийн сүүлийн үеийн чиг хандлага, хөгжил дэвшлийн талаар мэдээлэл өгөх зорилготой. Тэрээр мэдээлэл, санаа бодлоо хуваалцах нь хүчирхэг, эрч хүчтэй дизайны нийгэмлэгийг хөгжүүлэх гол түлхүүр гэж үздэг бөгөөд бусад дизайнерууд болон бүтээлч хүмүүстэй онлайнаар холбогдохыг үргэлж хүсдэг.Үйлчлүүлэгчдээ зориулж шинэ лого зохион бүтээх, студидээ хамгийн сүүлийн үеийн хэрэгсэл, арга техникийг туршиж үзэх, эсвэл мэдээллийн чанартай, сэтгэл татам блог нийтлэл бичиж байгаа эсэхээс үл хамааран Рик хамгийн сайн ажлыг хүргэж, бусдад дизайны зорилгодоо хүрэхэд нь туслахыг үргэлж хичээдэг.