Веб-дизайнердин башталгыч куралы

Автор: Louise Ward
Жаратылган Күнү: 5 Февраль 2021
Жаңыртуу Күнү: 10 Май 2024
Anonim
Веб-дизайнердин башталгыч куралы - Чыгармачыл
Веб-дизайнердин башталгыч куралы - Чыгармачыл

Мазмун

Интернеттин алгачкы күндөрүндө дизайнердин инструменти арык жакта болгон. Чоң оюнчулар сунуш кылган веб-дизайн куралдарынан тышкары, мүмкүнчүлүктөр чектелүү болчу. Азыр өнүмдүн дизайнын өркүндөтүүнүн бир куралы бар, ал бизге мыкты продукттарды жаратып гана тим болбостон, жакшы иштөөгө мүмкүнчүлүк берет.

Бул макалада биз веб-дизайнды баштоо үчүн зарыл болгон беш куралды тандап алдык. Бул жерде келтирилген шаймандар веб-дизайнер катары саякат баштоо үчүн сизге жакшы туруштук бериши керек.

01. Изилдөө: Airtable

Airtable Excel же Google Sheets сыяктуу, бирок андан дагы көп нерсени жасай алат. Клеткаларга жазууларды же сүрөттөрдү камтыган документтерди тиркөөгө болот, бул колдонуучунун изилдөө сессияларындагы пикирлерди бириктирүү үчүн эң сонун жер. "Тегдерди" кошуу мүмкүнчүлүгү чоң маалымат топтомдорун сиңирүүнү жана популярдуу темаларды табууну жеңилдетет.


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

Airtable колдонуунун дагы бир жолу - көрүнүштү "галереяга" которуу жана дизайн шыктандыруусун бириктирүү. Pinterestке караганда колдонуу оңой жана кирүүгө же кирүүгө эч кандай тоскоолдук жок. Мындан тышкары, GIF сүрөттөрүн тиркөөгө болот жана GIFти ким сүйбөйт?

02. Биргелешкен дизайн: Realtime Board

Эгер сиз топтун мүчөлөрүн же кардарларды таркаткан болсоңуз, анда Realtime Board сим-схемасын алыстан башкарууга жардам берет. Колдонмонун жардамы менен сиз эскиздин сүрөтүн кошуп, башка мүчөлөрдүн курсорлорун көрө аласыз, бул сиз тарткан нерсени түшүндүрүүдө жардам берет, анткени сиз айтып жаткан аспектти көрсөтө аласыз. Сүйүктүү чечимиңизге добуш берүү үчүн нотаны жана комментарийди кошо аласыз.


  • 6 мыкты кызматташуу куралдары

03. Колдонуучуну тестирлөө: InVision же Marvel

Сиздин чечимди акыркы колдонуучуларга сынап көрүүгө келгенде, бул шаймандар өтө маанилүү. Сиз экрандарыңызды импорттоп, андан кийин беттерди шилтеме берүү үчүн колдонулуучу дизайныңыздын үстүнө чыкылдатуу түйүндөрүн жайгаштырасыз же иштөөчү программаны туурап Hoverдеги абалды өзгөртүңүз. Иш процессин тездетүү үчүн, InVision жана Marvelде Sketch плагиндери түзүлүп, эскиздик тактаңызды Sketchтен импорттой аласыз.

Акыркы колдонуучуларга сыноо жүргүзүп жатканда, аяктаган эффект көзгө урунарлыктай көрүнүшү мүмкүн, айрыкча, баскычтарга жана чыкылдатуучу жерлерге курсор эффекттерин кошууга убакыт бөлсөңүз. Демек, сиз бир эле жолу код жазбай убара болбой, жарактуу сын-пикирлерден тез эле пайда ала аласыз.

  • Колдонуучунун тестирлөө программасынын 11 мыкты бөлүгү

04. Прототиптөө: Origami


Origami командасы Facebook тарабынан курулган жана аны алып кетүү оңой. Ал иш жүзүндө эч нерсени жасай албаса дагы, Origami өнүмүңүздөгү меню ачуу же интерфейсти өркүндөтүү үчүн колдонулган кылдат анимациялар сыяктуу микроинтеракцияларды шылдыңдоодо мыкты.

Sketch файлындагы катмарларды түз эле колдонмого көчүрүп, чаптап алсаңыз болот, алар аны "Эскиздин мыкты шериги" деп аташат. Баарын чаптап бүткөндөн кийин, кандайдыр бир нерсени жандана электе, экранда каалаган жериңизге жетүү үчүн X жана Y активдеринин координаттарын тууралашыңыз керек. Андан кийин өз ара аракеттенүү аркылуу анимацияны кадам сайын түзөсүз.

Мисалы: таптап жатканда, анимацияны күйгүзүңүз, ал 0,3 секундага созулат жана элементти которот. Бул кыймыл анимациянын аягында элементтин абалын киргизүү менен башкарылат. Демек, сиз 45 градус бир нерсени айландырууну кааласаңыз, анда "45" өткөөлдүн "аягына" кошуп, аны X же Y "айлануу" менен байланыштырасыз.

  • 10 мыкты прототип куралдары
  • Вирфреймингдин эң мыкты 18 куралы

05. Байланыш: шалаакылык

Жалкоочулук - баардык өнүмдөрдүн баарлашууларын бир жерде сактоонун мыкты жолу. Бул командалар жана кардарлар үчүн эң сонун, ал эми кокус мүнөз мүнөз мамилени түзүүгө жардам берет. Ошондой эле сиз кызматкерлерди же кардарларды таркаткан болсоңуз, анда бул мыкты курал. Эгерде сизге дизайн боюнча пикирлер керек болсо, анда сиз Slack чалуусун тез эле басып, экраныңызды бөлүшө аласыз.

Бул пост адегенде "Толук Дизайн Инструментинин" нет журналында жарыяланган. Сатып алуу 303-чыгарылыш же журналга жазылуу.

Веб-дизайн иш-чарасы Нью-Йоркту жаратуу 2018-жылдын 25-27-апрелинде кайтып келип, тармактын алдыңкы баяндамачыларынын толгон-токой графигин, семинарлардын толук күнүн жана баалуу тармактык мүмкүнчүлүктөрдү сунуштайт - өткөрүп жибербеңиз. Generate билетин азыр алыңыз.

Окурмандарды Тандоо
Кантип бургулоочу жабдыкка даяр 3D жандыкты айкелдөө керек
Табыңыз

Кантип бургулоочу жабдыкка даяр 3D жандыкты айкелдөө керек

Эгерде сиз каармандарыңызды жандандыра турган болсоңуз, анда мыкты базалык торду түзүү абдан маанилүү. Илгери бул Майя же 3d Max сыяктуу 3D пакетте, көп бурчтуу көп бурчтуу, кылдаттык менен жасала тур...
Бэтмен Супермен менен жаңы кинотасмада көркөмдөшөт
Табыңыз

Бэтмен Супермен менен жаңы кинотасмада көркөмдөшөт

Бэтмен жана Супермен - бул эң мыкты комикстердин сүрөттөрүн жараткан, бул эң сонун каармандардын бири. "Адам Болот" тасмасынын уландысы тууралуу жаңылыктар күлкүлүү фильмдин күйөрмандарын ка...
Локалдаштырылган интерфейстерди долбоорлоо боюнча 10 кеңеш
Табыңыз

Локалдаштырылган интерфейстерди долбоорлоо боюнча 10 кеңеш

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