Задаволены
Ці павінны графічныя дызайнеры ведаць, як праграмаваць? Навучанне кадаванню, безумоўна, займае першае месца сярод спісаў пажаданняў прафесійнага развіцця многіх дызайнераў, а здольнасці да кадзіравання адкрыюць мноства новых магчымасцей, а таксама зробяць вас значна больш універсальнымі і прыдатнымі для працы.
Але калі вы яшчэ не знайшлі часу, каб навучыцца навыкам кадзіравання, або выявілі лепшыя рэдактары кода, не бойцеся. На рынку прадстаўлена мноства простых інструментаў вэб-дызайну, якія могуць даць вам годны вынік нават у якасці пачаткоўца кадавання.
Тут мы не гаворым пра інструменты на аснове шаблонаў, такія як Squarespace, Wix або WordPress - хаця і з некаторымі ноў-хаў па кадаванні такія інструменты могуць даць уражлівыя вынікі. У супрацьлеглым канцы мы пазбаўляемся ад удасканаленых тэкставых рэдактараў для праграмістаў, якія ствараюць вэб-сайт па чарзе.
У той час як усе яны маюць свае абмежаванні, разнавіднасці інструментаў вэб-дызайну, даступныя для некадараў, увесь час становяцца ўсё больш магутнымі. Прачытайце шэсць лепшых інструментаў для выкарыстання, калі вашы навыкі кадавання ўсё яшчэ працягваюцца ...
01. Муза (RIP)
Калі ў вас ёсць падпіска на Creative Cloud, Adobe Muse будзе ў вас пад рукой - прынамсі яшчэ на пару гадоў. Рашэнне Adobe для дызайнераў, якія не кадуюць, для стварэння фіксаваных, гнуткіх і адаптыўных вэб-сайтаў будзе афіцыйна спынена з сакавіка 2020 г., а апошняе абнаўленне функцый было ў сакавіку 2018 г.
Adobe сцвярджае, што больш складаныя рашэнні для вэб-сайтаў і праграм, як правіла, вырабляюцца ў партнёрстве са староннімі распрацоўшчыкамі, і дызайнеры ўсё яшчэ могуць выкарыстоўваць Adobe XD для распрацоўкі і стварэння прататыпаў - калі не экспартаваць гатовы для Інтэрнэту код, як вы можаце з Muse. У больш простым сэнсе ён звяртае ўвагу на распаўсюджванне наладжвальных сайтаў DIY на аснове шаблонаў - прасторы, у якой канкуруе Adobe Portfolio.
У той жа час з дапамогай Adobe Spark можна ствараць вэб-сайты на адной старонцы, такія як інфармацыйныя бюлетэні альбо мэтавыя старонкі. Такім чынам, у вас усё яшчэ ёсць варыянты ў вашым наборы інструментаў CC пасля 2020 года, але Muse застаецца кароткатэрміновым варыянтам, калі вы ўжо плаціце за суб. Калі вы не хочаце марнаваць час на тое, каб спыніць працу, паспрабуйце адно з наступнага ...
02. Эскіз
Прадстаўляючы сябе "наборам інструментаў для распрацоўкі", Sketch - гэта інструмент для дызайну і макета, які сумесна з убудовай Launchpad for Sketch дазваляе публікаваць адаптыўныя сайты без кадавання.
Акрамя макетаў і графічных элементаў, вы можаце ствараць простыя анімацыі і прататыпы, якія можна націснуць, каб выпрабаваць UX хутка і лёгка. Выкарыстоўваючы інструмент Sketch Mirror, вы таксама можаце праглядзець дызайн адразу на тэлефоне або планшэце.
У Sketch таксама ёсць мноства іншых гнуткіх функцыянальных функцый, якія дазваляюць зэканоміць час, напрыклад, сімвалы, якія можна перайначыць і змяніць іх памер у цэлым дызайне, а таксама падзяліцца з калегамі праз хмарныя бібліятэкі.
Эксклюзіўна даступны для Mac, ён верне вам 99 долараў у год за адну ліцэнзію, паступова зніжаючы аб'ём ліцэнзавання і зніжаючы ўзровень у 59 долараў у год для 50 і больш прылад. Існуе бясплатная пробная версія, каб праверыць гэта.
03. Вэб-паток
Паколькі ён быў створаны з дакладнай мэтай зрабіць вэб-дызайн даступным для тых, хто не мае ведаў па кадаванні, воблачны інструмент Webflow не патрабуе ніякіх вынікаў у гэтым спісе. Ён забяспечвае "магчымасць распрацоўкі, стварэння і візуальнага запуску спагадных сайтаў", выкарыстоўваючы выразны інтэрфейс перацягвання.
У адрозненне ад многіх рэдактараў WYSIWYG, Webflow стварае дзіўна чысты HTML / CSS-код - нават калі падчас налады вы выбіраеце опцыю "У мяне няма вопыту кадавання". Такія функцыі, як эфект пракруткі паралакса, рух на аснове мышы і шматкрокавая анімацыя - у вас пад рукой.
Выкарыстоўваючы яго універсальную CMS, вы можаце ствараць блогі, партфелі, крамы электроннай камерцыі і многае іншае, прыцягваючы дадзеныя па меры неабходнасці. Розныя навучальныя відэаролікі з "Універсітэта Webflow" дапамагаюць пачаць працу, і замест абмежаванай па часе бясплатнай пробнай версіі вы можаце бясплатна стварыць да двух праектаў з дапамогай пакета для пачаткоўцаў Webflow - хостынг не ўваходзіць. З гэтага моманту кошты пачынаюцца ад 15 долараў у месяц.
04. Вебіда
З пераканаўчым слоганам "рамяство без кода" Webydo - гэта воблачны сэрвіс, які робіць пераход ад дызайну плоскіх экранаў у Photoshop максімальна плыўным, выкарыстоўваючы інтэрфейс перацягвання для стварэння "ідэальных для пікселяў, спагадных сайтаў без код ".
Пры поўным кантролі над кожным элементам старонкі дызайн можна лёгка адаптаваць да розных прылад і памераў экрана. Сайты можна прасоўваць у прамым эфіры на хостынг-серверы Webydo, і вы можаце даць кліентам доступ да CMS для абнаўлення змесціва. Вы нават можаце выставіць рахунак праз убудаваную прыборную панэль.
Даступна бясплатная пробная версія на працягу тыдня, потым кошты хутка ўзрастаюць - у рэшце рэшт, гэта пакет поўных паслуг. Індывідуальны рахунак складае 90 долараў у месяц (75 долараў у месяц), уключаючы хостынг для 10 сайтаў. Каманда з трох чалавек (30 сайтаў) складае 180 долараў у месяц (150 долараў у месяц штогод), альбо 10 чалавек (100 сайтаў) - 480 долараў / 400 долараў.
05. Кард
Мы заканчваем самым простым інструментам у спісе: Carrd бярэ на сябе Adobe Spark, прапаноўваючы просты спосаб стварэння простых гнуткіх сайтаў на адной старонцы. Пачынаючы з пустой старонкі альбо з аднаго з прыкладзеных шаблонаў, вы можаце сабраць і наладзіць ідэальны макет, выкарыстоўваючы загадзя вызначаныя элементы змесціва.
У той час як аднапэйджары - гэта хлеб і алей Карда, тэхнічна магчыма разбіць ваш сайт на асобныя старонкі - альбо, па меншай меры, для дасягнення аналагічнага эфекту - з дапамогай інструмента "Разбіць раздзел". Хоць гэта можа быць проста, як пераход да розных абласцей адной доўгай старонкі, даданне анімацыі змены раздзела забяспечыць больш плыўны пераход.
Лепш за ўсё: гэта абсалютна бясплатна для трох сайтаў і мадэрнізацыя каштуе ўсяго 9 долараў у год. З дапамогай уліковага запісу Pro вы можаце далучыць уласны дамен, дадаць кантактныя або рэгістрацыйныя формы, падключыць Google Analytics, уласны код альбо віджэты іншых вытворцаў. Зразумела, функцыянальнасць з'яўляецца асноўнай у параўнанні з такой платформай, як Webydo, але цана гэта адлюстроўвае, і гэта выдатны варыянт, калі вы хочаце стварыць нешта гладкае і простае.
