10-amaliy mashg`ulot vizual dizayn. Vizual dizaynni qo'llash. Ishning maqsadi

Shrift kontrasti

Interfeysdagi ierarxiyani hurmat qilish muhimdir. Bunga har xil uslub, o'lcham va rangdagi shriftlar yordamida erishiladi. Ushbu echim dizaynning matnli tarkibiy qismining muhim elementlarini ajratib ko'rsatishga, interfeys orqali foydalanuvchini to'g'ri "boshqarishga", uning e'tiborini kerakli tafsilotlarga qaratishga yordam beradi.

Yakuniy tendentsiya

Aralashtirish uslublari, yangi narsalarni izlash - 2019 yil dizayni uchun shunday bo'ladi. Trendlar va turli xil texnikalarni birlashtirish yana bir tendentsiyadir. Axir, nafaqat chiroyli brendlashni amalga oshirish yoki salbiy joydan foydalanish muhim emas. Bir nechta uslublar va vositalarni birlashtiradigan dizayn dolzarb bo'ladi..

2. Ishni bajarish tartibi

1. 
   1. 1200x850 piksel o'lchamdagi yangi hujjat yaratishdan boshlaymiz.
   

2. 
   Keyin qo'llanmalarni chizib olamiz:
   

chapga 200 piksel, o'ngga 1000 piksel, yuqoridan 100 piksel. va 180 piksel. 2. Istalgan fon rasmini o'tkazamiz va unga Fon deb nom beramiz

Ctrl + G yordamida qatlamlar guruhini yaratamiz va unga Base nomini beramiz. Unga sarlavha blokini va sayt-bar blokini joylashtiramiz.

Dumaloq qirralari, radiusi 10, oq rangga ega to'rtburchakni chizib olamiz, uni ko'rsatmalar bo'ylab cho'zamiz va Base deb nomlaymiz.

Qayta yangi guruh yaratamiz va unga Heder deb nom beramiz. Baza qatlamini u erga ko'chiramiz. Keyin yangi Ctrl + Shift + N qatlamini yaratamiz, to'rtburchaklar vositasini tanlaymiz, uni yuqori yo'riqnomalar orasiga cho'zamiz va

• 
  3873bc bilan to'ldiramiz. Biz uni Baza ichiga joylashtiramiz. Sichqoncha kursorini qatlamlar orasiga olib boramiz va Alt tugmachasini bosib ushlab turamiz.
  

Header guruhida yangi Ctrl + Shift + N qatlamini yaratamiz, Matn vositasini tanlaymiz, Pacifico, oq rang, hajmi 24 pt va dasturimizga nom beramiz, masalan Pinlocator.

Biz bitta vertikal qo'llanmani o'rnatdik, u markaz bo'ladi (600 piksel). Logotipni Heder markaziga joylashtiramiz.

Sarlavhada yana bir profil kataloglarini yaratamiz, unda Fotosuratlar guruhini yaratamiz, unda yangi Base qatlamini yaratamiz, Ellipse vositasini tanlaymiz, Shift tugmachasini bosib ushlab turamiz va Ellipse 45x45 px chizib olamiz, uni Sarlavha chetiga o'tkazamiz.

Vertikal qo'llanmalarning ichki to'ldirilishini 220 va 980 pikselga qo'yamiz. Biz har qanday fotosuratni uzatamiz va uni ellips o'lchamiga kamaytiramiz.

Base va Photo qatlamlari o'rtasida Alt tugmasini bosamiz.

Profil guruhida yangi qatlam yaratamiz, Matnli vositani tanlaymiz va shrift Arial, 12pt, qalin, oq rangda. Surat uchun nom yozamiz.

Vertikal qo'llanmani 385, 405 va 425 pikselga qo'yamiz.

Base guruhidagi Base qatlamiga o'tamiz va Header qatlami ostida bo'lishi kerak bo'lgan yangi qavat yaratamiz. Rangni # 31373e-ga o'rnatamiz, to'rtburchakni tanlaymiz va yon panelni chizib olamiz. Landshaft qo'llanmani 200 pikselga qo'yamiz.

Yangi Yon panellar guruhini yaratamiz, unda yangi Tugma guruhini, taglikning yangi qatlami ichida, Dumaloq to'rtburchaklar vositasi, radiusi 3px va balandligi 45px, rang # 252a30. Yangi qatlam yaratamiz, Matnli vositasini tanlaymiz va Shrift Arial, 12pt, qalin, oq rang, hamma bosh harflar bilan yozamiz,

• 
  YANGI LOCATION. Asosiy qatlam ustida turib, gorizontal yo'riqchini 245 va 265 pikselga tortamiz. Biz guruhni yopamiz.
  

Yangi navigatsiya guruhini yaratamiz, unda yangi qatlam, Matn vositasi va shriftini Arial, 12pt, qalin, oq rang, barcha bosh harflarni tanlaymiz, MAIN yozamiz. Navigatsiya guruhida Navigatsiya elementlari guruhini yaratamiz. Gorizontal qo'llanmani 295 pikselga qo'amiz. Biz Yon paneldagi belgilarni guruhga o'tkazamiz. Barcha piktogrammalarni tanlaymiz, o'ng tugmasini bosamiz - Qatlam uslubini tozalash.

Ikonkaga #6f757c rangni beramiz.

Barcha belgilarni tekislaymiz. 250 ta eng yuqori nuqtada vertikal qo'llanmani chizamiz.

Har bir belgining qarshisida ism yozamiz: Matn vositasini tanlaymiz va Arial shriftini tanlaymiz, 12pt, qalin, oq rang.

Bitta menyu bandini tanlaymiz. Biz tanlamoqchi bo'lgan qatlamda turamiz (masalan, Teglar). Yangi Tanlash qatlamini yaratamiz, Dumaloq to'rtburchaklar vositasi, Radius 300px, Balandligi 36px, Rang # 3873bc, uni tanlamoqchi bo'lgan qatlam ostiga qo'yamiz. Tanlangan belgini oq rang bilan to'ldiramiz.

Base qatlamiga o'tamiz, yangi qatlam yaratamiz va unga xarita rasmini qo'shamiz.

Barcha guruhlar ustida yangi Joylashuv guruhini yaratamiz, unda yangi qatlam, Ellipse vositasi, rang # 3873bc, balandligi 32x32 piksel, ushbu qatlamni Ctrl + J bilan takrorlaymiz, 10x10 pikselga o'zgartiramiz. Ctrl tugmachasini bosib ushlab turamiz va ushbu qatlamning kichik rasmini bosamiz, tanlov paydo bo'ladi. Keyin ellips bilan pastki qavatga o'tamiz, Layers-Layer-Mask-Hide Selection menyusi, yuqori ellipsni o'chirib tashlaymiz. Ok tugmachasini tanlaymiz, pastki tugmachani Shift tugmachasini bosib suramiz. Burchak vositasini tanlaymiz va pastki nuqtani bosamiz.

Ellips ustida, Message deb nomlangan yangi qatlamlar guruhini yaratamiz, unda yangi qatlam, qirralari dumaloq, to'rtburchaklar radiusi 3 px, o'lchami 134x33 px, oq rang bo'lgan to'rtburchak vositasini yaratamiz. Yangi qatlam, ko'pburchak

vositasi, tomonlari 3, uchburchak chizamiz, oq rang. Ushbu ikkita qatlamni tanlaymiz va Shakllarni birlashtirish elementini tanlamiz, uslubni qatlamga o'rnatamiz

Yangi qatlamda Matnli asbobni tanlaymiz va shrift Arial, 12pt, Bold, rang # 6f757s, kerakli yozuvni yozamiz. Guruhni yopamiz.

Yuqorida, yangi Qidiruv qatlamlari guruhini yaratamiz. Yangi qatlam yaratamiz Asosiy, yumaloq to'rtburchaklar vositasi, oq rang. Uslubni belgilaymiz.

445 va 960 pikselli vertikal qo'llanmalarni chizish

Lupa belgisini qo'shamiz. Uni piktogrammalarimizning qatlam uslubiga qo'yamiz. Yangi qatlam, Matnli vositani tanlaymiz va Shrift Arial, 12pt, Bold, rang # 6f757s, Izlash yozamiz ...

Va nihoyat, biz belgini xarita bilan birga qo'ydik, unga barcha piktogrammalarning uslublarini o'rnatdik