Зертханалық жұмыс: Түспен жұмыс істеу 

Мақсат: Түстер теориясын, реңктер үйлесімін және қабылдау қолайлылығы талаптарын қолдана отырып, веб-қосымшаға арналған түстік схемаларды талдауды және таңдауды үйрену.

Бағалау критерийлері:

• Түстерді талдайды және таңдайды.
• Түстер теориясын қолданып, үйлесімді түстік схема құрады.
• Контрастылық пен қабылдау ыңғайлылығын ескереді.

Жұмыс барысы:

1. Дайындық кезеңі:
   • Түстер теориясының негізгі қағидаларымен танысыңыз:
     • Түс шеңбері (контрастты, ұқсас және қосымша түстер үйлесімі).
     • Түстер психологиясы (түстердің эмоцияға әсері).
   • Түстік схемаларды таңдау құралдарын зерттеңіз: Adobe Color, Coolors, Paletton.
   • Веб-дизайндағы сәтті түстік шешімдер үлгілерін қарастырыңыз.

2. Мақсатты анықтау:
   • Жобаға сәйкес анықтаңыз:
     • Веб-қосымшаның мақсаты (ақпараттық сайт, интернет-дүкен, промо-бет).
     • Нысаналы аудитория (балалар, жас мамандар, корпоративтік клиенттер).
   • Сайттың негізгі стилін анықтаңыз: минимализм, заманауи, корпоративтік т.б.

3. Негізгі түстік палитраны таңдау:
   • Түс шеңберін пайдаланып таңдаңыз:
     • Негізгі түс – сайттағы басым реңк.
     • Қосымша түстер – негізгі түсті толықтырады.
     • Контрастты түстер – интерфейс элементтерін (батырмалар, тақырыптар) ерекшелеп көрсетуге арналған.
   • Таңдалған түстердің мәнін сәйкестендіріңіз:
     • Көк – сенімділік, кәсібилік.
     • Жасыл – экология, денсаулық.
     • Қызыл – энергия, назар аударту.

4. Контрастылықты тексеру:
   • Таңдалған түстер мәтінді оқуға ыңғайлы болуын қамтамасыз етіңіз.
   • Contrast Checker сияқты құралдарды қолданыңыз.
   • Қажет болса, мәтін мен фон түстерін түзетіңіз.

5. Түстік схеманы қолдану:
   • Таңдалған палитра негізінде бір бет прототипін жасаңыз.
   • Негізгі түсті фон немесе ірі элементтерге қолданыңыз.
   • Қосымша түстерді акценттер мен аймақтарды бөлу үшін пайдаланыңыз.
   • Контрастты түстерді батырмалар мен сілтемелер үшін қолданыңыз.

6. Тестілеу:
   • Түстердің әртүрлі құрылғыларда (мобильді, планшет, монитор) қалай көрінетінін тексеріңіз.
   • Түстер үйлесімді және интерфейс қолайлы екенін бағалаңыз.

7. Жұмысты рәсімдеу:
   • Есеп құрастырыңыз, оған:
     • Жобаның мақсаттары мен талаптарын сипаттау.
     • Таңдалған түстік палитра (HEX немесе RGB кодтарымен).
     • Түстік схема қолданылған бет үлгісі.