23Jul
оловка је алат за жице који можемо користити за скицирање узорка корисничког интерфејса наше апликације.Велика ствар о оловци је да је лак, једноставан за кориштење и чврсто интегриран са Фирефоком.Поврх свега, његова бесплатна апликација отвореног кода!На крају текста ћемо вам представити једноставан демо о томе како користити оловку како бисте направили бриззли вирефраме.
Зашто креирамо жичне љифре?
Жичана ограда је скица идеје за постављање странице. Жичани оквир се фокусира на дизајн информација странице како би се осигурало да дизајн одговара потребама корисника.Жичана ограда се обично састоји од различитих облика( као што су кутије, овале и дијаманти) како би представљали садржајне, функционалне и навигационе елементе.Ови облици приказују њихов положај на страници.
На почетку то може изгледати као губљење времена, стварајући грубе скице странице.Жичани оквир је важан како би се ваши корисници фокусирали на елемент важности на вашој страници.Креирање грубог скица странице, без украсних визуелних елемената, померите пажњу корисника на важне елементе попут величине, распореда и постављања компоненти ваше странице.Почећемо боље разумевање онога што клијент заиста жели и треба из софтвера када корисник почне фокусирати на важне елементе странице.Креирање жичног оквира омогућава вам и вашим корисницима да успјешно сарађују и рано откријете потенцијални проблем дизајна.
Почетак рада са оловком
Преузмите оловку са додате странице оловке.Једном када инсталирате оловку, он је доступан из 'Тоолс' & гт;"Скицирање оловке".
Изгледа како Бриззли изгледа.То је прилично пријатна веб апликација која агрегира Фацебоок и Твиттер у оквиру једне странице.
Ово је крајњи резултат жичног оквира.Главни облици у овом жичану траку су правоугаони, текстуални оквир и табови.Следећи одељак чланка даје једноставан пример како направити сваки облик.
Креирање правоугаоника
Први корак стварања облика жичног оквира је да повучете облик из менија "Схапе Цоллецтионс" на платну.
Промените правоугаоник на одговарајућу ширину и висину.
Можемо прилагодити текст, границу и боју позадине било којег облика у оловци.Десни клик на правоугаоник и изаберите 'Пропертиес' да бисте отворили прозоре Пропертиес.Ово је екран за својства позадине.Подесите боју позадине правоугаоника на бело( #ФФФФФФ).
Кликните на картицу 'Бордер' и подесите својства границе.Поставите боју границе у црну( # 000000) и промените тежину границе на 1.
Екран за текстуалне особине омогућио нам је прилагођавање типа фонта, величине, стила, тежине, боје, осветљености и прозирности текста.
Креирање завоја
Кућиште, нацрт, картици за слику су три табулатора која се убацују једна на другу.Превуците три 'Табс Табс' у правоугаоник.Промените величину сваке картице тако да се свака картица приказује поред себе.
Отворите екран за својства текста да бисте подесили боју фонта на картици "Слике" и "Нацрт".Поставите га у сиво( # 989898).
Креирање текста
Превуците облик 'Тект' на платну како бисте креирали сваки од менија.Можемо прилагодити изглед текста приступом прозору за својства текста.
Корисни савети за промену боје
Боја је један од најосновнијих делова у пружању пријатног жичног оквира.Најпрецизнији начин промене боје облика је одређивање ХТМЛ кода у боји.Читање ХТМЛ кода за одређену боју може бити тешко.Можемо да користимо ХТМЛ шаблон за боје са бојама од в3цсцхоолс.цом да потражите прави ХТМЛ код за одређену боју.
Такође желимо да користимо Цолорзилла да изаберемо боје са екрана и да га користимо у оловци.Кликните на икону за додавање ока у доњем левом углу Фирефока да бисте изабрали боју на екрану.Такође можемо отворити ЦолорЗилла-ов изборник боја тако што ћете двапут кликнути на икону за додавање ока.Само копирајте кашњење Хекс кода у ХТМЛ код Пенцила.
Закључак
Оловка је једноставан за кориштење жичане алатке.Интегрисање оловака са Фирефок-ом омогућило нам је да користимо други Фирефок додатак за креирање боље вирефраме
Линкови
Преузмите Пенцил
Преузмите Цолорзилла
В3Ц ХТМЛ Цолор Цхеат Схеет