У следећем чланку ћемо погледати оловку. Ово је апликација развијена за пружање а интерфејс помоћу којег можемо да правимо моделе и прототипове. То је мултиплатформна апликација, бесплатна, бесплатна и отвореног кода. Помоћу овог алата имаћемо могућност да креирамо сопствене моделе веб страница, радне површине, веб апликације, графиконе тока и многе друге.
Апликација ће нам пружити врло једноставан и брз начин да креирамо дизајн који ћемо показати клијенту пре него што се дубоко упустимо у његов развој и програмирање. Процес се може извести повлачењем и испуштањем. Такође можемо користити обликују колекције, што знатно поједностављује дизајн.
Опште карактеристике оловке
- Понуде оловака разне колекције облика за цртање различитих врста корисничког интерфејса у распону од десктоп апликација до мобилних платформи. То још више олакшава покретање прототипа наших апликација једноставном инсталацијом.
- Списак уграђених колекција укључује обрасци опште намене, елементи дијаграма тока, обрасци корисничког интерфејса за радну површину / веб, облици ГУИ-а Android и иОС. Постоје и многе друге колекције које је заједница креирала и слободно дистрибуира на Интернету. Неке колекције шаблона су састављене у наставку веза.
- Апликација подржава извоз цртачког документа у различите врсте формата. Цртеж можемо извести у комплету растерске ПНГ датотеке или као веб страницу што можемо показати. Оловка подржава извоз докумената у популарним форматима, укључујући текстуалне документе ОпенОффице / ЛибреОффице, Инксцапе СВГ и Адобе ПДФ.
- Оловка има алат за прегледач за цлипарт који се интегрише са ОпенЦлипарт.орг да бисте лако пронашли исечке помоћу кључних речи. Цртеж можемо додати једноставном операцијом повлачења и испуштања. Цлипарт-ови наведени у алату су у векторски формат.
- Елементи у цртеж се може повезати са одређеном страницом у истом документу. Ово помаже кориснику да дефинише ток корисничког интерфејса приликом креирања апликација или макета веб локација. Везе дефинисане у документу претварају се у ХТМЛ хипервезе када се документ извози у веб формат. Овај процес ствара интерактивна верзија макете у којем можемо видети симулирани ток када кликнемо на елементе корисничког интерфејса.
Инсталација на Убунту
Оловка је а мултиплатформни алат доступно за Гну / Линук, Мац ОСКС и Виндовс. Да бисмо га инсталирали на Гну / Линук, мораћемо да преузмемо пакет формата ДЕБ или РПМ који одговара вашем систему (32 или 64 бита) који су доступни у страницу за преузимање би Пенцил.
У овом примеру хоћу инсталирајте ову апликацију на Убунту 17.10. Да бисмо извршили инсталацију, мораћемо само да отворимо терминал (Цтрл + Алт + Т) и напишемо следеће команде:
wget http://pencil.evolus.vn/dl/V3.0.4/Pencil_3.0.4_amd64.deb sudo dpkg -i Pencil_3.0.4_amd64.deb
Такође можемо двапут кликнути да одмах започнемо инсталацију.
Израда дизајна помоћу оловке
Као што сам већ рекао, Пенцил пружа разне колекције облика за стварање различитих врста интерфејса. Неке од ових колекција уграђене су у најновију верзију оловке, али друге можете и да преузмете и лако инсталирате.
Да бисмо креирали дизајн мобилне апликације за Андроид са дизајном Лоллипоп, на пример, моћи ћемо преузмите колекцију облика или оловке матрице од следећег веза. Пронаћи ћемо и колекцију за дизајн веб страница заснованих на Боотстрап-у, иконама материјалног стила и Твиттер емоји-има.
Ваш први дизајн оловке
Да бисмо започели, мораћемо само да изаберемо опцију Нови документ. Даље ћемо морати да одаберемо колекцију облика које желимо да користимо на основу дизајна који желимо да развијемо.
Ако желимо да креирамо дизајн интерфејса, имамо Десктоп - прототип ГУИ. Ово је само једноставан пример, али послужиће као узорак. Пример резултата информативног прозора направљеног оловком можете видети на следећем снимку екрана.
Израда овог дизајна траје неколико секунди. Омогућиће нам општу представу. Оловка ће нам такође омогућити имају више страница у истом документу.
Деинсталирај оловку
Ако нас програм не убеди, можемо га лако деинсталирати из свог система. Морамо само отворити терминал (Цтрл + Алт + Т) и у њега уписати:
sudo apt remove pencil