Adobe Aktualizuje Kreativní Cloud Pomocí Responzivních Návrhových Nástrojů

2023 Autor: Luccile Osborne | [email protected]. Naposledy změněno: 2023-08-25 13:32

Společnost Adobe oznámila ve čtvrtek řadu aktualizací produktů a náhledů nástrojů pro službu Creative Cloud.

Mezi velké aktualizace patří první veřejný náhled na Edge Reflow - responzivní návrhový nástroj - nové aktualizace nástroje Edge Animate, aktualizace nástroje Edge Code Preview a aktualizace Dreamweaveru.

Zatímco většina aktualizací je k dispozici všem členům Creative Cloud (včetně bezplatných uživatelů), aktualizace Dreamweaveru je k dispozici pouze pro členy Creative Cloud, kteří se rozhodli přihlásit se k odběru Creative Cloudu nebo mají předplatné aplikace Dreamweaver pro jednu aplikaci.

Adobe Edge Reflow

Největší částí této nové verze je první veřejný náhled na nejnovější nástroj Adobe Edge Edge Reflow. Edge Reflow je nástroj speciálně vytvořený na pomoc návrhářům vytvářet responzivní návrhy.

Generální ředitel a zakladatel společnosti Mashable Pete Cashmore nazval rok 2013 rokem responzivního webdesignu. V průběhu roku 2012 a přechodu do roku 2013 se webové vlastnosti všech pruhů stále více zaměřují na to, aby jejich weby reagovaly - to je, přizpůsobitelné a viditelné v různých rozlišeních a na různých typech zařízení.

„Responzivní“část responzivního designu znamená, že je pro designéry obtížné vytvářet kompakty nebo makety pomocí tradičních nástrojů, jako je Photoshop nebo Fireworks. Umožní návrhářům ukázat, jak bude design vypadat v určitých bodech zlomu (dotazy na média), ale není to dokonalé.

Kromě toho může být návrh v prohlížeči pro některé designéry a vývojové týmy obtížný z důvodu nedostatku vizuálního vhledu, jak bude návrh fungovat.

Z tohoto důvodu vytvořil Adobe Edge Reflow. Tato aplikace nabízí návrhářům vizuální způsob, jak vytvořit maketu nebo sestavit různá rozvržení - nejprve mobilní nebo stolní - a také pomocí CSS3 stylovat prvky a získat skutečný vzhled a dojem z webu.

Edge Reflow není navržen tak, aby byl designovým řešením typu end-to-end. Toto není nástroj, který vám umožní vytvořit responzivní web v jednom kroku. Místo toho je to pro designéry a týmy, kteří chtějí získat dobrý pohled na to, jak bude vypadat design v různých velikostech a bodech zlomu, zatímco jsou stylizováni některými prvky CSS3.

Uživatelé si mohou prohlížet své návrhy v prohlížeči a CSS je extrahovatelné pro budoucí vývoj. To se hodí, protože nástroj také obsahuje velmi pěknou barevnou paletu a CSS3 gradient maker. Tuto část kódu můžete zvýraznit a exportovat pro pozdější vývoj.

Jakmile budete mít základní představu o tom, jak chcete, aby váš design vypadal, mohou vývojáři tento kód použít v Dreamweaveru nebo v jejich textovém editoru, aby se vešel do jejich projektu nebo rámce.

Strávil jsem nějaký čas hraním s Edge Reflow a jsem ohromen tím, jak dobře to funguje. Je to jeden z prvních nástrojů, který skutečně vnáší vizuální identitu do responzivního procesu návrhu a skutečnost, že můžete také přidat do Adobe Edge Fonts a základní styling, je obrovským plusem.

Edge Animate, Dreamweaver a Edge Code Updates

Edge Animate - nástroj Adobe pro vytváření animovaného webového obsahu - také získává některé aktualizace. Uživatelé nyní mohou v rámci nástroje využívat vizuální selektor písma, který využívá technologii Adobe Edge Web Fonts. Kromě toho je nyní zahrnuto několik stylů a efektů CSS3. K animacím můžete také snadno přidat přechody pomocí CSS.

Pokud jde o Dreamweaver, členové Adobe Creative Cloud získají přístup k aktualizovanému rozvržení tekutinové mřížky, které nabízí větší flexibilitu při vytváření tekutinových sítí. Dreamweaver také získá integraci Edge Web Font, díky níž bude integrace webových písem do Dreamweaveru hračkou. Tyto doplňky jsou však určeny výhradně pro členy Creative Cloud, takže pokud máte v rámečku kopii Dreamweaveru, máte štěstí.

Adobe Edge Code je nástroj společnosti pro úpravy kódu pro JavaScript, HTML a CSS. Nejnovější náhled přidává možnost vidět živé změny při jejich kódování, nový způsob úpravy kódu v kontextu a vylepšené nasměrování kódu pro CSS a HTML.

Nové aplikace sady Edge a aktualizace Dreamweaveru jsou nyní k dispozici členům Creative Cloud.

Obrázky jsou k dispozici s laskavým svolením společnosti Adobe