Најбољи ресурси за скицирање Грид-басед Вирефрамес
Процес дизајнирање интерфејса увек почиње са Генерација идеје. То укључује визуализацију, истраживање других локација и брзо прототипирање. Ова рана фаза идеје је кључна за разумете изглед и корисничко искуство намеравате да градите. Дакле, како бисте заправо требали обавити рад на новом пројекту?
Љубитељ сам традиционалног папира и оловке са додатним алатима по потреби. Али дигитал вирефраминг је такође велика, и то је одржива опција за модерне дизајнере. У овом чланку желим да поделим најбоље ресурсе за обе технике како би вам помогао да креирате сопствене УИ жичани оквири засновани на мрежи.
Рана УИ / УКС концептуализација
Почнимо са разјашњавањем разлика између вирефраме и а прототип. Ове две речи се често користе наизменично јер се односе на исти процес.
А вирефраме је једна статична скица корисничког сучеља веб странице или апликације. Можда има облачиће који објашњавају текст тастера, маргине, величине елемената или чак анимације. Али жице су праведне грубе нацрте за појединачне странице.
Слично томе, а прототип је као а дијаграм тока који показује како се различите странице повезују заједно. Тако прототип повезује жичане оквире како би показао како би различити тастери или линкови требали водити до других страница.
Ове дефиниције нису уклесане у камен, неки дизајнери могу имати своју терминологију и могу се не слагати са мојом тачном формулацијом. Али ово је начин на који сам их најчешће описивао, а то је колико многи дизајнери најбоље разумију ове термине.
Шта би требало да урадиш тачно са тим раним концептуалним деловима? Да ли су стварно потребни? Рекао бих да израда прототипа није увек неопходна, али је то веома добра идеја, посебно за пројектовање апликација са сложеним интеракцијама.
Али ожичење увек је добра идеја за сваки нови пројекат. Помаже вам фокусирајте се на велику слику без бриге о детаљима. Разумијете како је цјелокупна страница постављена, а то је непроцјењиво када дизајнирате конкретан изглед.
Циљеви за Вирефраминг
Сваки пут када покренете нови пројекат треба да размислите шта покушаваш да решиш. Свака локација је изграђена са специфичним циљем на уму. Многе локације имају чак и више циљева гдје су неки циљеви важнији од других.
Користите вирефраминг као водич који ће вам помоћи да пронађете најбољу стратегију хватање циљева веб-локације. Ово се вероватно неће десити на првом вирефраме-у, зато будите спремни скицирати много различитих идеја.
Потражите друге сличне веб странице и запишите њихове најбоље особине. Анализирајте како је садржај организован и како се крећете кроз сваку страницу.
Размислите о графичким оквирима из интерактивни став. Ово нису само лепе слике. То су репрезентације дигиталних интерфејса, а ви желите да скицирате своје идеје с тим на уму.
Имајући у виду ресурсе на мрежи, било да су направљени од папира или су дигитални, може много помоћи у брзом скицирању. Сада проверите најбоље ресурсе за креирање графичких оквира.
Грид Скетцхпадс
Увек можете почети са основним сличицама на папиру за штампач само на мапирати грубе идеје. Ја лично почнем да радим на папиру за штампач, јер сам на тај начин мање забринут за решетке и више о томе генерисање идеја.
Скице за цртање са тачкастом мрежом је најбољи начин да одете ако желите очистити идеју, и дати јој више структуре. Мрежа вам помаже процену удаљености између ставки на страници и креирајте нека врста симетрије у жици.
Постоји много одличних производа ако желите покрените жичану мрежу на папиру, на пример, Рходиа Дот Пад долази у различитим величинама за свакодневну употребу. Долази само са 80 страница, али то је прилично типично за већину књига скица.
Још један врло цоол и прилагодљив производ је Дотгрид. Сви Дотгрид-ови предмети су скупљи од Рходиа књига, али долазе са више материјала и прилагођеним дизајном.
Дотгрид чак прихвата наручене наруџбе које вам дозвољавају дизајнирајте властити скетцхпад. Свака књига садржи нешто мање од 100 листова, тако да укључујући предњу и задњу страну добијате око 200 страница за скицирање мреже.
Неколико других скица за цртање тачака које желим да поменем укључују Беханце Дот Грид која је чврста и спирална, иако садржи само 50 листова папира.
Прилагодљиви дизајн скетцхбоок је један од најбољих ресурса за веб дизајнере. Ниједном другом дизајнеру производа не би био потребан одговарајући дизајн скетцхбоока, али веб дизајнери имају велике користи од слободе генеришу идеје на различитим ширинама уређаја на врху решетке.
Ове одговарајући дизајнерски јастучићи имају и 50 листова од укупно 100 страница, али свака страница има четири различите мреже који представљају различите тачке прекида у одговорном дизајну: десктоп, лаптоп, таблет и смартпхоне.
Иако је дизајн упечатљив у поређењу са Дотгрид књигама, нико други није размотрио скицирке за веб дизајнере. Ако се бавите том врстом ствари, онда вреди наручити једну за пробну вожњу.
Ако сте заиста у ручно рађеним стварима, а не желите да трошите новац, можете одштампајте сопствене странице мреже са Скица интерфејса. Овај бесплатни сајт нуди различити шаблони мреже које можете да штампате и користите за ручно цртане рамове.
Решетке долазе у формату А4 и УС величине за различите стилове папира за штампач. Можете бирати између многих опција, као што су шаблони за читав веб прегледник или различите иПхоне екране.
Све ове опције су сјајне и вредне истраживања ако сте заинтересовани оловка скицирање. Папир је један од најлакших медија за брзо спуштање нових идеја, тако да је често преферирани избор чак и од стране УИ дизајнера.
Дигитални алати и веб апликације
Постоји толико много великих програма за жичано повезивање, да се они тешко могу покрити без ризика за парализу анализе, па за сада хајде да се фокусирамо на неке од најбољих опција за грид-басед вирефраминг.
Прво, желим да поменем да можете да користите Адобе алате као што је Иллустратор креирајте сопствене вирефрамес. Ово није део сваког радног процеса, а Иллустратор сигурно није бесплатан. Али ако већ радите са Адобе Цреативе Цлоуд онда би то могло бити добро место за почетак.
1. Мокупс
Мокупс је један од најбољих онлине алата за вирефраминг. Радите са визуелним уређивачем и библиотеком имовине да превлачите и испуштате по целој страници.
Сваки нови пројект Мокупс има унапред дефинисане мреже, и користи светле љубичасте линије како би вам помогао да подесите елементе у поравнање. То је одличан веб алат који олакшава пројектовање са мрежом.
Сајт ради по дефаулту на слободном плану који ограничава корисника на 300 страница објеката. Сајт има премијум опције, али плаћање месечне претплате може бити више досадно него само покретање Адобе алата или једнократна куповина Скетцх-а..
2. Грид Папр
Грид Папр веб апликација је потпуно бесплатна и нуди и јавне и приватне рачуне за ваше вирефрамес. Креирате име за свој пројекат и добијате свој јединствени УРЛ за жичани оквир који можете уредити са било ког рачунара.
Сваки нови вирефраме долази са решетком који вам омогућава да извршите снап-то-грид на свим елементима. Карактеристике су једноставне, али су довољне креирајте ло-фи вирефраме за неколико минута. Само повуците све што желите на страницу, и пратите мрежу да бисте створили звездани оквир.
3. Вирефраме.цц
Вирефраме.цц је један од најједноставнијих и минималних алата које можете користити за вирефраминг. Има а сучеље без загушења са унапред изграђена мрежа и организоване траке са алаткама. Једноставно кликните и повуците да бисте креирали нове елементе на платну. Такође можете да сачувате и поделите свој рад.
Ово је још једна алатка која се бесплатно нуди уз опционе премијске планове. Сваки план се наплаћује мјесечно, тако да је врло сличан моделу Мокупс у структури цијена. Бесплатни алат се може користити са било ког рачунара без налога.
4. Моцкингбирд
Моцкингбирд је још једна одлична опција, која нуди много више могућности од већине алата за исцртавање. Можете почети бесплатно, али суђење је ограничено на 7 дана. Ово може бити узнемиравајуће за неке кориснике, али алат је заиста невероватан и ради у свим претраживачима.
Моцкингбирд има бесконачну библиотеку УИ елемената као што је табс, хармонике, падајуће меније, видео плејере и једноставне текстуалне везе. Подразумевана мрежа користи мрежу 960гс грид, али можете изабрати 12, 16 и 24 колоне.
Финал Вордс
Без обзира да ли одаберете традиционалну или дигиталну вирефраминг, увијек је у питању квалитет излаза. Много тога се може научити када радите ову врсту посла, тако да нађете било који алат који вам највише одговара.
Кретање напред најбоља ствар коју треба учинити је само почните са жичаном везом. Осетите шта год желите најбоље (папирни или дигитални) и направите га својим. Ресурси у овом чланку би вам требали дати више него довољно да бисте почели са жичаном обрадом сопствених дигиталних интерфејса.
(Цовер пхото би Оикун Иилмаз)