Веб-дизайнерге керек болгон 8 шайман

2024 Автор: Malcolm Clapton | [email protected]. Акыркы өзгөртүү: 2023-12-17 04:03

Screensiz.es

Screensiz.es – бул смартфондордун, планшеттердин жана мониторлордун эң кеңири таралган моделдеринин экрандарынын физикалык өлчөмдөрүн, экрандын чечкиндүүлүгүн, пропорциясынын жана башка көптөгөн параметрлерин оңой табууга жардам бере турган сайт. Бардык маалымат жөнөкөй жана түшүнүктүү түрдө келет - таблица түрүндө. BlackBerry Playbook, Microsoft Surface Pro жана Barnes & Noble Nook, анын ичинде ондогон ар кандай Android түзмөктөрү, планшеттери бар. Азыраак таралган түзмөктөр үчүн керектүү маалыматты табуу да абдан оңой. Screensiz.es ошондой эле Google издөө статистикасынын жана бир катар башка критерийлердин негизинде түзмөктүн популярдуулугу рейтингин сунуштайт.

Назик үлгүлөр

Кылдат үлгүлөр веб-сайттарыңыз үчүн фон катары колдоно ала турган фон үлгүлөрүнүн кеңири спектрин сунуштайт. Жөнөкөй, бирок жагымдуу оймо-чиймелер жөнөкөй ак фонго караганда көбүрөөк нерсени каалаган минималисттик дизайн сүйүүчүлөрүнүн табитин канааттандырат. Сайттын эң жакшы өзгөчөлүктөрүнүн бири – бул ар кандай үлгү сиздин сайтта кандай болорун алдын ала көрүү. Белгилей кетчү нерсе, бардык үлгүлөр сиздин карамагыңызда бекер берилет.

Lost Type

Сүйүктүү сайтыңыздан көргөн шрифт эсиңиздеби? Бул шрифт Lost Type сайтынан алынганына жакшы мүмкүнчүлүк бар, ал көптөгөн дизайнерлердин башын бириктирет, алар ал жерде өз иштерин каалаган баада сатууга коюшат. Балким, Lost Type ар бир дизайнер (жана гана эмес) билиши керек болгон сайттардын тизмесине кирет. Интернетте жогорку сапаттагы уникалдуу шрифт ала турган жана ал үчүн көп акча төлөбөй турган жерлер көп эмес.

Кызыл калем

Red Pen башка эч бир сайтка окшоп өтө маанилүү ишти жөнөкөй жана тез чечүүгө мүмкүндүк берет. Сиз графикалык ишиңизди же макетиңизди сайттын атайын терезесине сүйрөп кетесиз жана сервис сизге социалдык тармактарда жарыялай турган уникалдуу шилтемени берет. Бул шилтемени басуу менен каалаган адам каалаган жеринде чычканды басып, ал жерге өзүнүн эскертүүлөрүн жана көргөнү боюнча комментарий калтыра алат. Кеңири аудиториядан тез пикир алуу үчүн зарыл курал.

Үлгү таптаңыз

Pattern Tap сөздүн салттуу маанисинде курал эмес, бирок ал дизайнер үчүн, албетте, пайдалуу болот. Pattern Tap программасынын максаты - сизге веб-баракчалардын ар кандай элементтери үчүн идеяларды шыктандыруу. Мисалы, сайт мисалы 404 барактардын чоң тизмесин камтыйт, аудио ойноткучтар, баскычтар, нан күкүмдөрү жана башкалар. Илхамыңыз түгөнүп калса, идеянын ар кандай инкарнацияларын карап чыгуу сизди туура багытка түртүшү мүмкүн. Бир сайтта чогулган ар кандай идеялардын колуңузда болушу, көптөгөн визуалдык маалыматты сүзүп, Интернетте чексиз серфинг жүргүзүүдөн алда канча жакшыраак. Pattern Tap да түстөр, стилдер жана элементтердин түрлөрү сыяктуу критерийлер боюнча издөөгө мүмкүндүк берет.

Blokk шрифти

Blokk аты өзү үчүн сүйлөйт. Көбүнчө макеттерди иштеп чыгууда дизайнер анын толуктугун текст менен көрсөтүшү керек, бул көп учурда ашыкча кошумча күч-аракетти талап кылат. Lorem Ipsum стилиндеги текст генераторунун кандайдыр бир түрүн колдонсоңуз болот, бирок андан да жарашыктуу чечим бар. Blokk шрифти клавиатурадан (fywalge) терилген сөздү ичке жана кооз нерсеге айлантат. Маанисиз латын сөз айкаштарынын ордуна, сиз тексттин сызыктарын окшоштурган ичке сызыктарды аласыз.

Бранкич 1979 тарабынан коюлган сөлөкөт

Тиркемелерди, веб-сайттарды жана башка долбоорлорду долбоорлоо үчүн эң сонун бекер иконалар топтому. Сандардан тиштүү механизмдерге жана микрофондорго чейин бул топтом 350дөн ашык нерсени камтыйт жана сиз андан баалуу нерсени табасыз. Эң негизгиси, иконалар жеке жана коммерциялык колдонуу үчүн акысыз.

Hailpixel боюнча түс

Албетте, түс тандагычтар аз эмес. Бул дизайнердин дайыма колунда болушу керек болгон куралдардын бири жана Color by Hailpixel сөзсүз көңүл бурууга арзыйт. Вебсайт ачылат жана сизге бир кара шилтемеси бар бош экранды көрсөтөт (# 000000). Курсорду экрандын айланасында жылдырганыңызда, фондун түсү кандай өзгөрөрүн көрөсүз, ал эми борбордогу терезеде бул түстүн тиешелүү алтылык коду көрсөтүлөт. Чычкан менен чыкылдатуу ушул түстүн сандык мааниси менен учурдагы түстүн тилкесин түзөт. Ошентип, чычкандын кыймылдары менен сиз андан ары колдонуу үчүн каалаган түстөрдүн палитрасын чогулта аласыз. Ар бир сакталган тилкеде жайгашкан "тиштүү механизмди" чыкылдатуу ошол түс үчүн орнотуулары бар панелди алып чыгат, анда сиз RGB жана HSL маанилерин тагыраак орното аласыз. Керемет курал.

Сиздин сүйүктүү онлайн куралдарыңыз барбы? Комментарийлерде бизге айтыңыз.