От последното десетилетие се води студена война между дизайнери и разработчици. Дизайнерите се оплакаха колко зависими трябва да бъдат от разработчиците, за да ги създават макети които надхвърлят статичните изображения. От друга страна, разработчиците възмущават нуждата си от умения на дизайнерите, които да им помогнат да превърнат своите концепции в способни интерфейси, които са лесни за употреба.
Но тъй като инструментите за проектиране стават по-лесни и лесни за използване, студената война е към своя край.
php unicode към utf 8
Вече е възможно да създадете доста впечатляващ интерактивен прототип с приложение без никакво кодиране. Това означава, че дизайнерите могат да тестват нови приложения, без да се налага да пишат един ред код, а това означава, че разработчиците могат да използват прости инструменти, за да работят професионално по своите проекти, без да се нуждаят от професионална помощ.
Очевидно дизайнерите все още могат да се възползват повече, ако се научат да използват код, а разработчиците вероятно трябва да учат дизайн, но разликата между двете умения става все по-лесна и по-лесна за преодоляване.
Не много отдавна, в мрежата далеч, далеч ...
Основната роля на дигитални дизайнери Преди пет до седем години той проектира статични изображения на страници и екрани във Photoshop, които след това се изпращат на магически разработчик, който ще ги трансформира във функционален уебсайт или приложение. Макетът винаги е бил ограничен резултат. Тя беше статична, данните бяха фалшиви и нямаше взаимодействия. Правили ли сте някога потребителски тест със статично изображение? Не се стига много далеч.
Назад и напред комуникацията между дизайнери и разработчици, опитващи се да разберат намеренията на дизайнера, би създала достатъчно дълго вериги за електронна поща, за да погълне целия свят. Седмици на разработка ще преминат само за да открият, след пускането, че това, което разработчикът разбира като 'прекарване на пръст нагоре', е много различно от това, което дизайнерът е имал предвид. Беше ад.
В свят като този няма съмнение защо всеки разработчик е написал статия, в която дизайнерите трябва да се научат как да използват кода. Разработчикът, който получи PSD без анотации с десетки слоеве без имена, няма да е виновен, че иска да скочи през прозореца.
В същото време разработчиците, които се интересуваха от проектирането на свои собствени приложения, бяха разочаровани от сложни инструменти като Photoshop или Illustrator. Те се нуждаят от цялостно образование по графичен дизайн, в допълнение към чиракуването си по компютърни науки, за да реализират своите идеи. Разработчиците, които се опитват да намалят ръбовете и да ги проектират в движение, в крайна сметка получават приложения с ниско ниво на дизайн и тестване, които се спъват веднага щом навлязат на пазара.
Дигиталният дизайн не смърди повече
Сега ситуацията между дизайнери и разработчици е значително по-добра. С изобретяването на интелигентни инструменти за дизайн и платформи като Craft от InVision, приложението InVision, Framer, Flow, Flinto / Principle и Sketch, дизайнери Y. Разработчиците могат лесно да прототипират приложение и да го тестват, без потребителят да знае, че използва приложение без back-end.
Изглежда, че приложението работи изцяло от гледна точка на потребителя. Всяко взаимодействие и поток ще бъдат налице. Дизайнерите получават ценна информация, без да докосват ред код, а разработчикът може да създаде свои собствени дизайни с няколко прости щраквания.
Нека разгледаме отблизо тези шест инструмента за проектиране:
как да намеря софтуерни инженери
Този набор от приложения позволява на дизайнерите да използват реални данни, а не стандартния „Lorem ipsum“ и пълнителя на икони на Майкъл Джексън. Различните приложения работят заедно, за да направят процеса на проектиране по-плавен и автоматизиран. Приложенията поддържат сътрудничество, макет на прототипи, синхронизиране и най-важното - вашите собствени данни.
InVision наистина промени играта, като позволи на дизайнерите да създават макети, които не са статични. С опростените инструменти на InVision изображенията могат да се трансформират в интерактивни прототипи, които могат да се кликват, които се чувстват като истински приложения. InVision поддържа сътрудничество, което улеснява колегите дизайнери и потребители да коментират промените на всяка стъпка.
Вижте прототипа, създаден с помощта на Marvel (конкурент на Invision):
Фреймър Почти е като InVision, но има способността да постига по-сложни взаимодействия. Някои големи компании използват Framer, за да могат да проектират приложения, които са интуитивни и полезни, но и прости. Uber е добър пример, те са използвали Framer, за да проектират своите приложение от Apple Watch Y. UberPOOL .
И двете приложения могат да се използват за създаване сложни анимации за минути. И двете изискват малко практика, но след като дизайнерите се справят свободно с тези приложения, те могат лесно да създават анимации, които да изглеждат и да се чувстват изключително професионално, а не излишно претрупани. Можете да видите тук много невероятни примери за това какво могат да направят потребителите с Принцип.
Sketch е като Photoshop, но с приблизително четири пъти повече от функциите за уеб и мобилни разработчици. Този мощен инструмент решава проблема със статичните дизайни, които не правят нищо, като позволява на дизайнерите да създават икони, интерфейси и уебсайтове, които са напълно уникални и ръчно изработени.
по отношение на цялостния ефект на отрицателните лихвени проценти върху икономиката, икономисти
Този се чувства като кука на Майк Тайсън. Webflow основно премахва необходимостта от дизайнери да пишат преден код. Сега дизайнерите използват този красив редактор WYSIWYG, за да се справят с всички тежки повдигания.
Приложения без никакъв код
Хеко : Тази агенция е създала невероятно сложни анимации и е постигнала доста усъвършенстван фронт-енд без разработчици от фронт-енд, използвайки само Webflow.
Как вашият списък със задачи (или списък със задачи ) работи по този макет на живо. Докосвайки приложението, можете да видите пълната функционалност на това как работи Todoist без предположения.
Създаването на CSS анимации се нуждаеше от CSS съветници, които знаеха как да работят с трансформации, 3D забавяния и безкрайни CSS и JS хакове, за да създадат нещо сложно. С Webflow можете да създадете нещо като тази анимация за половината време и без да пишете нито един ред код.
Бъдещето е дизайнът и има какво да се види
С дизайнерски инструменти като този, дизайнерите не трябва да се фокусират върху статични изображения и не трябва да разчитат на разработчиците, за да създадат професионални, красиви и функционални прототипи.
превърнете raspberry pi в уеб сървър
В същото време разработчиците вече не трябва да разчитат на дизайнерите, за да предложат страхотни идеи. Разработчиците могат и трябва да започнат да добавят дизайнерски умения към автобиографията си, започвайки с инструментите, споменати по-горе. Нито една от тези програми не е особено сложна за учене и ако разработчиците престанат да разчитат на дизайнерите и започнат сами да създават красиви прототипи, те биха могли да улеснят наемането на професионалисти и да изпитат удовлетворението (да не говорим за спестяванията) от пренасянето на своите идеи от концепция към пазар .
Това може да звучи като лоша новина за дизайнерите, но не е така. С добавянето на проста интеграция на API, автоматизирани работни потоци и възможността за въвеждане на реални данни, дизайнерите могат да създават сложни и проверими прототипи, без да се налага непрекъснато да вървят напред и назад с разработчик. Резултатът е, че дизайнерът може да се съсредоточи върху това, което прави най-добре: дизайн .
Вече няма нужда творчеството на дизайнера да бъде интерпретирано и неизбежно опетнено от някой, който не споделя неговата визия. Така че, докато същите тези инструменти позволяват на разработчиците да проектират, това не бива да заплашва опитни дизайнери. Вместо да се притесняват, че разработчиците ще навлязат в тяхната област, дизайнерите трябва да имат надмощие с всички инструменти, описани по-горе, и да продължат да вървят напред със своите творения.
